Smol Aesthetic (Code (bootstrap))

<!-- 
NOTES: 
  » please dont forget to link back to the original image, I made it as easy as possible 
  » dont forget to credit the stamp sources
  » dont remove my credit

-->


<!-- change font and background image here -->
<div class="container text-muted text-center border-0 rounded-0 py-3 px-1" style="max-width:500px; font-family:ms gothic; font-size:12px;
  background-image:url(BACKGROUND_IMAGE);
  background-attachment:fixed;">
    
<div class="card rounded-0 border-0 p-1">
  <div class="row no-gutters"> 
    <div class="col-12 mb-2">
      <div class="card rounded-0 p-1" style="border-width:0 0 2px 0; border-bottom:dashed">
        
        <!-- Name or title + font awesome icons -->
        <p class="text-uppercase" style="font-size:15px;">
            <i class="fad fa-star"></i>
            Character Name
            <i class="fad fa-star"></i>
        </p>

      </div>
    </div>
    <div class="col-12 mb-2">
      <div clas="card rounded-0 border-0 p-1">
        
        <!-- descriptor words -->
        <p class="m-1">thing . thing. thing</p>
        
        <!-- pixel divider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
              DONT FORGET TO CREDIT THE ORIGINAL ARTIST
              replace DIVIDER_SOURCE with a link to the artist
              replace DIVIDER_IMG with the image adress
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <a href="DIVIDER_SOURCE"><img src="DIVIDER_IMG"></a>
        
        <!-- blurb -->
        <p class="m-1">Short blurb here. Can be their personality, story, or their importance to you. Modify as much you want.</p>
        
        <p class="my-2">
          <!-- STAMPS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                replace STAMP_IMG with the image address of the stamp
                the credit for the stamps is at the bottom of the code with my credit
          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
          <img class="px-1" src="STAMP_IMG">
          <img class="px-1" src="STAMP_IMG">
          <img class="px-1" src="STAMP_IMG">
          
          <!-- add more stamps above -->
        </p>
      </div>
    </div><!-- info end -->
    <div class="col-12">
      <div class="card rounded-0 p-1" style="border-width:2px 0 0 0; border-top:dashed">
        <p class="text-uppercase" style="letter-spacing:2px">
            
          <!-- MY CREDIT - DO NOT REMOVE -->
          <a href="https://toyhou.se/13318767.02-smol-aesthetic-f2u-" class="text-muted tooltipster" title="Code by CuckooHoopoe"><i class="fad fa-ghost"></i></a>
          
          <!-- STAMP CREDIT-->
          <a href="STAMP_CREDIT" class="text-muted tooltipster" title="Stamp 1"><i class="fad fa-star"></i></a>
          <a href="STAMP_CREDIT" class="text-muted tooltipster" title="Stamp 2"><i class="fad fa-star"></i></a>
          <a href="STAMP_CREDIT" class="text-muted tooltipster" title="Stamp 3"><i class="fad fa-star"></i></a>
          
          <!-- BACKGROUND CREDIT -->
          <a href="BACKGROUND_CREDIT" class="text-muted tooltipster" title="Background Image"><i class="fad fa-clouds"></i></a>
          
          <!-- add more credits above -->
        </p>
      </div>
    </div>
  </div>
</div>
</div>