Current File : /home/aventura/public_html/web/templates/secion_slider_1.html

   <!-- SECTION INTRO SLIDER -->
    <!--===============================================================-->
    <div class="section-intro-index section-slider">
      <div class="layer-intro layer-intro-index">
        <!-- SLIDER -->
        <div class="wrapper-slider" id="intro-slider-wrapper">
          <div class="carousel slide carousel-intro" id="carousel-intro" data-ride="carousel" data-interval="7500">
            <div class="wrapper-preloader">
              <div id="preloader"></div>
            </div>
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-intro" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-intro" data-slide-to="1"></li>
              <li data-target="#carousel-intro" data-slide-to="2"></li>
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <!-- first slide -->
              <div class="item item-theme-first active">
                <div class="container">
                  <div class="row">
                    <div class="col-sm-7">
                      <h1 class="text-theme title-xl mt-40 animation an-delay-05 an-duration-04 fadeInLeftSlider">Multipurpose, Unlimited Options In One Theme</h1>
                      <p class="text-theme lead animation an-delay-09 an-duration-04 fadeInUpSlider">Build your website fast, unlimited possibilities, shortcodes, 20 color options. Lorem ipsum dolor sit amet.</p>
                      <a class="text-theme btn btn-primary btn-lg animation an-delay-13 an-duration-04 fadeInRightSlider">Get Started</a>
                    </div>
                    <div class="col-sm-5 hidden-xs">
                      <img class="pull-right animation an-delay-19 an-duration-04 fadeInUpSlider" src="{url_web}/images/general/12.png" alt="theme-img">
                    </div>
                  </div>
                </div>
              </div>
              <!-- second slide -->
              <div class="item item-theme">
                <div class="container">
                  <div class="row">
                    <div class="col-sm-6">
                      <h1 class="text-theme title-xl mt-40 animation an-delay-05 an-duration-04 fadeInUpSlider">Everything you need in one theme</h1>
                      <p class="text-theme lead animation an-delay-07 an-duration-04 fadeInRightSlider">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                      <ul class="list-unstyled list-md text-theme">
                        <li class="animation an-delay-09 an-duration-04 fadeInLeftSlider"><i class="fa fa-check fa-round"></i>Responsive</li>
                        <li class="animation an-delay-11 an-duration-04 fadeInLeftSlider"><i class="fa fa-code fa-round"></i>Ui Elements</li>
                        <li class="animation an-delay-13 an-duration-04 fadeInLeftSlider"><i class="fa fa-cloud-download fa-round"></i>Slider Options</li>
                      </ul>
                    </div>
                    <div class="col-sm-5 col-sm-offset-1 hidden-xs">
                      <img class="img-responsive img-slide-2 pull-right mt-20 animation an-delay-18 an-duration-04 fadeInUpSlider" src="{url_web}/images/general/imacs.png" alt="theme-img">
                    </div>
                  </div>
                </div>
              </div>
              <!-- third slide -->
              <div class="item item-theme">
                <div class="container">
                  <div class="row">
                    <div class="col-sm-5 hidden-xs">
                      <img class="img-responsive img-slide-3 pull-right mt-30 animation an-delay-05 an-duration-04 fadeInLeftSlider" src="{url_web}/images/macbook-slider/macbook-mockup.png" alt="theme-img">
                    </div>
                    <div class="col-sm-6 col-sm-offset-1">
                      <h1 class="text-theme title-xl mt-40 animation an-delay-08 an-duration-04 fadeInRightSlider">Everything you need in one theme</h1>
                      <p class="text-theme lead animation an-delay-11 an-duration-04 fadeInUpSlider">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                      <ul class="list-unstyled list-md text-theme">
                        <li class="animation an-delay-14 an-duration-04 fadeInRightSlider"><i class="fa fa-check fa-round"></i>Responsive</li>
                        <li class="animation an-delay-16 an-duration-04 fadeInRightSlider"><i class="fa fa-code fa-round"></i>Ui Elements</li>
                        <li class="animation an-delay-18 an-duration-04 fadeInRightSlider"><i class="fa fa-cloud-download fa-round"></i>Slider Options</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- SLIDER END-->
      </div>
      <!-- Controls -->
      <a href="#carousel-intro" role="button" data-slide="prev">
        <i class="fa fa-angle-left fa-2x btn-prev-intro"></i>
      </a>
      <a href="#carousel-intro" role="button" data-slide="next">
        <i class="fa fa-angle-right fa-2x btn-next-intro"></i>
      </a>
    </div>