Full Width Revolution Slider

Full Width Revolution Slider

<!-- 
    To use Slider Revolution we have to include its own full package in root folder and it's named rs-plugin
    Include Slider Revolution settings.css in <header> right after bootstrap cdn like this: 
    <link rel="stylesheet" href="../rs-plugin/css/settings.css" media="screen" />
    
    We also have to include two javascript dependencies and one custom javascript file after bootstrap.min.js like this:
    <script src="../rs-plugin/js/jquery.themepunch.tools.min.js"></script>
    <script src="../rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="../js/revolution-slider.js"></script>


<!-- begin Full Width Revolution Slider -->
  <div class="full-width-revolution-slider-container">
    <div class="full-width-revolution-slider">
    <ul>
       
       <li data-transition="fade" data-slotamount="7" data-link="#">
         <img src="https://hd.unsplash.com/photo-1470472485155-0e1e392b8322">
       </li>

       <li data-transition="fade" data-slotamount="7" data-link="#">
         <img src="https://hd.unsplash.com/13/unsplash_523ae1f5502d6_1.JPG">
       </li>

       <li data-transition="fade" data-slotamount="7" data-link="#">
         <img src="https://hd.unsplash.com/photo-1452111172264-1e1a6b852c7c">
       </li>

       <li data-transition="fade" data-slotamount="7" data-link="#">
         <img src="https://hd.unsplash.com/photo-1413708617479-50918bc877eb">
       </li>

        <li data-transition="fade" data-slotamount="7" data-link="#">
         <img src="https://hd.unsplash.com/photo-1420310414923-bf3651a89816">
       </li>
      
      </ul>
  </div>
</div>
<!-- end Full Width Revolution Slider -->