<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="wrapper"> <header> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="logo-wrap"> <img src="" alt=""> </div> <nav class="main-nav> <ul> <li><a href="" id="">Link-01</a></li> <li><a href="" id="">Link-02</a></li> <li><a href="" id="">Link-03</a></li> <li><a href="" id="">Link-04</a></li> <li><a href="" id="">Link-05</a></li> <li><a href="" id="">Link-06</a></li> <li><a href="" id="">Link-07</a></li> </ul> </nav> </div> </div> </div> </div> </header> <div class="banner"> <div class="container-fluid"> <div class="row"> <img class="img-responsive" src="http://via.placeholder.com/1400x500" alt=""> </div> </div> </div> <div class="content"> <div class="container"> <div class="usp"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> <h1>Heading</h1> <h2>Sub Heading</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, tempore dolor in facere provident repudiandae. Eaque, suscipit, maxime, atque, porro earum nobis officia veniam impedit hic fugiat explicabo doloremque nesciunt!</p> <button>Button</button> </div> <div class="col-md-4"> <h1>Heading</h1> <h2>Sub Heading</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, tempore dolor in facere provident repudiandae. Eaque, suscipit, maxime, atque, porro earum nobis officia veniam impedit hic fugiat explicabo doloremque nesciunt!</p> <button>Button</button> </div> <div class="col-md-4"> <h1>Heading</h1> <h2>Sub Heading</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, tempore dolor in facere provident repudiandae. Eaque, suscipit, maxime, atque, porro earum nobis officia veniam impedit hic fugiat explicabo doloremque nesciunt!</p> <button>Button</button> </div> </div> </div> </div> </div> <hr> <div class="how-we-work"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="http://via.placeholder.com/1400x400" alt=""> </div> </div> </div> <hr> <div class="our-services"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-3"> <div class="our-service-item"> <img class="img-responsive" src="http://via.placeholder.com/400x300" alt=""> <h1></h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, necessitatibus, placeat aliquam repudiandae labore autem nemo sit beatae nisi nesciunt est maxime repellendus quo esse vero ea distinctio vel voluptate.</p> </div> </div> <div class="col-md-3"> <div class="our-service-item"> <img class="img-responsive" src="http://via.placeholder.com/400x300" alt=""> <h1></h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, necessitatibus, placeat aliquam repudiandae labore autem nemo sit beatae nisi nesciunt est maxime repellendus quo esse vero ea distinctio vel voluptate.</p> </div> </div> <div class="col-md-3"> <div class="our-service-item"> <img class="img-responsive" src="http://via.placeholder.com/400x300" alt=""> <h1></h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, necessitatibus, placeat aliquam repudiandae labore autem nemo sit beatae nisi nesciunt est maxime repellendus quo esse vero ea distinctio vel voluptate.</p> </div> </div> <div class="col-md-3"> <div class="our-service-item"> <img class="img-responsive" src="http://via.placeholder.com/400x300" alt=""> <h1></h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, necessitatibus, placeat aliquam repudiandae labore autem nemo sit beatae nisi nesciunt est maxime repellendus quo esse vero ea distinctio vel voluptate.</p> </div> </div> </div> </div> </div> </div> <hr> <div class="success-stories"> </div> </div> </div> <footer> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="top"> <div class="row"> <div class="col-md-3"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, aspernatur, nam, nisi quas similique suscipit distinctio</p> </div> <div class="col-md-3"> <h3>Heading</h3> <hr> <nav> <ul> <li><a href="" id="">Link-01</a></li> <li><a href="" id="">Link-02</a></li> <li><a href="" id="">Link-03</a></li> <li><a href="" id="">Link-04</a></li> <li><a href="" id="">Link-05</a></li> <li><a href="" id="">Link-06</a></li> </ul> </nav> </div> <div class="col-md-3"> <h3>Heading</h3> <hr> <nav> <ul> <li><a href="" id="">Link-01</a></li> <li><a href="" id="">Link-02</a></li> <li><a href="" id="">Link-03</a></li> <li><a href="" id="">Link-04</a></li> </ul> </nav> </div> <div class="col-md-3"> <h3>Heading</h3> <hr> <nav> <ul> <li><a href="" id="">Link-01</a></li> <li><a href="" id="">Link-02</a></li> </ul> </nav> </div> </div> </div> <div class="bottom"> <div class="col-md-12"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> </div> </div> </div> </div> </div> </footer> </div>