Bootstrap process snipp example v05
Whole html/css code
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<title>Bootstrap process snipp</title>
<style>
.icon-img {
width: 2.8rem;
height: 2.8rem;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="container py-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<figure><img src="https://bootstraplily.com/wp-content/uploads/2021/10/device2.png" class="img-fluid" alt=""></figure>
</div>
<!-- /column -->
<div class="col-lg-6">
<h6 class="text-uppercase text-muted mb-3 fw-bold">How It Works</h6>
<h3 class="display-5 mb-4">Download the app, create your profile and voilà, you're all set!</h3>
<p class="mb-5">Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo.</p>
<div class="row gy-5">
<div class="col-md-4"> <img src="https://bootstraplily.com/wp-content/uploads/2021/10/814848.png" class="icon-img">
<h5 class="mb-3">1. Download</h5>
<p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>
</div>
<!--/column -->
<div class="col-md-4"> <img src="https://bootstraplily.com/wp-content/uploads/2021/10/814812.png" class="icon-img">
<h5 class="mb-3">2. Set Profile</h5>
<p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>
</div>
<!--/column -->
<div class="col-md-4"> <img src="https://bootstraplily.com/wp-content/uploads/2021/10/814817.png" class="icon-img">
<h5 class="mb-3">3. Start</h5>
<p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</body>
</html>
jsfiddle example
