Youth Shipper

[dohtml]
<div id="shipper">
 <div class="ship_top">
   <h1>First Last</h1>
   <h2>## Years Old <span aria-hidden="true" data-icon=""></span> Pronoun/Pronoun <span aria-hidden="true" data-icon=""></span> PB First Last</h2>
 </div>
 <div class="ship_im" style="background-image:url(550 X 350 IMAGE HERE);">

   <label for="toggle-1"><div class="labelclass" title="view shipper">+</div></label>
    <input type="checkbox" id="toggle-1">
   <div class="ship_txt">
     <div class="ship_txt2"><div class="ship_txt3">

       <h3>Friends</h3>

       Description<p />

       <h3>Foes</h3>

       Description

       <h3>Lovers</h3>

       Description

     </div></div>
     <div class="ship_im2">
       <h1>Nicknames</h1>
       <span>list a few here</span>
       <h1>Activities</h1>
       <span>clubs, organizations, charities, sports</span>
       <h1>Relationship Information</h1>
       <span>single</span>
       <h1>Looking for these plots</h1>
       <span>single</span>
       <h1>Wanted Ad</h1>
       <span>link or list here, feel free to delete</span>
     </div>
   </div>

 </div>
 <div class="ship_tri"></div>
</div>[/dohtml]