Responsive landing page with bootstrap

2

I'm trying to create the following layout on my landing page:

However,whentryingtocreatethisinHTML,Icannotgettheimagestomakethislist.I'mtryingtousethe"deck" class, without success.

 <section class="success" id="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>ASSISTA</h2>
                <hr class="star-light">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4">
               <iframe src="https://player.vimeo.com/video/143313674"width="550" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/143313674"></p>
            </div>
            <div class="col-lg-6 col-md-push-2">
            <div class="deck"> <img src="img/portfolio/submarine.png" width="100" height="100" style="display:block"> <div class="figure illustration ng-isolate-scope lazy-canceled" lazy-load="figures" style="display: block;"> <div class="lyft-classic"></div> </div> <div class="body grid-center"> <h3>SOCIAL</h3> <p>Com um viés social e espírito de equipe. </p> </div> </div>
            <div class="deck"> <img src="img/portfolio/submarine.png" width="100" height="100" style="display:block"> <div class="figure illustration ng-isolate-scope lazy-canceled" lazy-load="figures" style="display: block;"> <div class="lyft-classic"></div> </div> <div class="body grid-center"> <h3>SOCIAL</h3> <p>Com um viés social e espírito de equipe. </p> </div> </div>
            </div>

        </div>
    </div>
</section>

Remembering that I'd like to make this responsive, I'd like to know if I'm at least doing the nesting of divs in the right way.

    
asked by anonymous 31.10.2015 / 03:43

1 answer

1

Felipe, I believe you are on the right path. I created a JSBin to study your code and made a CSS rule. See if this is what you need link

    
02.11.2015 / 14:25