fancy coding here

Tables:

Code:

<center><table background="https://i.imgur.com/dm5hCyW.png" cellpadding="5" cellspacing="25" style="width:650px; border:1px solid #BORDER COLOR; background-position:top; background-repeat:no-repeat; background-color:#COLOR; border-radius: 0px;"><tr><td><div align="justify" style="padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:300px;"><font color="#000" style="font-family:FONTFAMILY; font-size:NUMBERpx; line-height:NUMBERpx;">

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius efficitur ex, vel finibus ex dignissim quis." Fusce lobortis accumsan felis vitae pellentesque. Suspendisse venenatis arcu sit amet faucibus condimentum. Nullam lobortis nunc vel tincidunt rutrum. Fusce dui diam, eleifend in convallis at, aliquet in lectus. Sed nisl velit, laoreet et ligula sed, ullamcorper iaculis nisi. Etiam lectus risus, porttitor quis diam eget, hendrerit rutrum libero. Proin finibus, ipsum a euismod lacinia, orci lectus viverra lorem, tempor iaculis mauris diam gravida metus. Duis ornare massa et est tristique semper. Pellentesque sed nibh metus. Nullam nisi erat, dapibus nec pharetra sit amet, dignissim id leo.

Duis dictum purus justo, eu posuere elit porta non. Praesent nec dolor scelerisque, condimentum nunc vitae, semper leo.  Duis nec est sed ex finibus rutrum in varius nisl. Quisque in placerat ante. Maecenas lectus lacus, tempus at fringilla vel, placerat sed nisi. Pellentesque orci nisl, dignissim quis enim vitae, sodales mollis risus. Sed quis ex quam. Vivamus congue vel est et rhoncus. "Quisque vel dapibus arcu, non egestas risus." Nulla sed vehicula dui. Proin hendrerit vehicula est sit amet vehicula. Etiam dui turpis, auctor sed tortor nec, dignissim ornare diam. Vestibulum sed molestie sem, id ornare nulla. Aenean ultrices lorem a fermentum mattis. Donec vel commodo nunc, sit amet mattis augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<font color=41006C><b>"Ocatve"</b></font> <font color=D6A2B5><b>"Noko"</b></font> <font color=D5A6F5><i>Think</i></font> <font color=909090><u>You</u></font>

</div></font></tr></td></table>
<table><td style="width:600px; font-size:9px; line-height:8px;text-transform:uppercase; font-family:small fonts; text-align:right;">Art by <a href=https://www.deviantart.com/equestrianjade>EquestrianJade</a></td></tr></table></center>

Code:

<center><div style="border:5px solid #; width:650px; height:1726px; background-image:url('https://i.imgur.com/MeGrJvi.png'); background-repeat:no-repeat;background-size:cover; position:relative; border: 0px solid #938596; border-radius:40px">
<div style="width:365px; height:420px; color:#ffffff; text-align:justify; font-size:13px; line-height:14px; font-family:times; overflow:auto; margin:0 auto;position:absolute; top: 50%; left: 52%; transform:translate(-50%, -50%);">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet dolor commodo, facilisis tellus scelerisque, mattis nibh. Aliquam erat volutpat. Nullam nibh leo, condimentum at sollicitudin et, dapibus vitae libero. Praesent a ornare magna. Vivamus auctor sapien id tortor malesuada, vel ultrices felis fringilla. Curabitur a tempus velit, semper vestibulum risus. Vivamus viverra vehicula purus. Nulla tortor purus, vestibulum ac dictum quis, varius accumsan arcu. Mauris iaculis lacus eu diam rutrum volutpat. Praesent ante nisi, blandit in condimentum nec, vulputate vitae felis. Vestibulum feugiat pharetra libero in tempus.


