<section class="py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-5 mb-5">
<img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-square.png" alt="">
</div>
<div class="col-12 col-lg-6 col-xl-5 offset-lg-1 offset-xl-2">
<div>
<h2 class="display-5 fw-bold mb-5">Lorem ipsum dolor sit amet consectetur</h2>
<div class="row">
<div class="col-12 col-md-6 mb-5">
<span class="d-flex mb-2 justify-content-center align-items-center rounded-circle bg-primary text-white" style="width: 48px;height: 48px">1</span>
<p class="mt-3 mb-0 lead text-muted">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="col-12 col-md-6 mb-5">
<span class="d-flex mb-2 justify-content-center align-items-center rounded-circle bg-primary text-white" style="width: 48px;height: 48px">2</span>
<p class="mt-3 mb-0 lead text-muted">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="col-12 col-md-6 mb-5 mb-mb-0">
<span class="d-flex mb-2 justify-content-center align-items-center rounded-circle bg-primary text-white" style="width: 48px;height: 48px">3</span>
<p class="mt-3 mb-0 lead text-muted">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="col-12 col-md-6">
<span class="d-flex mb-2 justify-content-center align-items-center rounded-circle bg-primary text-white" style="width: 48px;height: 48px">4</span>
<p class="mt-3 mb-0 lead text-muted">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
Plain 5
How It Works Components by Shuffle
Choose from 5 variations of How it works UI components. Presented here are variants available in Bootstrap library.
You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all How it works UI components, code and our visual editor. Try the demo for free!
