How to setup the room sample slider

The room sample slider is found on the room_sample.html and it is based on slick slider.

The images from the slider are located in app > images folder and they can be changed from the following code:

<div class="hg-room-container">
 <div class="room-containter-image">
  <div class="hg-room-gallery">
   <div class="cont-img"><img src="images/room_12.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_13.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_14.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_15.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_16.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_17.jpg" alt="room-image"></div>
   <div class="cont-img"><img src="images/room_18.jpg" alt="room-image"></div>
  </div>
 </div>
 <ul class="slider-nav container">
  <li><img src="images/room_12.jpg" alt="room-image"></li>
  <li><img src="images/room_13.jpg" alt="room-image"></li>
  <li><img src="images/room_14.jpg" alt="room-image"></li>
  <li><img src="images/room_15.jpg" alt="room-image"></li>
  <li><img src="images/room_16.jpg" alt="room-image"></li>
  <li><img src="images/room_17.jpg" alt="room-image"></li>
  <li><img src="images/room_18.jpg" alt="room-image"></li>
 </ul>
</div>

.hg-room-gallery triggers the slick slider and the .slider-nav triggers the thumbs underneath the big slides.

The styles for this gallery are found in app/style/scss/elements/_roomslider.scss