<span style="Font-family: georgia; font-size: 12px; color: #AC90C1; text-shadow: 0px 0px 5px; font-variant: normal;"><I> Nullam nibh leo, condimentum at sollicitudin et, dapibus vitae libero. Praesent a ornare magna.</I></span> Vivamus auctor sapien id tortor malesuada, vel ultrices felis fringilla. Curabitur a tempus velit, semper vestibulum risus. Vivamus viverra vehicula purus. Nulla tortor purus, vestibulum ac dictum quis, varius accumsan arcu. Mauris iaculis lacus eu diam rutrum volutpat. Praesent ante nisi, blandit in condimentum nec, vulputate vitae felis. Vestibulum feugiat pharetra libero in tempus.

<span style="Font-family: georgia; font-size: 12px; color: #F6BDD2; text-shadow: 0px 0px 5px; font-variant: normal;"><I>Nullam nibh leo, condimentum at sollicitudin et, dapibus vitae libero. Praesent a ornare magna. Vivamus auctor sapien id tortor malesuada, vel ultrices felis fringilla.</I></span>
Curabitur a tempus velit, semper vestibulum risus. Vivamus viverra vehicula purus. Nulla tortor purus, vestibulum ac dictum quis, varius accumsan arcu. Mauris iaculis lacus eu diam rutrum volutpat. Praesent ante nisi, blandit in condimentum nec, vulputate vitae felis. Vestibulum feugiat pharetra libero in tempus.

Nullam nibh leo, condimentum at sollicitudin et, dapibus vitae libero. Praesent a ornare magna. Vivamus auctor sapien id tortor malesuada, vel ultrices felis fringilla. Curabitur a tempus velit, semper vestibulum risus. Vivamus viverra vehicula purus. Nulla tortor purus, vestibulum ac dictum quis, varius accumsan arcu. Mauris iaculis lacus eu diam rutrum volutpat. Praesent ante nisi, blandit in condimentum nec, vulputate vitae felis. Vestibulum feugiat pharetra libero in tempus.

Duis nec pharetra leo. Vestibulum viverra nisl magna, quis lacinia sem tincidunt sit amet. Vestibulum tempus euismod lacus, sed sollicitudin metus convallis quis. Donec tristique, est sit amet accumsan dignissim, nibh nibh suscipit mauris, sed suscipit purus magna at turpis. Morbi dapibus dictum elit a tempor. Nulla condimentum neque urna, pellentesque accumsan felis pharetra nec. Curabitur eu interdum purus.

Nam eu venenatis metus. Morbi mauris metus, porta hendrerit lorem sit amet, aliquet commodo metus. Donec dictum odio dapibus lectus euismod elementum. Praesent condimentum facilisis dapibus. Ut a faucibus est. Sed semper ipsum ac quam dignissim eleifend. Fusce imperdiet purus justo, quis vulputate mi luctus eget. Integer euismod, orci eget vehicula luctus, nulla libero mattis ligula, at iaculis mauris lacus eget elit. Praesent at dolor ornare, pretium ligula ut, dictum nisl. Vivamus sed risus erat.

Duis nec pharetra leo. Vestibulum viverra nisl magna, quis lacinia sem tincidunt sit amet. Vestibulum tempus euismod lacus, sed sollicitudin metus convallis quis. Donec tristique, est sit amet accumsan dignissim, nibh nibh suscipit mauris, sed suscipit purus magna at turpis. Morbi dapibus dictum elit a tempor. Nulla condimentum neque urna, pellentesque accumsan felis pharetra nec. Curabitur eu interdum purus.

<span style="Font-family: georgia; font-size: 12px; color: #AC90C1; text-shadow: 0px 0px 5px; font-variant: normal;"><I>Octave</I></span> & <span style="Font-family: georgia; font-size: 12px; color: #F6BDD2; text-shadow: 0px 0px 5px; font-variant: normal;"><I>Noko</I></span>


</span>
</div>
</center>

Code:

