Code Block

html
<div class="container bg-color my-5 px-5 py-3">
  <div class="slick-wrap1">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
  </div>
</div>
css
div.bg-color {
  background-color: #484848;
}

div.slick-wrap1 .slick-slide {
  padding: 1.5em 0;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  outline: 0;
  background-color: #4899DD;
}
JQuery
jQuery(function($){
$('.slick-wrap1').slick();
});
html
<div class="container bg-color my-5 px-5 py-3">
  <div class="slick-wrap1">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
  </div>
</div>
css
div.bg-color {
  background-color: #484848;
}

div.slick-wrap1 .slick-slide {
  padding: 1.5em 0;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  outline: 0;
  background-color: #4899DD;
}
JQuery
jQuery(function($){
$('.slick-wrap1').slick();
});