app shit

[dohtml]
<center>
<div id="MEMBERGROUP-application" style="background-image: url(400x400 IMAGE HERE);">

<div class="namecard">

<h1>hernando</h1>
<br>ignacio ferreira

</div>

<div class="tabs">

<div class="tab">
<input type="checkbox" id="appli-toggle" name="toggle"> <label for="appli-toggle"></label>
<div class="appliinvite">

<center>
<div class="highschool-tabs">
<div class="mgtab"><input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1" style="margin-left: 235px;"></label>
<div class="content">

<div class="grid">

<figure class="appimage"> <img src="400X300 IMAGE HERE"/> <figcaption><p>"quote heree"</p></figcaption> </figure>
</div></div></div>

<div class="mgtab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2" style="margin-left: 270px;"></label>
<div class="content">
<table> <tr> <td>

<img src="ICON HERE" class="image">
<div class="trait">xavier serrano</div>
<div class="trait">jay</div>
<div class="trait">he/him/his</div>
<div class="trait">est</div>
<div class="trait">pm/aim</div>
<div class="trait">just wait on it<div>

</td> <td> <div class="details"> <div class="information"> <div class="text">

<b>FULL NAME</b> hernando ignacio ferreira
<br>
<b>NICKNAMES</b> nando, iggy
<br>
<b>BIRTHDAY</b> 12/04/1997 [17]
<br>
<b>HOMETOWN</b> new orleans, lousiana
<br>
<b>GENDER</b> male
<br>
<b>PRONOUNS</b> him/his/he
<br>
<b>ORIENTATION</b> heterosexy
<br>
<b>MARITAL STATUS</b> single
<br>
<br>
<b>GUARDIAN</b> daniel ferreira, 39, isobel ferreira, 38
<br>
<b>SIBLINGS</b> jasleen ferreira, 15
<br>
<br>
<b>RESIDENCE</b> only applies to student characters
<br>
<b>TUITION</b> only applies to student characters
<br>
<b>YEAR</b> only applies to student characters
<br>
<b>AFFILIATION</b> only applies to student characters
<br>
<b>OCCUPATION</b>
<br>
<b>EDUCATION LEVEL</b> only applies to local / faculty charaters
<br>
<b>SOCIAL CLASS</b> only applies to local / faculty charaters
<br>
<br>
<b>TRAITS</b> detail
<br>
<b>LIKES</b> likes
<br>
<b>DISLIKES</b> dislikes
<br> <br>
<b>HOBBIES</b> add however many as you need

</div> </div> </div>
</td> </tr> </table>
</div> </div>

<div class="mgtab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3" style="margin-left: 305px;"></label>
<div class="content">
<table><td><div class="shipper"> <div class="context"> <div class="padding">

SHIPPER HERE

</div></div> </div></td> <td><div class="shipper"> <div class="context"> <div class="padding">

<h1>friends</h1>

FRIENDSHIP plots

<br><br> <h1>enemies</h1>

ENEMY plots

<br><br> <h1>lovers</h1>

ROMANTIC plots

<br><br> <h1>others</h1>

ANYTHING else her

</div> </div> </div>
</td> </table>
</div> </div>
</center>
</div> </div> </div> </div> </div> </center>
[/dohtml]