[html]<section class="timeline">
<article class="item">
<div class="align">
<div class="date">FAMILY RELATIONSHIPS</div>
<p><group><B>NAME HERE</b></group>, ##<br>
<i>info</i>, relationship.</p>
<p><rook><b>NAME HERE</b></rook>, ##<br>
<i>info</i>, relationship.</p>
<p><rook><b>NAME HERE</b></rook>, ##<br>
<i>info</i>, relationship.</p>
</div>
</article>
<article class="item">
<div class="align">
<div class="date">FRIENDSHIPS</div>
<p><falcon><b>NAME HERE</b></falcon><br>
info </p>
<p><owl><b>NAME HERE</b></owl><br>
info</p>
<p><owl><b>NAME HERE</b></owl><br>
info</p>
</div>
</article>
<article class="item">
<div class="align">
<div class="date">MISCELLANEOUS RELATIONSHIPS</div>
<p><owl><b>NAME HERE</b></owl><br>
info</p>
<p><falcon><b>NAME HERE</b></falcon><br>
info</p>
<p><rook><b>NAME HERE</b></rook><br>
(forthcoming) :puppydog-eyes: </p>
</div>
</article>
</section>[/html]