Blurb List 2

A list of features or detail components. (vertical blurb with circle icon list)

Font Awesome Required for icons in form

Code:

<link rel="stylesheet" href="../../css/font-awesome.min.css">


A Catchy Title
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
A Catchy Title
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
A Catchy Title
Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.

Code:

<div class="row justify-content-md-center">
    <div class="col-md-3 col-lg-3 col-xl-3">
        <!-- Start Blurb -->
        <div class="row mb-2">
            <div class="col text-center">
                <div class="rounded-circle bg-primary text-white d-inline-block">
                    <i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
                </div>                
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <strong>A Catchy Title</strong><br>
                Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
            </div>
        </div>
        <!-- End Blurb -->
    </div>
    <div class="col-md-3 col-lg-3 col-xl-3">
        <!-- Start Blurb -->
        <div class="row mb-2">
            <div class="col text-center">
                <div class="rounded-circle bg-primary text-white d-inline-block">
                    <i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
                </div>                
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <strong>A Catchy Title</strong><br>
                Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
            </div>
        </div>
        <!-- End Blurb -->
    </div>
    <div class="col-md-3 col-lg-3 col-xl-3">
        <!-- Start Blurb -->
        <div class="row mb-2">
            <div class="col text-center">
                <div class="rounded-circle bg-primary text-white d-inline-block">
                    <i class="fa fa-check fa-4x mt-3 mb-3 ml-3 mr-3" aria-hidden="true"></i>
                </div>                
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <strong>A Catchy Title</strong><br>
                Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
            </div>
        </div>
        <!-- End Blurb -->
    </div>
</div>