Syt Character [Custom]

<div class="container text-white my-3" style="width:1100px; font-family: terminal, monaco">
<!-- Image background (you can replace, although I'd reccomend the current image by default: https://unsplash.com/photos/Zm2n2O7Fph4) -->
 <div class="card p-3 border-0" style="background-image:url( https://images.unsplash.com/photo-1495107334309-fcf20504a5ab?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80 ); background-size:cover; background-position: center; height:280px; background-attachment: fixed; border-radius:50px; height:560px">
  <div class="row">
	 <div class="col-5">
<!-- Reference image (or large pagedoll) -->
	 <img class="m-auto" style="max-height:530px;" src=" IMGHERE ">
   </div>
   <div class="col-7">
<!-- Main box (right) -->
    <div class="card bg-faded rounded-0" style="background-color:rgba(0,0,0,0.8); height:520px; border-bottom-right-radius:45px; border-top-right-radius:45px; margin-top:10px; border:5px solid #694b46">
 <!-- Syt name/ML box -->
     <div class="card border-0 rounded-0 mt-3 ml-5" style="height:90px; width:480px; font-size:24px; clip-path:polygon(100% 0%,0% 0%,0% 0%,0% 0%,0% 50%,0% 100%,85% 100%); background-color:#694b46;">
     <p class="mr-5" style="text-align:right"><span style="font-size: 35px;">SYT NAME HERE</span> <br>
     <span class="mr-4" style="font-size: 15px;">ML #000</span></p>
     </div>
 <!-- Icon/PFP -->
     <div class="card rounded-circle ml-3" style="background-image:url( IMGHERE ); background-size:cover; background-position: center; height:170px; width:170px; margin-top:-130px; border:5px solid #694b46">
	   </div>

 <!-- Basic info -->
	   <div class="row no-gutters mt-2">
      <div class="col-6">
       <div class="p-1">
  <!-- Age -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#a6766d">Age</span>
       <i>content</i></p>
       </div>
	    </div>

      <div class="col-6">
       <div class="p-1">
  <!-- Gender -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#a6766d">Gender</span>
       <i>content</i></p>
       </div>
	    </div>

	    <div class="col-6">
       <div class="p-1">
  <!-- Occupation/job/role (role being "NPC" if you're not a moderator) -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#a6766d">Occupation</span>
       <i>content</i></p>
       </div>
	    </div>

      <div class="col-6">
       <div class="p-1">
  <!-- Orientation -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#a6766d">Orientation</span>
       <i>content</i></p>
       </div>
	    </div>

 <!-- Species related info -->
      <div class="col-6 mt-2">
       <div class="p-1">
  <!-- Rarity (depending on the MYO or what traits are used in an adopt: C, uC, R, SR) -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#bf8075">Rarity</span>
       <i>content</i></p>
       </div>
	    </div>

	    <div class="col-6 mt-2">
       <div class="p-1">
  <!-- Designer (creator of original design/redesign) -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#bf8075">Designer</span>
       <i>@ username</i></p>
       </div>
	    </div>

	    <div class="col-6">
       <div class="p-1">
  <!-- Owner (your username basically if you own the character rn) -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#bf8075">Owner </span>
       <i>@ username</i></p>
       </div>
	    </div>

	    <div class="col-6">
       <div class="p-1">
  <!-- Masterlist folder (you can't directly link the ML post, however, you can click on one of the four subfolders to link to the specific rarity) -->
       <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
       <span style="color:#bf8075">Masterlist location</span>
       <i><a href="https://toyhou.se/~world/92462.the-syt-ranch/characters/folder:2606499">Folder</a></i></p>
       </div>
	    </div>
	   </div>

 <!-- Text box -->
	   <div class="card mt-2 p-3 border-0" style="background-color:rgba(0,0,0,0); height:200px; overflow:auto; border-bottom-right-radius:45px;">

	   <p style="font-size: 15px; text-align:justify">text here
	   <br>more text here
	   </p>
<!-- To replace with a list, start at the first P and then right above this line, paste in place of all that with this instead:

<p class="mt-1 ml-2" style="font-size: 17px; color:#a6766d"> NOTES</p>
<ul style="font-size: 15px;">
 <li>things to</li>
 <li>note about</li>
 <li>the character</li>
</ul>

-->
	   </div>
	  </div>
	 </div>
	</div>
 </div>
 <!--code credit (do not remove/alter)-->
<span class="ml-5"><a style="font-size:13px; color:#a6766d" href="https://toyhou.se/MCDogResource"><i class="fas fa-bullseye"></i> Code & Species by maniCARNY</a>
</div>