"About us Normal section"
Bootstrap 4.1.1 Snippet by kaushar

<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>About us section design</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> </head> <body> <header> <p>Main Header </p> </header> <div class="about"> <div class="row"> <div class="col-6"> <img src="about.png" class="img-respond"> </div> <div class="col-6"> <div class="inner"> <h1 class="main-heading">Who We Are</h1> <p class="para1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,.</p> <p class="para1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,.Lorem Ipsum has been the industry's standard dummy text</p> <br/><a href="#" class="read-more">Read More</a> </div> </div> </div> </div> </body> </html>
*{ padding:0px; margin:0px; box-sizing: border-box; } header{ background-color:#f2f2f2; padding-top:100px; padding-bottom:100px; font-size:35px; text-align:center; } .col-6{ width:50%; } .row::after { content: ""; clear: both; display: table; } [class*="col-"] { float: left; padding: 15px; } .about{ padding-top:50px; padding-bottom:100px; background-color: #f8f8f8; } img.img-respond { /* margin-left: 315px; */ position: absolute; margin-left: 16%; } h1.main-heading { font-size: 34px; color: #e08f8f; line-height: 2em; } p.para1 { padding: 7px; font-size: 15px; width: 75%; line-height: 19px; } a.read-more { padding: 8px; border: 1px solid #e08f8f; text-decoration: none; color:#e08f8f; margin-left:6px; }

Related: See More


Questions / Comments: