"Bootstrap images with text"
Bootstrap 4.1.1 Snippet by gauravmeena0708

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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="container section"> <div class="row"> <div class="col-md-6"> <h3> Highly Skilled Volunteers </h3> <p> Through its program, TopVolunteer™, GetLance partners with leading nonprofits and NGOs around the world who need high-skilled talent for their volunteer initiatives. Members of the GetLance network are encouraged to offer their skills and experience to these projects, whether to solve a timely problem or to contribute on an ongoing basis. </p> </div> <div class="col-md-6"> <img src="https://preview.ibb.co/erdq8p/Employee-1.jpg" alt=""/> </div> </div> <div class="row"> <div class="col-md-6"> <img src="https://preview.ibb.co/cu76g9/Employee-2.jpg" alt=""/> </div> <div class="col-md-6"> <h3> Cutting-Edge Skill Development </h3> <p> GetLance Academy hosts regular, rigorous learning sessions for the most in-demand skills. By presenting our elite, experienced network with ongoing opportunities to update and elevate their portfolios, we are able to solve pressing talent shortages while ensuring success for dedicated participants. </p> </div> </div> </div>
.section .row{ margin-top: 7%; margin-bottom: 10%; } .section .row .col-md-6{ background: #f5f5f5; margin-right: -2%; padding: 5%; } .section h3{ color: #004085; } .section p{ margin-top: 10%; color: #545b62; } .section img { width: 100%; }

Related: See More


Questions / Comments: