Template #6 (HTML)

<div class="container card card-block border-0 rounded-1 text-center" style="background-color: #000000; font-family: comic sans MS;">
   <div class="row">
     <!--INFO BOX-->
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-heart"></i></span> Info</h1>
       <div class="row">
         <div class="col">
           <p>
             Name<br><br>AU<br><br>Magic Color
           </p>
         </div>
         <div class="col">
           <p>
             Pronouns<br><br>Age<br><br>Height
           </p>
         </div>
       </div>
     </div>
     <!--LIKES BOX-->
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-heart"></i></span> Likes</h1>
       <p>
         <span style="color: FF0000;"><i class="fas fa-heart"></i></span> 1<br>
         <span style="color: FF0000;"><i class="fas fa-heart"></i></span> 2<br>
         <span style="color: FF0000;"><i class="fas fa-heart"></i></span> 3<br>
         <span style="color: FF0000;"><i class="fas fa-heart"></i></span> 4<br>
         <span style="color: FF0000;"><i class="fas fa-heart"></i></span> 5<br>
       </p>
     </div>
     <!--DISLIKES BOX-->
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-times"></i></span> Dislikes</h1>
       <p>
         <span style="color: FF0000;"><i class="fas fa-times"></i></span> 1<br>
         <span style="color: FF0000;"><i class="fas fa-times"></i></span> 2<br>
         <span style="color: FF0000;"><i class="fas fa-times"></i></span> 3<br>
         <span style="color: FF0000;"><i class="fas fa-times"></i></span> 4<br>
         <span style="color: FF0000;"><i class="fas fa-times"></i></span> 5<br>
       </p>
     </div>
   </div>
   <!-----------------------------------------------LINE DIVIDER-->
   <div class="row">
     <!--BACKSTORY BOX-->
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-heart"></i></span> Backstory</h1>
       <p>Here you can write the backstory of your character, what their AU is like, and their past was like.</p>
     </div>
     <!--TIDBITS BOX-->
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-heart"></i></span> Misc.</h1>
       <p>Here you can write other little bits of information about your character, like things they're good or bad at, personality, quirks, etcetera.</p>
     </div>
   </div>
   <!-----------------------------------------------LINE DIVIDER-->
   <div class="row">
     <div class="col card card-block border-0 rounded-1 m-3" style="background-color: #FFFFFF; color: #000000">
       <h1><span style="color: FF0000;"><i class="fas fa-heart"></i></span> Relationships</h1>
       <p>Here you can write about what kinds of relationships your character has with others, like family, friends, and partners.</p>
     </div>
   </div>
</div>