Simple Profile Warning/Text

<div class="container text-center">

   <div class="row  m-1">

     <div class="col container card card-block m-1">
       <!--OKAY-->
       <p>
         <span class="h1 text-success"><i class="fas fa-check"></i><br>OKAY</span><br>
         A<br>
         B<br>
         C<br>
         D
       </p>

     </div>

     <!------------------------------>

     <div class="col container card card-block m-1">
       <!--ASK FIRST-->
       <p>
         <span class="h1 text-warning"><i class="fas fa-question"></i><br>ASK FIRST</span><br>
         A<br>
         B<br>
         C<br>
         D
       </p>

     </div>

     <!------------------------------>

     <div class="col container card card-block m-1">
       <!--DO NOT-->
       <p>
         <span class="h1 text-danger"><i class="fas fa-times"></i><br>DO NOT</span><br>
         A<br>
         B<br>
         C<br>
         D
       </p>

     </div>

   </div>

</div>

<!------------------------------>

<div class="container text-center">

   <div class="row  m-1">

     <div class="col container card card-block m-1">
       <!--OTHER TEXT-->
       <p>
         <span class="h1">Insert Text Here</span><br>
         <br>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut leo neque. Ut placerat diam id facilisis gravida. Sed porta et elit eget porta. In nunc magna, sollicitudin a enim nec, efficitur pretium mi. Donec pretium ac elit id accumsan. Duis nec aliquam ligula, eget efficitur nulla. Ut volutpat semper nunc, eget pulvinar justo tempor at. Ut et mauris ut purus aliquet efficitur. Sed vitae lacus ut mi tristique elementum. Nulla id libero lacus.
       </p>

     </div>

   </div>

</div>