D&D Character Template (CODE)

HTML_Coywolfy

Profile


<div class="container" style="max-width: 1050px; text-align: center;"><strong><span style="font-size: 48px;"><span style="font-size: 18px;"> </span>NAME</span></strong>

<br><strong><span style="font-size: 18px;">CLASS & LEVEL | RACE | ALIGNMENT | BACKGROUND</span></strong>

<br>

<hr style="border-color:#000000;">

<div class="row">

<div class="col-sm-2">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">STRENGTH</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">DEXTERITY</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">CONSTITUTION</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">INTELLIGENCE</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">WISDOM</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>


<p><strong><span style="font-size: 9px; color: rgb(0, 0, 0);">CHARISMA</span></strong>

<br><span style="font-size: 30px;">(+0)</span>

<br><span style="font-size: 18px;"><strong>10</strong></span></p>

</div>

</div>

<div class="col-sm-3">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">SAVING THROWS</span></strong></h2>


<p style="text-align: left;"><span style="font-size: 12px;">0         Strength<br>0         Dexterity<br>0         Constitution <br>0         Intelligence <br>0         Wisdom <br>0         Charisma</span></p>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">SKILLS</span></strong></h2>


<p style="text-align: left;"><span style="font-size: 11px;">0          Acrobatics (Dex) <br>0          Animal Handling (Wis) <br>0          Arcana (Int) <br>0          Athletics (Str) <br>0          Deception (Cha) <br>0          History (Int) <br>0          Insight (Wis) <br>0          Intimidation (Cha) <br>0          Investigation (Int) <br>0          Medicine (Wis) <br>0          Nature (Int) <br>0          Perception (Wis) <br>0          Performance (Cha) <br>0          Persuasion (Cha) <br>0          Religion (Int) <br>0          Sleight of Hand (Dex) <br>0          Stealth (Dex) <br>0          Survival (Wis)</span></p>

</div>

</div>

<div class="col-sm-4">

<div class="row">

<div class="col-4">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<p><span style="font-size: 9px;"><strong><span style="color: rgb(0, 0, 0);">AC</span></strong>

</span><span style="color: rgb(0, 0, 0);"><br></span><span style="font-size: 30px; color: rgb(0, 0, 0);">10</span></p>

</div>

</div>

<div class="col-4">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<p><span style="font-size: 9px;"><strong><span style="color: rgb(0, 0, 0);">INITIATIVE</span></strong>

</span><span style="color: #000000;"><br></span><span style="font-size: 30px; color: rgb(0, 0, 0);">10</span></p>

</div>

</div>

<div class="col-4">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<p><span style="font-size: 9px;"><strong><span style="color: rgb(0, 0, 0);">SPEED</span></strong>

</span><span style="color: rgb(0, 0, 0);"><br></span><span style="font-size: 30px; color: rgb(0, 0, 0);">30</span></p>

</div>

</div>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">MAX HIT POINTS</span></strong></h2>


<p><span style="font-size: 24px;">10</span></p>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">PROFICIENCIES & LANGUAGES</span></strong></h2>

<div class="table-responsive" style="height:70px;">


<p><strong>Languages:</strong>

<br>Common</p>


<p><strong>Weapons:</strong>

<br>None</p>


<p><strong>Armor:</strong>

<br>None</p>

</div>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">FEATURES & TRAITS</span></strong></h2>

<div class="table-responsive" style="height:180px;">


<p><strong>Race trait name</strong> - <span style="font-size: 12px;">trait description</span></p>


<p><strong>Race trait name</strong> - <span style="font-size: 12px;">trait description</span></p>


<p><strong>Class trait name</strong> - <span style="font-size: 12px;">trait description</span></p>


<p><strong>Class trait name</strong> - <span style="font-size: 12px;">trait description</span></p>


<p><strong>Class trait name</strong> - <span style="font-size: 12px;">trait description</span></p>

</div>

</div>

</div>

<div class="col-sm-3">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">PERSONALITY TRAITS</span></strong></h2>

<div class="table-responsive" style="height:80px;">


<p><span style="font-size: 12px;">-  I believe thing, thing, thing, thing, thing, thing, thing, thing. <br> -  I believe thing, thing, thing, thing, thing, thing, thing, thing. </span></p>

</div>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">IDEALS</span></strong></h2>

<div class="table-responsive" style="height:80px;">


<p><span style="font-size: 12px;">-  I believe thing, thing, thing, thing, thing, thing, thing, thing. <br> -  I believe thing, thing, thing, thing, thing, thing, thing, thing. </span></p>

</div>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">BONDS</span></strong></h2>

<div class="table-responsive" style="height:80px;">


<p><span style="font-size: 12px;">-  I believe thing, thing, thing, thing, thing, thing, thing, thing. <br> -  I believe thing, thing, thing, thing, thing, thing, thing, thing. </span></p>

</div>

</div>

<br>

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="font-size: 18px; color: rgb(0, 0, 0);">FLAWS</span></strong></h2>

<div class="table-responsive" style="height:80px;">


<p><span style="font-size: 12px;">-  I believe thing, thing, thing, thing, thing, thing, thing, thing. <br> -  I believe thing, thing, thing, thing, thing, thing, thing, thing. </span></p>

</div>

</div>

</div>

</div>

<hr style="border-color:#000000;">

<div class="card card-block" style="background-color:#fff;border-color:#000000;color: rgb(0, 0, 0);text-align:center;">


<h2 style="text-align: left;"><strong><span style="color: rgb(0, 0, 0);">BACKSTORY</span></strong></h2>

<div class="table-responsive" style="height:200px;">

<br>

</div>

</div>


<p style="text-align: right;"><a href="https://toyhou.se/1874885.d-d-character-template" id="">D&D HTML Profile</a> by Coywolfy</p>

</div>