<!– Full Width Image Header with Logo –> <!– Image backgrounds are set within the full-width-pics.css file. –> <header class=“image-bg-fluid-height”>
<img class="img-responsive img-center" src="http://placehold.it/200x200&text=Logo" alt="">
</header>
<!– Content Section –> <section>
<div class="container"> <div class="row"> <div class="col-lg-12"> <h1 class="section-heading">Section Heading</h1> <p class="lead section-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p class="section-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p> </div> </div> </div>
</section>
<!– Fixed Height Image Aside –> <!– Image backgrounds are set within the full-width-pics.css file. –> <aside class=“image-bg-fixed-height”></aside>
<!– Content Section –> <section>
<div class="container"> <div class="row"> <div class="col-lg-12"> <h1 class="section-heading">Section Heading</h1> <p class="lead section-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <p class="section-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p> </div> </div> <!-- /.row --> </div> <!-- /.container -->
</section>
<!– Footer –> <footer>
<div class="container"> <div class="row"> <div class="col-lg-12"> <p>Copyright © Your Website 2014</p> </div> </div> <!-- /.row --> </div> <!-- /.container -->
</footer>