<section id="information" class="container"> <!-- Single photo start --> <div class="row wow fadeInLeft" data-wow-offset="100"> <div class="col-md-6 col-xs-12 pull-right"> <img src="img/info-img.jpg" alt="Info Img" class="img-responsive"> </div> <div class="col-md-6 pull-left"> <h2 class="title">Quality Guaranteed</h2> <h3 class="subtitle">Here is an example with one single photo displayed on the right.</h3> <p>Here is some dummy text. <span class="my-tooltip" data-toggle="tooltip" title="" data-original-title="This is an demo tooltip!">Hover over me!</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, vero voluptas delectus explicabo maxime ad qui incidunt! Saepe.</p> <a href="http://themeforest.net/item/car-rental-landing-page/8245093?ref=themeinjection" class="btn">More information</a> <a href="http://themeforest.net/item/car-rental-landing-page/8245093?ref=themeinjection" class="btn btn-gray">Buy this theme</a> </div> </div> <!-- Single photo end --> <!-- Video start --> <div class="row wow fadeInRight" data-wow-offset="50"> <div class="col-md-6"> <div class="video"> <!-- Youtube iframe start --> <iframe width="420" height="315" src="http://www.youtube.com/embed/9_5pjZlWV3A?rel=0&autoplay=0" allowfullscreen></iframe> <!-- Youtube iframe end --> </div> </div> <div class="col-md-6"> <h2 class="title">Watch our info tour</h2> <h3 class="subtitle">You can also show youtube videos in this section!</h3> <p>Here is some dummy text. Lorem ipsum dolor sit amet, <span class="label label-default">This is an labeled text snippet!</span>, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, vero voluptas delectus explicabo maxime ad qui incidunt! no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> </div> <!-- Video end --> </section> <!-- Information end -->