"Bootstrap Images to Left and Right with Text and Heading"
Bootstrap 4.1.1 Snippet by ashishinbase

<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="how-section1"> <div class="row"> <div class="col-md-6 how-img"> <img src="https://image.ibb.co/dDW27U/Work_Section2_freelance_img1.png" class="rounded-circle img-fluid" alt=""/> </div> <div class="col-md-6"> <h4>Find rewarding projects</h4> <p class="text-muted">Freedom to work on ideal projects. On GetLance, you run your own business and choose your own clients and projects. Just complete your profile and we’ll highlight ideal jobs. Also search projects, and respond to client invitations. Wide variety and high pay. Clients are now posting jobs in hundreds of skill categories, paying top price for great work. More and more success. The greater the success you have on projects, the more likely you are to get hired by clients that use GetLance.</p> </div> </div> </div>
.how-section1{ margin-top:-15%; padding: 10%; } .how-section1 .row { margin-top: 10%; } .how-img { text-align: center; } .how-img img{ width: 40%; }

Related: See More


Questions / Comments: