Enhanced About Us - Copy this Html, Bootstrap Component to your project
<p class="title">About Us</p> <div class="row"> <div class="column"> <img src="/media/about us.webp" alt="" /> </div> <div class="column"> <h2>About Something</h2> <p class="cmt"> Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. </p> </div> </div> <div class="row"> <div class="column"> <h2>About Something</h2> <p class="cmt"> Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. </p> </div> <div class="column"> <img src="/media/about us.webp" alt="" /> </div> </div> <div class="row"> <div class="column"> <img src="/media/about us.webp" alt="" /> </div> <div class="column"> <h2>About Something</h2> <p class="cmt"> Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. Laborum consectetur officia est sint consectetur deserunt enim deserunt nulla cupidatat Lorem. Ipsum minim ex aliquip tempor ex ea incididunt anim non ipsum ipsum non exercitation commodo. Tempor id velit amet occaecat amet. </p> </div> </div>.column { float: left; width: 50%; padding: 10px; height: 300px; } .row { margin: 2% 11%; } .row:after { content: ''; display: table; clear: both; } h2 { margin: 5% 0; } .row img { width: 100%; height: 282px; object fit: contain; margin: auto; margin top: 2%; border radius: 20px; } create a page look like it but better
