"1. 3 sections"
Bootstrap 4.0.0 Snippet by safae

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo122YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <div class="mt-5"></div> <section class="1topc-b3 py-5 " id="1topc-b3"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <h3>What Type of Project do you need?</h3> <p>Selection with Branch (First Branch). Web Development have a Second Branch.</p> </div> </div> <div class="pb-5"></div> <div class="row text-center"> <div class="col-md-4"> <div class="card" style="width: ;"> <div class="card-body"> <div class="sub-row pb-4"> <img src="http://www.ansonika.com/steps/img/seo_icon_1.svg"alt="" style="width:30%" ></br> </div> <strong>Seo Optimization</strong> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> </div> </div> <div class="col-md-4"> <div class="card" style="width: ;"> <div class="card-body"> <div class="sub-row pb-4"> <img src="http://www.ansonika.com/steps/img/seo_icon_1.svg"alt="" style="width:30%" ></br> </div> <strong>Seo Optimization</strong> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> </div> </div> <div class="col-md-4"> <div class="card" style="width: ;"> <div class="card-body"> <div class="sub-row pb-4"> <img src="http://www.ansonika.com/steps/img/seo_icon_1.svg"alt="" style="width:30%" ></br> </div> <strong>Seo Optimization</strong> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> </div> </div> </div> <div class="row mt-5 text-center"> <div class="col-md-12"> <button type="button" class="btn btn-outline-danger">Find All Locations</button> </div> </div> </div> </section>
img {width:100%;}

Related: See More


Questions / Comments: