<div class="vertical">
    <div class="horizontal">
    <div>First Slider 1</div>
    <div>First Slider 2</div>
    <div>First Slide 3</div>
  </div>
   
    <div class="horizontal">
     <div>Second Slider 1</div>
    <div>Second Slider 2</div>
    <div>Second Slide 3</div>
  </div>
   
    <div class="horizontal">
    <div>Third Slider 1</div>
    <div>Third Slider 2</div>
    <div>Third Slide 3</div>
  </div>
  </div>

.vertical {
  background:#eee;
  border:1px solid #ccc;
  border-radius:5px;
  width:500px;
  height:200px;
      display:flex;
    align-items:center;
  justify-content:center;
  text-align:center;
}

.horizontal {
  width:500px;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

$(document).ready(function(){
  $('.vertical').slick({
   vertical: true,
    dots:true,
  });
  
  $('.horizontal').slick({
    dots:true,
  });
});