WDHTML Layout - Biography

<div class="col-4 ml-3 mt-3 p-0" style="border:0px dashed lightgray;float:left;text-align:center;">

<!-- ⇓ Here you can put a wolf headshot, artwork, whatever. -->
<img src="https://mu-cephei.neocities.org/WDHTML/sample/animosity.png">

<p class="mt-4 mb-4 p-1" style="text-align:center; border-top:3px double #eae5d5; border-bottom:3px double #eae5d5; font-family:Cambria;">
<span style="font-size:20px; color:#ac9c94;">◆</span><br>
<!-- A side quote can go here. -->
<span style="font-size:12px; color:#9e9c9c;"><i>This is a side quote. You could rattle the stars. You could do anything, if only you dared. And deep down, you know it, too. That's what scares you most.</i></span>
<br><span style="font-size:20px; color:#ac9c94;">◆</span>
</p>

<!-- ⇓ Random Wolvden items pertaining to your subject go here. Or, well, other things, like more artwork! -->
<img src="https://static.wolvden.com/images/items/trophies/pelt_wolf_brown.png">
<img src="https://static.wolvden.com/images/items/trophies/ear_deer.png">
<img src="https://static.wolvden.com/images/items/trophies/feathers_snowyowl.png">
<img src="https://static.wolvden.com/images/items/trophies/bearpaw_polar.png">

<!-- Please leave the credit intact. -->
<p class="mt-2" style="font:10px Consolas; color:#9e9c9c;"><i>code by #202</i></p>
</div> <div class="col-7 ml-3 mt-3" style="border:0px dashed lightgray;float:left; font: 12px Cambria; text-align:justify; line-height:15px;">

<!-- Title header. -->
<h1 class="pl-3 mb-1" style="border-left: 4px solid #eae5d5; color:#ac9c94; font-family:Century Gothic; text-align:left;'">
WOAH A HEADER
</h1>
<!-- Subheader here. -->
<p class="pl-4" style="font-size:12px; color:#9e9c9c;"><i>
slightly lengthier subheader here
</i></p>

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>

<!-- Minor header. Replicate this wherever you want using copy/paste. -->
<p style="border-top:1px dotted #ac9c94; text-align:left; font:15px Century Gothic; text-align:right; color:#9e9c9c;">
FANCY SUBHEADER
</p>

<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>

<!-- Bulleted list. Replicate this wherever you want using copy/paste, or you can remove this section entirely. -->
<ul style="list-style-image: url(https://static.wolvden.com/images/layout/icons/icon-weather-wind.png);">
<li>this is a list item</li>
<li>feel free to add or remove</li>
<li>bullet points by copy/pasting</li>
<li>or get rid of them entirely</li>
</ul>

<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>

</div>