Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
<div class="row g-4">
<div class="col-12 col-lg-6">
<div class="feature-box">
<div class="feature-box-icon bg-gray">
<i class="bi bi-star-fill"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="feature-box">
<div class="feature-box-icon bg-dark text-white">
<i class="bi bi-star-fill"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="feature-box">
<div class="feature-box-icon bg-color-blue text-white">
<i class="bi bi-star-fill"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="feature-box">
<div class="feature-box-icon bg-light-turquiose text-turquiose">
<i class="bi bi-star-fill"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
<div class="row g-4">
<!-- Extra Large -->
<div class="col-12">
<div class="feature-box feature-box-xl">
<div class="feature-box-icon">
<i class="bi bi-star"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<!-- Large -->
<div class="col-12">
<div class="feature-box feature-box-lg">
<div class="feature-box-icon">
<i class="bi bi-star"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<!-- Regular(default) -->
<div class="col-12">
<div class="feature-box">
<div class="feature-box-icon">
<i class="bi bi-star"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<!-- Small -->
<div class="col-12">
<div class="feature-box feature-box-sm">
<div class="feature-box-icon">
<i class="bi bi-star"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
<!-- Extra Small -->
<div class="col-12">
<div class="feature-box feature-box-xs">
<div class="feature-box-icon">
<i class="bi bi-star"></i>
</div>
<h5 class="fw-medium">Feature title</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div>
</div>