Onboarding Template 3

Sample illustration

Sample HTML

<style>ul li::before {
content: "\2022";
color: #456AE3;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
</style>

<div class="container">
<p class="font-size-16 text-platinum">&nbsp;</p>
<p class="font-size-16 text-platinum font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut euismod ullamcorper mauris imperdiet gravida. Suspendisse justo tellus, iaculis vitae orci ut, placerat venenatis sapien. Vivamus magna sem, mollis eget aliquet a, malesuada pretium augue. </p>
<p class="font-size-16 text-platinum">Nulla tempor commodo velit at ornare. Fusce auctor bibendum odio eleifend laoreet. Maecenas consectetur luctus turpis at molestie. Aenean commodo est elit, id cursus elit pretium a. Duis eget scelerisque lectus. Nullam molestie odio eget nulla elementum mattis. Suspendisse quis luctus sem. </p>
<div class="row pb-4">
<div class="col-lg pr-2 pr-md-5">
<div class="my-3 position-relative border-bottom">
<div class="title-underline position-absolute"></div>
<h3 class="font-weight-light">Sub heading 1</h3>
</div>
</div>
</div>
<div class="row pb-4">
<div class="col-lg pr-2 pr-md-5" style="text-align:center;">
<img src="https://via.placeholder.com/140x140.png?text=Place+your+image+here" style="border-radius:70px;max-width:100%;" />
<h4 class="mt-4">Sub heading A</h4>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
</div>
<div class="col-lg pr-2 pr-md-5" style="text-align:center;">
<img src="https://via.placeholder.com/140x140.png?text=Place+your+image+here" style="border-radius:70px;max-width:100%;" />
<h4 class="mt-4">Sub heading B</h4>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
</div>
<div class="col-lg pr-2 pr-md-5" style="text-align:center;">
<img src="https://via.placeholder.com/140x140.png?text=Place+your+image+here" style="border-radius:70px;max-width:100%;" />
<h4 class="mt-4">Sub heading C</h4>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
</div>
</div>
</div>