Blurb Product

A list of features or detail components for a project. (horizontal blurb right 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.

Feature #2
In sollicitudin mauris posuere nulla accumsan ullamcorper.

Some Other Feature
Curabitur sodales elit at eleifend hendrerit.

Some Strange Thing
Nunc nec enim elementum, sagittis nisl vel, dignissim tellus.

A Exhilarating Title
Vivamus quis est vel arcu scelerisque tempor.

An Awesome Feature
Pellentesque placerat enim a magna blandit, eu finibus lacus hendrerit.

Code:

<div class="row justify-content-md-center">
    <div class="col-md-6 col-lg-6 col-xl-6">
        <img src="http://placekitten.com/g/600/600" alt="" class="img-fluid border border-dark mb-4">
    </div>
    <div class="col-md-4 col-lg-4 col-xl-4">
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>A Catchy Title</strong><br>
                Phasellus ultrices sem faucibus, dapibus sem at, ornare quam.
            </div>
        </div>
        <!-- End Blurb -->
        <br>
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-lock fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>Feature #2</strong><br>
                In sollicitudin mauris posuere nulla accumsan ullamcorper.
            </div>
        </div>
        <!-- End Blurb -->      
        <br>  
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-users fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>Some Other Feature</strong><br>
                Curabitur sodales elit at eleifend hendrerit.
            </div>
        </div>
        <!-- End Blurb -->
        <br>
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>Some Strange Thing</strong><br>
                Nunc nec enim elementum, sagittis nisl vel, dignissim tellus.
            </div>
        </div>
        <!-- End Blurb -->
        <br>
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>A Exhilarating Title</strong><br>
                Vivamus quis est vel arcu scelerisque tempor.
            </div>
        </div>
        <!-- End Blurb -->
        <br>
        <!-- Start Blurb -->
        <div class="row">
            <div class="col-2">
                <i class="fa fa-check fa-2x mt-3" aria-hidden="true"></i>
            </div>
            <div class="col-10">
                <strong>An Awesome Feature</strong><br>
                Pellentesque placerat enim a magna blandit, eu finibus lacus hendrerit.
            </div>
        </div>
        <!-- End Blurb -->
    </div>
</div>