"about us page"
Bootstrap 3.1.0 Snippet by dg393024

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Varela+Round" rel="stylesheet"> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--===============================header code==========================--> <section class="page_mission"> <div class="container-fluid" style=""> <div class="row"> <div class="module-header"> <h2>Our <strong> MISSION</strong></h2> <img src="assets/img/divider.png" alt=""> <p>Morbi accumsan ipsum velit nam nec tellus a odiose tincidunt auctor a ornare odio sed non mauris vitae erat consequat auctor</p> </div> <div class="col-sm-5 page_mission_img pad"> <img src="https://www.coollaserpointers.com/media/mageplaza/blog/post/a/b/about-us-6.jpg" class="img-responsive"> </div> <div class="col-sm-7"> <div class="row"> <div class="col-sm-6 page_mission_icon"> <i class="fa fa-group fot_s"></i> <h3>SAVE MONEY</h3> <p> It starts with our living database of more than 110 million U.S. homes – including homes for sale, homes for rent and homes not currently on the market.</p> </div> <div class="col-sm-6 page_mission_icon"> <i class="fa fa-file-text fot_s"></i> <h3>GOOD SALES & MARKETING</h3> <p>It starts with our living database of more than 110 million U.S. homes – including homes for sale, homes for rent and homes not currently on the market.</p> </div> <div class="col-sm-6 page_mission_icon"> <i class="fa fa-file-text fot_s"></i> <h3>COMFORT</h3> <p> It starts with our living database of more than 110 million U.S. homes – including homes for sale, homes for rent and homes not currently on the market.</p> </div> <div class="col-sm-6 page_mission_icon"> <i class="fa fa-file-text fot_s"></i> <h3>EASY TO FIND</h3> <p>It starts with our living database of more than 110 million U.S. homes – including homes for sale, homes for rent and homes not currently on the market.</p> </div> </div> </div> </div> </div> </section> <!--===============================code==========================-->
.module-header { margin-bottom: 50px; text-align: center; width:100%; } .module-header img { margin-bottom: 15px; } .module-header p { font-size: 16px; margin: 0 auto; width: 60%; } /*=========================================*/ .page_mission { padding:50px 0px 50px 0px; } .page_mission .col-sm-6 .fot_s{ font-size:50px; color:#003366; } .page_mission .col-sm-5 img{ height:450px; object-fit: cover; } .page_mission .col-sm-7 .col-sm-6 { padding-left:30px; padding-bottom:30px; padding-right: 50px; line-height: 1.7; }

Related: See More


Questions / Comments: