Dropcaps

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-26 bg-primary text-white position-relative float-start p-3 me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-26 bg-primary text-white position-relative float-start p-3 me-3 border-radius-8">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-26 border border-width-3 position-relative float-start p-3 me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-26 border border-width-3 border-radius-8 position-relative float-start p-3 me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-6 line-height-1 text-primary position-relative float-start me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0"><span class="display-6 line-height-1 position-relative float-start me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-0">
    <p class="mb-0"><span class="display-26 bg-primary text-white rounded-circle position-relative float-start py-2 px-3 me-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<p class="w-95 mb-1-6">
    <img src="img/icons/icon-24.png" class="display-26 bg-secondary border-radius-5 text-white position-relative float-start p-3 me-3" alt="...">
    Finger print access variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
</p>