aefenglom profile code

[randomtology]

Hey all! This is a profile code made specifically for aefenglom! There's options for both witches and monsters. It should be noted that this is not a transformation tracker since we already have a lovely one made, but more a general profile page that covers a whole range of things!




Bonds | Magic | Monster Traits
Live (Witch) Preview

CODE:
<raw-code> <div style="height: 475px; width: 800px; margin: auto; background-color: black; overflow: hidden; border: 2px solid #000; border-radius: 20px;"> <!--START NAV BAR--> <div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to bottom, #452c59 , #b0659d); overflow: hidden;"><div style="display: block; width: 200px; height: 20px;"></div> <div style="display: block; width: 195px; height: 150px;"> <div style="display: block; margin: auto; height: 104px;"> <img src="USERP-PIC-URL" style="border-radius: 50px; border: 2px solid #000; margin-right: 48px; margin-left: 48px;"></div> <div style="display: block; font-family: 'Lucida Console'; text-align: center; line-height: 30px; font-size: 20px; color: #FFF; letter-spacing: -1px;"> Name McName </div> <div style="display: block; font-family: 'Lucida Console'; text-align: center; line-height: 12px; font-size: 12px; color: #FFF;"> Class </div></div> <div style="overflow: auto; width: 200px; height: 275px; margin-top: 25px;"> <!--START INFO LINK--> <div style="display: block; width: 200px; height: 25px;"> <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;"> <a href="#INFO" style="text-decoration: none; color: #fafafa; cursor: crosshair;">Information</a></div></div> <!--END INFO LINK--> <!--START BONDS LINK--> <div style="display: block; margin-top: 5px; width: 200px; height: 25px;"> <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;"> <a href="#BONDS" style="text-decoration: none; color: #fafafa; cursor: crosshair;">Bonds</a></div></div> <!--END BONDS LINK--> <!--START MAGIC LINK. IF MONSTER, DELETE THIS--> <div style="display: block; margin-top: 5px; width: 200px; height: 25px;"> <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;"><a href="#MAGIC" style="text-decoration: none; color: #fafafa; cursor: crosshair;">Magic</a></div></div> <!--END MAGIC LINK--> <!--START MONSTER LINK. IF WITCH, DELETE THIS--> <div style="display: block; margin-top: 5px; width: 200px; height: 25px;"> <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;"><a href="#MONSTER" style="text-decoration: none; color: #fafafa; cursor: crosshair;">Monster Traits</a></div></div> <!--END MAGIC LINK--> <!--START EXTRA LINK--> <div style="display: block; margin-top: 5px; width: 200px; height: 25px;"> <div style="display: inline-block; height: 25px; width: 130px; background-color: rgba(22, 22, 22, 0.9); font-family: 'Lucida Console'; text-align: center; line-height: 26px; font-size: 12px; margin-left: 35px;"> <a href="#EXTRA" style="text-decoration: none; color: #fafafa; cursor: crosshair;">Extra</a></div></div> <!--END MAGIC LINK--> </div></div> <!--END NAV BAR--> <!--START TEXT AREA--> <div> <div style="display: inline-block; float: right; width: 595px; height: 475px; background-color: #FFF; background-image: url('https://i.imgur.com/fCBSgdi.png'); overflow: hidden;"> <!--START INFORMATION PAGE--> <div style="width: 595px; height: 475px;"> <a name="INFO"></a> <div style="display: block; height: 10px; width: 595px;"></div> <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;"> Name Here </div> <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div> <!--START TOP INFO--> <div class="TOP-INFO" style="height: 125px; display: block; width: 100%; margin-top: 5px;"> <!--START INFO BOX--> <div style="display: inline-block; width: 400px; margin-left: 1%; height: 125px;"><div style="display: block; height: 200px; width: 100%; overflow: auto; "><div style="padding: 0% 3% 0% 3%;"> <table style="font-family: calibri; text-align: justify; width: 100%;"> <tr><td><span style="font-weight: bold;">Age:</span></td><td> XX</td> <td><span style="font-weight: bold;">D.O.B:</span></td><td> Month Day</td></tr> <tr><td><span style="font-weight: bold;">Gender:</span></td><td> Male/Female/Other</td> <td><span style="font-weight: bold;">Orientation</span></td><td> Whatever</td></tr> <tr><td><span style="font-weight: bold;">Species:</span></td><td>Original Species</td> <td><span style="font-weight: bold;">Class:</span></td><td>Class Here</td></tr> <tr><td><span style="font-weight: bold;">Hair:</span></td><td>Color</td> <td><span style="font-weight: bold;">Eyes:</span></td><td>Color</td></tr> <tr><td><span style="font-weight: bold;">Height:</span></td><td>X'XX"</td> <td><span style="font-weight: bold;">Build:</span></td><td>Build Here</td></tr> <tr><td><span style="font-weight: bold;">Origin:</span></td><td>Hometown</td> <td><span style="font-weight: bold;">Residence:</span></td><td>Aef Location</td></tr></table> </div></div></div> <!--END INFO BOX--> <!--START IMAGE--> <div style="display: inline-block; float: right; margin-right: 25px;"> <img src="IMG-URL-BEST-AT-125px-BY-125px" style="width: 125px; box-shadow: rgba(0,0,0,0.25) 1px 1px 1px;"></div></div> <!--END TOP INFO--> <!--START BOTTOM INFO--> <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 250px; overflow: hidden;"> <div style="display: inline-block; width: 560px; height: 250px; overflow: auto; "> <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>History</b><br/></summary><span style="font-family: calibri;"> History information here! </details> <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Personality</b><br/></summary><span style="font-family: calibri;"> Personality stuff here! </details> <details><summary style="font-family: 'Lucida Console'; font-size: 18px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Original Abilities</b><br/></summary><span style="font-family: calibri;"> Whatever relevant abilities they had prior to arriving to Aefenglom </details> </div></div></div> <!--END INFO ENTRY--> <!--START BONDS--> <div style="width: 595px; height: 475px;"> <a name="BONDS"></a> <div style="display: block; height: 10px; width: 595px;"></div> <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">Bonds</div> <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div> <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;"> <!--START BOND 1--> <div style="display: block; width: 550px;"> <!--START BOND PROFILE--> <div style="display: inline-block; width: 81px;"> <div style="display: inline-block; width: 81px; height: 81px;"> <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;"></div></div> <div style="display: inline-block; width: 440px; height: 81px; float: right;"> <div style="display: block; height: 35px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;"><a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold; ">Name McName</a></div> <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;"> <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0"> <tr><td><span style="font-weight: bold;">Class:</span></td><td> Class Here</td></tr> <tr><td><span style="font-weight: bold;">Bond Type:</span></td><td> Type of relationship (platonic, intimate, familial, etc)</td></tr> <tr><td><span style="font-weight: bold;">Song:</span></td><td> <a href="URL" style="text-decoration: none;">♫</a></td></tr></table> </div> </div> <!--END BOND PROFILE--> <!--START DETAILS--> <div style="display: block; width: 540px;"><details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary><span style="font-family: calibri;"> Any information you want to share about the bond goes here! </span></details></div> <!--END DETAILS--> </div> <!--END BOND 1--> <!--START BOND 2--> <div style="display: block; width: 550px; margin-top: 15px;"> <!--START BOND PROFILE--> <div style="display: inline-block; width: 81px;"> <div style="display: inline-block; width: 81px; height: 81px;"> <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;"></div></div> <div style="display: inline-block; width: 440px; height: 81px; float: right;"> <div style="display: block; height: 35px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;"><a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold; ">Name McName</a></div> <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;"> <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0"> <tr><td><span style="font-weight: bold;">Class:</span></td><td> Class Here</td></tr> <tr><td><span style="font-weight: bold;">Bond Type:</span></td><td> Type of relationship (platonic, intimate, familial, etc)</td></tr> <tr><td><span style="font-weight: bold;">Song:</span></td><td> <a href="URL" style="text-decoration: none;">♫</a></td></tr></table> </div> </div> <!--END BOND PROFILE--> <!--START DETAILS--> <div style="display: block; width: 540px;"><details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary><span style="font-family: calibri;"> Any information you want to share about the bond goes here! </span></details></div> <!--END DETAILS--> </div> <!--END BOND 2--> <!--START BOND 3--> <div style="display: block; width: 550px; margin-top: 15px;"> <!--START BOND PROFILE--> <div style="display: inline-block; width: 81px;"> <div style="display: inline-block; width: 81px; height: 81px;"> <img src="USERP-PIC-URL" style="border-radius: 20px; border: solid 1px #001222; width: 80px;"></div></div> <div style="display: inline-block; width: 440px; height: 81px; float: right;"> <div style="display: block; height: 35px; width: 251px; font-family: 'Lucida Console'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;"><a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #000000; font-weight: bold; ">Name McName</a></div> <div style="display: block; width: 345px; padding: 0px 3px 0px 3px; font-family: 'calibri'; text-align: left;"> <table style="font-family: calibri; width: 50%;" cellspacing="0" cellpadding="0"> <tr><td><span style="font-weight: bold;">Class:</span></td><td> Class Here</td></tr> <tr><td><span style="font-weight: bold;">Bond Type:</span></td><td> Type of relationship (platonic, intimate, familial, etc)</td></tr> <tr><td><span style="font-weight: bold;">Song:</span></td><td> <a href="URL" style="text-decoration: none;">♫</a></td></tr></table> </div> </div> <!--END BOND PROFILE--> <!--START DETAILS--> <div style="display: block; width: 540px;"><details><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none;"><b>Details</b><br/></summary><span style="font-family: calibri;"> Any information you want to share about the bond goes here! </span></details></div> <!--END DETAILS--> </div> <!--END BOND 3--> </div></div> <!--END BOND ENTRY--> <!--START MAGIC. IF MONSTER, DELETE THIS SECTION--> <div style="width: 595px; height: 475px;"> <a name="MAGIC"></a> <div style="display: block; height: 10px; width: 595px;"></div> <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">Magic</div> <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div> <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;"> <!--START SUMMARY--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;"> A general summary of the character's abilities and progress with learning magic! Any general details you feel are relevant would go here. </div> <!--END SUMMARY--> <!--START SPELL CLASSES--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; margin-top: 15px;"> <!--START ABJURATION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Abjuration<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END ABJURATION--> <!--START ALCHEMY--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Alchemy<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END ALCHEMY--> <!--START CONJURATION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Conjuration<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END CONJURATION--> <!--START DIVINATION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Divination<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END DIVINATION--> <!--START ENCHANTMENT--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Enchantment<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END ENCHANTMENT--> <!--START EVOCATION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Evocation<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END EVOCATION--> <!--START ILLUSION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Illusion<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END ILLUSION--> <!--START TRANSMUTATION--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Transmutation<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END TRANSMUTATION--> <!--START UNIVERSAL--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Universal<br/></summary> <b>Skill Level:</b> Low/Medium/High <br/> <b>Signature Spells:</b><br/> <ul> <li><i>Spell:</i> Description of unique spell to character</li> <li><i>Spell:</i> Description of unique spell to character.</li> </ul> <b>Summary:</b> Talk about how they are doing with said class, what they are planning to specialize within this class (or if they're skipping entirely).<br/> <b>Goals:</b> What do they want to achieve and how soon will they do so.<br/> </details> <!--END UNIVERSAL--> </div></div> <!--END MAGIC ENTRY--> <!--START MONSTER. IF WITCH, DELETE THIS SECTION--> <div style="width: 595px; height: 475px;"><a name="MONSTER"></a><div style="display: block; height: 10px; width: 595px;"></div> <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">Monster Traits</div> <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div> <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;"> <!--START SUMMARY--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;"> Any general information about how your character's monster changes would go here. </div><!--END SUMMARY--> <!--START TRACKER LINK, DELETE IF YOU DON'T HAVE A TRACKER--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; font-weight: bold; margin-top: 10px;">Monster Changes Tracker → <a href="LINK">Info Here</a></div> <!--END TRACKER LINK--> <!--END SUMMARY--> <!--START CHANGES--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left; margin-top: 15px;"> <!--START PHYSICAL CHANGES--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Physical Changes<br/></summary> <b>Traits:</b><br/> <ul> <li><i>Physical Feature:</i> Description of said change</li> <li><i>Physical Feature:</i> Description of said change</li> </ul> <b>Notes:</b> Talk about how they are faring with the changes, any difficulties or other notes they have in regards to their physical changes, etc.<br/> </details> <!--END PHYSICAL CHANGES--> <!--START PSYCHOLOGICAL CHANGES--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Psychological Changes<br/></summary> <b>Traits:</b><br/> <ul> <li><i>Mental Change:</i> Description of said change</li> <li><i>Mental Change:</i> Description of said change</li> </ul> <b>Notes:</b> Talk about how they are faring with the changes, any difficulties or other notes they have in regards to their behavioral changes.<br/> </details> <!--END PSYCHOLOGICAL CHANGES--> <!--START FULL MOON CHANGES--> <details style="margin-bottom: 10px;"><summary style="font-family: 'Lucida Console'; font-size: 16px; cursor: crosshair; align-self: column; margin: 0 auto; outline: none; font-weight: bold;">Full Moon Changes<br/></summary> <b>Traits:</b><br/> <ul> <li><i>Change:</i> Description of said change</li> <li><i>Change:</i> Description of said change</li> </ul> <b>Notes:</b> Talk about their typical experiences with the full moon and any other related things. <br/> </details> <!--END FULL MOON CHANGES--> </div></div> <!--END MONSTER ENTRY--> <!--START EXTRA--> <div style="width: 595px; height: 475px;"> <a name="EXTRA"></a> <div style="display: block; height: 10px; width: 595px;"></div> <div style="height: 45px; width: 595px; display: block; font-family: 'Lucida Console'; font-size: 40px; font-weight: bold; font-variant: small-caps; line-height: 45px; text-align: left; padding-left: 10px; color: rgba(22, 22, 22, 0.9); letter-spacing: -1px;">Extra</div> <div style="display: block; height: 1px; width: 575px; margin-left: 10px; background-color: rgba(22, 22, 22, 0.9);"></div> <div style="display: block; width: 560px; margin: auto; margin-top: 20px; height: 380px; overflow: auto;"> <!--START SUMMARY--> <div style="display: block; width: 540px; font-family: 'calibri'; text-align: left;"> This page is to do whatever you'd like with it. Any extra information or topics you'd like to cover could go here! Feel free to edit this part to your heart's desire. </div> <!--END SUMMARY--> </div></div> <!--END EXTRA--> </div></div> <!--END INFO PAGE--> </div> <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div> </raw-code>
HTML Editor Friendly Version

NOTES

The profile image will resize, but the best resolution is 125px by 125px.

Here is the url to the background image used: https://i.imgur.com/fCBSgdi.png - I recommend saving it somewhere safe just in case this hosting stops working.

Bonds #2 and #3 have an extra line of code in them (margin-top: 15px) to keep spacing! If you remove these bonds and want to add them on later, be sure to keep this in mind.

Modifications are totally fine. I'd love to see what you do with it though!

Comments are nice but not necessary. However, please leave the credit line on!