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

<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 avialabe projects</h4> <h4 class="subheading">Find Exercises from recent avialable books and solve them to earn money. </h4> <p class="text-muted">From the recent avialable book you can find list of exercises which need to solve. Make sure the problems which you want to solve is not assigned to any other person. This is fully first come first serve basis. If you want to solve any particular exercises please send an email to Rakesh Jana mentioneing those exercise details. </p> </div> </div> <div class="row"> <div class="col-md-6"> <h4>Earn money by solving</h4> <h4 class="subheading">We makes it easy to earn money by doing great work.</h4> <p class="text-muted">Note that you have to solve exercises first then you have to type the solutiuon using LaTeX editor. Your pay rate will depends on quality of solution. The starting pay rate is $8 (USD) per hour basis. </p> </div> <div class="col-md-6 how-img"> <img src="https://image.ibb.co/cHgKnU/Work_Section2_freelance_img2.png" class="rounded-circle img-fluid" alt=""/> </div> </div> <div class="row"> <div class="col-md-6 how-img"> <img src="https://image.ibb.co/ctSLu9/Work_Section2_freelance_img3.png" class="rounded-circle img-fluid" alt=""/> </div> <div class="col-md-6"> <h4>Work efficiently, effectively.</h4> <h4 class="subheading">You have the freedom and flexibility to control when, where, and how you work.</h4> <p class="text-muted">Each project assigned to you has some hidden deadline to complete it but we never penalize you if you failed to delever it. You can take your time. The only thing we want from you is that the high quality solution with nice typesetting mathematical equation so that each and every students can understand the solution easily. We decide your pay rate depend on this.</p> </div> </div> <div class="row"> <div class="col-md-6"> <h4>Get paid on time</h4> <h4 class="subheading">We proccessed the amount twice in a month.</h4> <p class="text-muted">All invoices and payments happen with 100% transparent. For hourly work, we maintian a timesheets from where you can see your live status of earning. We processed the amount twice in a month. </p> </div> <div class="col-md-6 how-img"> <img src="https://image.ibb.co/gQ9iE9/Work_Section2_freelance_img4.png" class="rounded-circle img-fluid" alt=""/> </div> </div> </div>
.how-section1{ margin-top:-15%; padding: 10%; } .how-section1 h4{ color: #ffa500; font-weight: bold; font-size: 30px; } .how-section1 .subheading{ color: #3931af; font-size: 20px; } .how-section1 .row { margin-top: 10%; } .how-img { text-align: center; } .how-img img{ width: 30%; }

Related: See More


Questions / Comments: