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"> </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">
<p class="font-size-16 text-platinum">Morbi a dui accumsan, ultricies mi vitae, finibus justo. Nullam neque neque, ultrices in cursus nec, pharetra nec urna. Cras nec tortor mi. Fusce interdum ornare quam, ullamcorper congue elit posuere nec.</p>
<ul class="font-size-16 font-weight-light text-platinum" style="list-style:none;">
<li class="mb-3">Curabitur elementum metus non ipsum ornare</li>
<li class="mb-3">Cras quis massa finibus, euismod metus ac</li>
<li class="mb-3">Phasellus accumsan justo id dolor eleifend mattis</li>
<li class="mb-3">Vivamus iaculis massa vel malesuada gravida</li>
<li class="mb-3">Pellentesque facilisis mi eget pulvinar rutrum</li>
</ul>
</div>
<div class="col-lg pr-2 pr-md-4">
<img src="https://via.placeholder.com/490x320.png?text=Place+your+image+or+video+here" style="border-radius:10px;max-width:100%;" />
</div>
</div>
</div>
