WDHTML Custom for #1810

<div class="p-4" style="border:1px solid black; background:url(https://i.imgur.com/mlqMPQF.jpg); color:white; font:13px Calibri, Segoe UI; background-position:center top; background-repeat:no-repeat; background-attachment:fixed;">

<div style="font:50px Century Gothic; color:white; text-align:center; border-bottom:1px solid white;">
    <span style="color:#ffc738;">♢</span>
    <!-- Wolf name goes here. -->
    CATHAN
    <span style="color:#ffc738;">♢</span>
</div>

<div class="row m-0 mt-3">
    <div class="col p-0" style="max-width:70%;border:4px double white; background:rgba(0,0,0,0.5);object-fit:cover;">

    <!-- Wolf portrait goes here; the URL is in between "quotes". -->
<img src="https://img.wolvden.com/f/9f/be/a6/9fbea65e739aae757a53ff11a7f768db882c6064.2653185.1630606009.png">

    </div>
    <div class="col p-3" style="max-width:30%; min-width:160px; text-align:center; border:1px solid white; border-left:none; background:rgba(0,0,0,0.5);">
    <!-- These are part of the section next to the stud portrait. -->
        <!-- Adjust your desired stud prices here, wherever it says "xx". -->
        <span style="font:20px Century Gothic">
        xx
        </span><img src="https://static.wolvden.com/images/layout/icons/icon-gc.png">
        - or -
        <span style="font:20px Century Gothic">
        xx
        </span><img src="https://static.wolvden.com/images/layout/icons/icon-sc.png">
        <br><br>

        <div class="p-2" style="background:black; font:15px Century Gothic">
        <!-- Link to the stud's breeding page here -->
        <a href="https://www.wolvden.com/breed/2653185"><span style="color:#ffc738;">BREED NOW</span></a>
        </div><div class="p-2 mt-2 mb-3" style="background:black; font:15px Century Gothic">
        <!-- Link to the stud's profile page here -->
        <a href="https://www.wolvden.com/wolf/2653185"><span style="color:#ffc738;">VISIT PROFILE</span></a>
        </div>

        <p><span style="color:#ffc738;">✦ </span><i>base:</i><br>
        <span style="font:1.5em Century Gothic;"><b>
            Mojave</b><span style="font-size:13px;">(TIII)</span></span></p>
        <p><span style="color:#ffc738;">✦ </span><i>stats:</i><br>
        <span style="font:1.5em Century Gothic;"><b>
            587</b><span style="font-size:13px;">(and rising)</span>
        </p><p class="mb-0"><span style="color:#ffc738;">✦ </span><i>carrier status:</i><br>
        <span style="font:1.5em Century Gothic;"><b>
            None
        </b></span></p>

    </div>
</div>

<div class="row m-0 mt-3">
    <div class="col p-3" style="max-width:35%; border:1px solid white; background:rgba(0,0,0,0.5);">
        <h1 style="font:20px Century Gothic"><span style="color:#ffc738;">♢</span> MARKINGS</h1>

        <!-- Marking and leathers/eye color detail here. -->
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br>
        <b>#0</b> - Marking Name Here (00%) <br><br>
        <b>Skin:</b> color here <br>
        <b>Nose:</b> color here <br>
        <b>Claws:</b> color here <br>
        <b>Eyes:</b> color here <br>

    </div>
    <div class="col p-3" style="max-width:65%; border:1px solid white; border-left:none; background:rgba(0,0,0,0.5);">
        <h1 style="font:20px Century Gothic"><span style="color:#ffc738;">♢</span>
        LORE/INTRO TITLE HERE
        </h1>
        <!-- This begins your lore section. Be sure to wrap paragraphs in <p></p> tags, this paragraph has it for you! -->
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor libero dictum lorem egestas, a tristique lacus iaculis. Etiam tristique maximus lorem, vel hendrerit tellus facilisis quis. Phasellus pulvinar congue tortor ac sollicitudin. Integer tincidunt pharetra viverra. Donec sodales faucibus ipsum, ac pharetra massa malesuada ac.</p>

        <h1 style="font:20px Century Gothic"><span style="color:#ffc738;">♢</span>
        HERITAGE QUICKVIEW
        </h1>
        <div class="row m-0" style="text-align:center;">
        <div class="col p-1">Paternal<br><br>
        <img src="https://i.imgur.com/SRpMRNZ.png" style="border:4px double white"></div>
        <div class="col p-1">Maternal<br><br>
        <img src="https://i.imgur.com/iYM1biP.png" style="border:4px double white"></div>
        </div>
    </div>
</div>

<div class="col p-0 mt-1" style="font-size:11px;"><span style="color:#ffc738;">✦ </span><i>code by #202</i></div>

</div>