Slick Carousel Demo

by shamaleyte

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/1295364.js"></script>
<!-- End of HubSpot Embed Code -->
<div class='container'>
  <div class='single-item'>
    <div><h3>1</h3></div>
    <div><h3>2</h3><h3>2</h3>
    <h3>2</h3><h3>2</h3>
    </div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
    <div><h3>5</h3></div>
    <div><h3>6</h3></div>
  </div>
</div>
<div><p>testxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals v</p></div><div><p>testxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj adskjd alkjdsklaj ldjal jdalk jdalksjd alkdjals  estxasdfa adakjdjhakldj...

CSS

.container {
  margin: 0 auto;
  padding: 40px;
  width: 80%;
  color: #333;
  background: #419be0;
}

.slick-slide {
  text-align: center;
  color: #419be0;
  background: white;
}

JavaScript

$(".single-item").slick({
	dots: true
});

console.log("re");