Skip to content

Instantly share code, notes, and snippets.

@Wellingtonmorete

Wellingtonmorete/index.html

Created July 25, 2019 20:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Wellingtonmorete/276920f34c0e2b311fc67fc63d66254e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Wellingtonmorete/276920f34c0e2b311fc67fc63d66254e to your computer and use it in GitHub Desktop.
Download ZIP
MNjeOv
Raw
index.html
<div class="carousel">
<div><img src="https://i.imgur.com/3aIutJi.png" alt="js" /></div>
<div><img src="https://i.imgur.com/rWtGeQ0.png" alt="java" /></div>
<div><img src="https://i.imgur.com/8946bSF.png" alt="python"/></div>
<div><img src="https://i.imgur.com/9Hc7hjb.png" alt="kotlin" /></div>
<div><img src="https://i.imgur.com/uZDEpjX.png" alt="scala" /></div>
<div><img src="https://i.imgur.com/eQoyQjy.png" alt="C#" /></div>
</div>
Raw
script.js
$('.carousel').slick({
dots: true,
infinite: true,
slidesToShow: 4,
slidesToScroll: 4
});
Raw
scripts
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.js"></script>
Raw
style.css
body {
background-color: #4099E6;
}
.carousel {
width: 1000px;
margin: 0 auto;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick-theme.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment