Diseño y Componentes Web

<div class="row pt-1 alert-success my-5">
    <div class="col-md-12">
        <h5 class="mt-4 row">
            <div class="col-md-1"><i class="mr-2 icon40" data-feather="check-circle"></i></div>
            <div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        </h5>
    </div>    
</div>
                    

<div class="row pt-1 alert-primary my-5">
    <div class="col-md-12">
        <h5 class="mt-4 row">
            <div class="col-md-1"><i class="mr-2 icon40" data-feather="info"></i></div>
            <div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        </h5>
    </div>    
</div>
                    

<div class="row pt-1 bg-grey my-5">
    <div class="col-md-12">
        <h5 class="mt-4 row">
            <div class="col-md-1"><i class="mr-2 icon40" data-feather="info"></i></div>
            <div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        </h5>
    </div>    
</div>
                    

<div class="row pt-1 alert-warning my-5">
    <div class="col-md-12">
        <h5 class="mt-4 row">
            <div class="col-md-1"><i class="mr-2 icon40" data-feather="alert-circle"></i></div>
            <div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        </h5>
    </div>    
</div>
                    

<div class="row pt-1 alert-danger my-5">
    <div class="col-md-12">
        <h5 class="mt-4 row">
            <div class="col-md-1"><i class="mr-2 icon40" data-feather="x-circle"></i></div>
            <div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
        </h5>
    </div>    
</div>