<center><table background="https://i.imgur.com/i7qqDRT.png" cellpadding="5" cellspacing="25" style="width:650px; border:7px outset #1B0365; border-collapse: separate; background-position:top; background-repeat:no-repeat; background-color:#0c012c; border-radius: 0px;"><tr><td><div align="justify" style="padding-bottom:0px; padding-left:0px; padding-right:10px; padding-top:655px;"><font color="#fff" style="font-family:Times New Roman; font-size:13px; line-height:NUMBERpx;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet dolor commodo, facilisis tellus scelerisque, mattis nibh. Aliquam erat volutpat. Nullam nibh leo, condimentum at sollicitudin et, dapibus vitae libero. Praesent a ornare magna. Vivamus auctor sapien id tortor malesuada, vel ultrices felis fringilla. Curabitur a tempus velit, semper vestibulum risus. Vivamus viverra vehicula purus. Nulla tortor purus, vestibulum ac dictum quis, varius accumsan arcu. Mauris iaculis lacus eu diam rutrum volutpat. Praesent ante nisi, blandit in condimentum nec, vulputate vitae felis. Vestibulum feugiat pharetra libero in tempus.

Nunc faucibus commodo ex eu faucibus. Phasellus vulputate erat ipsum, quis dapibus sapien porta non. Ut a tortor lacus. Vestibulum tempor congue erat, in dignissim quam ultrices id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quam justo, tincidunt quis efficitur sit amet, ultricies quis lorem. Maecenas nisl est, pretium sit amet risus a, facilisis lacinia leo. Aenean ultrices ultrices convallis. Cras tincidunt augue sit amet imperdiet lobortis. Etiam in suscipit arcu. Vestibulum pharetra consequat massa quis efficitur.

Nam in sagittis leo. Suspendisse quis libero rutrum augue blandit molestie vel sit amet sapien. Ut venenatis, ante non interdum ullamcorper, quam justo sagittis justo, at efficitur metus urna at felis. Maecenas vestibulum lobortis ipsum, quis rhoncus dui eleifend in. Fusce malesuada libero non lectus convallis, ut commodo nisi consequat. Phasellus enim felis, maximus quis ipsum sit amet, mattis eleifend ex. Morbi aliquam enim orci, et luctus ante pulvinar vel. Donec molestie arcu quis est vehicula convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas lobortis sit amet nulla in consectetur. Curabitur aliquam fermentum elit, id condimentum est hendrerit vel. Vivamus porta, lacus id aliquet gravida, tellus metus pellentesque lorem, non auctor risus ex in turpis. Aliquam consequat vehicula nulla sit amet eleifend. Aenean nec sagittis elit, eu finibus ligula.

<p><center><font color="#AC90C1"><b> "Octave"</b></font><font color="#F6BDD2"><b> "Noko"</b></font> &<font color="#D5A6F5"><i> Hidden thoughts</i></font></div></tr></td></table></font>
<table><td style="width:600px; font-size:9px; line-height:8px;text-transform:uppercase; font-family:small fonts; text-align:right;">Image by <a href=https://risketch.deviantart.com/>Risketch</a></td></tr></table></center>

Code:

