Dropcaps
Style 1
L 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.
<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>
Style 2
L 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.
<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>
Style 3
L 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.
<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>
Style 4
L 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.
<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>
Style 5
L 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.
<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>
Style 6
L 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.
<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>
Style 7
L 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.
<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>
Style 8
L 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.
<div class="col-md-6">
<p class="mb-0"><span class="display-26 border border-width-3 border-radius-50 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>