{% layout none %}




{{ '//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js' | script_tag }}

{{ '//netdna.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css' | stylesheet_tag }}

{{ '//netdna.bootstrapcdn.com/bootstrap/4.4.0/js/bootstrap.min.js' | script_tag }}

   	{{ 'youtube_carousel.css' | asset_url | stylesheet_tag }}



  <div class="page__content page_dec">
    <div class="page-width">

    <div class="container">
          <h1>Bootstrap Carousel Sample</h1>
          <div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="false">
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="d-block w-100" src="https://cdn.rawgit.com/KimSarabia/bootstrap-carousel-sample/a1eee04b/slide-3.jpg" alt="First slide">
              </div>
              <div class="carousel-item">
                <img class="d-block w-100" src="https://cdn.rawgit.com/KimSarabia/bootstrap-carousel-sample/a1eee04b/slide-2.jpg" alt="Second slide">
              </div>
              <div class="carousel-item">
                <img class="d-block w-100" src="https://cdn.rawgit.com/KimSarabia/bootstrap-carousel-sample/a1eee04b/slide-1.jpg" alt="Third slide">
              </div>
              <div class="carousel-item">
                <div class="carousel-video-inner">
                  <div id="video-player" data-video-id="h44G36ZbHcU?start=540"></div>
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>


    </div>
  </div>


    <script src="{{ 'youtube_carousel.js' | asset_url }}"></script>