<center><br>
<table background="https://i.imgur.com/7mh6m2Q.png" cellpadding="5" cellspacing="25" style="width:650px; border: 2px solid #b75042; border-radius:40px; background-position:bottom; background-repeat:no-repeat; background-color:#c0d0d9"><tbody><tr><td><div align="justify" style="padding-bottom:300px; padding-left:30px; padding-right:30px; padding-top:30px;"><div style="background-color: rgba(29, 121, 159, 0.5); &nbsp;background-color: rgb(29, 121, 159, 1); padding-bottom:0px; padding-left:30px; padding-right:30px; padding-top:10px; border-radius: 40px;"><font color="#ffffff" style="font-family:times; font-size:12px; line-height:20px;"><br>
Octave hadn't failed to notice the storm brewing, dark clouds gathering as the wind whipped to a frenzy. He'd taken precautions and sheltered himself in his den, Noko curling up at his belly so they could wait out the storm. But as the storm continued to bluster outside his den he heard a massive crack of thunder, the flash of lightning happening nearly at the same time and Octave winced. He slowly opened his eyes, wondering how loud the thunder had been to still be ringing in his ears. Slowly the boy crept towards the mouth of his den and the first acrid tang of smoke hit him, and it slowly dawned on him that his ears <i>weren't</i> ringing, the sound he was hearing was the roar of a fire already a full-blown blaze. <br>
<br>Octave was frozen solid for a moment, his mind unable to comprehend what was happening.<span style="color: #ffccff;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Octave!"</span></span> Finally Noko's panicked pleading pushed through the haze of his mind. Over the roar he heard his voice called again, Shaye calling for him. Octave felt his limbs start to race towards her instinct driving him to flee from the pressing wall of heat slowly creeping up behind him. He was ahead of the fire but not the smoke, which was quickly spreading thick through the air and as he raced he felt the smoke descending over him, he tried to take as shallow a breath as he could manage while still running. He spotted Shaye and quickly sidled up to the woman, looking at her questioningly, unsure if she knew where safety was. There was a moment for the boy to catch his breath, he looked over at the blaze noting it was quickly approaching his den. Then over the roar of the pyre, he heard a call, his name just barely rising above the din, in fact if it wasn't for a haunting note of familiarity he'd have assumed it was his imagination.
<br>His blood turned ice and Octave stared at the fire, dread like none he'd ever felt flowing through him. This new fear overwrought his usual nervousness around Shaye, driving him to speak. <span style="color: #681a0f;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Novel..."</span></span> His barritone soft and laced with the deep anxiety that had taken hold of him. <span style="color: #681a0f;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Noko, go with Shaye."</span></span> He said louder, his voice almost emotionalness. <span style="color: #ffccff;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Octave? You can't-"</span></span> But Octave didn't have time to argue with the lemur, not today. He roughly shook himself out feeling Noko slip off him, not prepared to grip onto him. Octave didn't take a moment to look back, simply praying his companion would do as he asked, he couldn't afford to be worried about her as well. <i>She's smart she'll go with Shaye, she'll be safe.</i> He assured himself, but it didn't do anything to ease the pit in his stomach.
<br>The fire licked at his pelt, singing hairs as he pushed through the flames, fighting the instinct to run and hide. Octave kept his gaze low, squinting through the bright glare all around him. The heat was oppressive within the fire, laying over him like a weight. His throat was quickly coated with smoke but he couldn't stop running. Some part of Octave wondered if he <i>had</i> been wrong, that he was running to his death, Novel already safe and sound wherever the lands were being evacuated to. Yells were just barely audible under the roar of the fire, nearly deafening. He wondered how many of his packmates in desperate need of help he was just missing. Then Octave tripped over a prone form. The boy managed to stop himself from totally falling over. He whiped his head around to see who or what he'd tripped on, his heart nearly stopping as he recognized the familiar pelt of his sister, covered in soot as it was.
<p>Octave scrambled to try and grip Novel's scruff, not stopping to check her condition first. He needed to get her out of here before he worried about anything else. He struggled forwards a few steps, forced to drag his sister's still form across the ground. Octave's lungs ached for clean air, his nose filled with smoke and tasting only ash on his tongue. Octave gently lowered Novel for a moment, his gaze brushing over her burned face for only a moment, not even really registering it, and he tipped his head back. His howl was weak, his smoke coated throat constricting the noise but he called anyways, a call that meant <i>"I'm here, please help!"</i> He knew he couldn't get Novel out of here, not alive, by himself and yet he quickly grabbed her again desperately dragging her... <i>somewhere.</i>
<br>
<center><span style="color: #681a0f;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Speech"</span></span><span style="color: #ffccff;" class="mycode_color"><span style="font-weight: bold;" class="mycode_b">"Noko"</span></span></center><br>
<br>
</font></div></td></tr></tbody></table>
</center>

Avatar:

Signatures:

Other Art: