chox code 1

[dohtml]<style>
.chox {
width: 70%;
height: auto;
padding: 5px;
background: #121212;
font-family: Roboto;
font-size: 10.5pt;
color: #e6e6e6;
border: 4px solid #450708;
border-radius: 10px;
}

.img2 {
object-fit: cover;
overflow: hidden;
width: 32%;
height: 250px;
margin: 2px;
border: 2px solid #fff;
text-align: center;
}
.img3 {
object-fit: cover;
overflow: hidden;
width: 96%;
height: 400px;
margin: 2px;
border: 2px solid #fff;
align: center;
}

.chox h1 {
margin-top: 5px;
margin-bottom: 10px;
line-height: 3px;
font-size: 35px;
color: #f3f3f3;
background: url(https://i.imgur.com/ABLNUqF.png);
border-radius: 0px;
font-style: italic;
text-transform: none;
font-family: Times New Roman;
font-weight: lighter;
text-shadow: 2px 2px 3px #000;
}

.chox h2 {
margin-top: 10px;
margin-bottom: 5px;
line-height: 1px;
font-size: 25pt;
color: #7c0d1e;
background: url(https://i.imgur.com/ABLNUqF.png);
font-family: Times New Roman;
border-radius: 0px;
font-style: italic;
text-transform: lowercase;
font-weight: lighter;
text-shadow: 2px 2px 3px #000;
}

.chox h3 {
margin-top: 10px;
font-size: 12pt;
font-family: Candara;
color: #b5b5b5;
padding: 3px;
line-height: 10px;
text-align: justify;
background: #750707;
font-weight: bold;
text-shadow: 2px 2px 3px #000;
width: 99%;
padding-left: 4px;
}
.chox h4 {
margin-top: 10px;
font-size: 12pt;
font-family: Candara;
color: #b5b5b5;
padding: 3px;
line-height: 10px;
text-align: center;
background: #750707;
font-weight: bold;
text-shadow: 2px 2px 3px #000;
width: 99%;
padding-left: 4px;
text-transform: uppercase;
margin-bottom: 0px;
border-radius: 4px;
}
</style>
<div class="chox"><h1>Character Name</h1><img src="https://i.imgur.com/5lMB8tp.png" class="img2"><img src="https://i.imgur.com/5lMB8tp.png" class="img2"><img src="https://i.imgur.com/5lMB8tp.png" class="img2">
<h2>Basic Information</h2><table width="100%"><tr><td width="50%" valign="top"><h3>Face Claim</h3>Text
<h3>Age</h3>Text
<h3>Occupation</h3>Text
<h3>Alignment</h3>Text
</td><td width="50%" valign="top"><h3>Alias/Nickname</h3>Text
<h3>Gender</h3>Text
<h3>Sexuality</h3>Text
<h3>Marital Status</h3>Text
</td></tr></table><br>
<h2>Species</h2><h4>[Species Name]</h4><div style="background: transparent; height: 100px; overflow: auto; width: 98%; padding: 5px; text-align: justify;">Species Description Here
</div><table width="100%"><tr><td width="50%" valign="top"><h3>Powers/Abilities</h3><div style="background: transparent; width: 98%; height: 200px; overflow: auto; text-align: left; padding: 5px;"><b>∞</b> POWER <br>
<b>∞</b> POWER <br>
<b>∞</b> POWER <br>
<b>∞</b> POWER <br>
<b>∞</b> POWER <br>
<b>∞</b> POWER <br></div>
</td><td width="50%" valign="top"><h3>Limitations</h3><div style="background: transparent; width: 98%; height: 200px; overflow: auto; text-align: left; padding: 5px;"><b>∞</b> Weakness/Limitation<br>
<b>∞</b> Weakness/Limitation<br>
<b>∞</b> Weakness/Limitation<br>
<b>∞</b> Weakness/Limitation<br>
<b>∞</b> Weakness/Limitation<br>
<b>∞</b> Weakness/Limitation<br></div>
</td></tr></table><h4>Alternate Form</h4><div style="width: 100% padding: 5px; height: auto; text-align: center;"><img src="https://i.imgur.com/5lMB8tp.png" class="img3"></div>
<h2>Personal Information</h2><h4>Personality</h4><div style="background: transparent; width:100%; height:auto;text-align: left; padding: 7px;">Personality Here.
</div>
<table width="100%"><tr><td width="50%" valign="top"><h3>Likes</h3><div style="background: transparent; width: 98%; height: 75px; overflow: auto; text-align: left; padding: 5px;"><b>∞</b> LIKE
<b>∞</b> LIKE
<b>∞</b> LIKE
<b>∞</b> LIKE
<b>∞</b> LIKE
<b>∞</b> LIKE</div>
</td><td width="50%" valign="top"><h3>Dislikes</h3><div style="background: transparent; width: 98%; height: 75px; overflow: auto; text-align: left; padding: 5px;"><b>∞</b> DISLIKE
<b>∞</b> DISLIKE
<b>∞</b> DISLIKE
<b>∞</b> DISLIKE
<b>∞</b> DISLIKE
<b>∞</b> DISLIKE</div>
</td></tr></table>
<h4>History</h4><div style="background: transparent; width:100%; height:auto;text-align: left; padding: 7px;">History is optional. Delete this spot if you don't need it.
</div>
</div>[/dohtml]