Profile Warning Code

<div class="container card card-block text-center" style="border-radius: 25px; font-weight: bold;">


   <div class="card card-block card-outline-success text-success" style="border-radius: 25px; font-weight: bold;">
     <h1><u>YOU MAY:</u></h1>
     <p><br>
         • A rule.<br>
         <br>
         • A rule.<br>
         <br>
         • A rule.
     </p>
   </div>

   <br>

   <div class="card card-block card-outline-danger text-danger" style="border-radius: 25px; font-weight: bold;">
     <h1><u>YOU MAY NOT:</u></h1>
     <p><br>
       • A rule.<br>
       <br>
       • A rule.<br>
       <br>
       • A rule.
     <p>
   </div>

   <br>

   <div class="card card-block card-outline-warning text-warning" style="border-radius: 25px; font-weight: bold;">
     <h1><u>PLEASE ASK BEFORE:</u></h1>
     <p><br>
         • A rule.<br>
         <br>
         • A rule.<br>
         <br>
         • A rule.
     <p>
   </div>
</div>