Free Posting Tables

serana

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ultrices sagittis orci a scelerisque purus. Ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Accumsan sit amet nulla facilisi morbi tempus iaculis urna id. In hac habitasse platea dictumst quisque sagittis purus sit. Urna nunc id cursus metus aliquam eleifend mi. Platea dictumst quisque sagittis purus sit amet volutpat. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Pellentesque diam volutpat commodo sed egestas. Sit amet consectetur adipiscing elit ut aliquam purus sit amet. Ultricies mi quis hendrerit dolor. Nec ultrices dui sapien eget mi proin sed libero. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Eget dolor morbi non arcu risus. Mi ipsum faucibus vitae aliquet nec ullamcorper sit. Condimentum vitae sapien pellentesque habitant morbi tristique senectus.

Sed risus ultricies tristique nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Aenean vel elit scelerisque mauris pellentesque. Integer vitae justo eget magna fermentum iaculis. Congue mauris rhoncus aenean vel elit. Facilisis gravida neque convallis a cras semper auctor neque. Euismod nisi porta lorem mollis aliquam ut porttitor leo. Nunc mi ipsum faucibus vitae aliquet. Vitae semper quis lectus nulla at volutpat diam. Sed tempus urna et pharetra pharetra massa. Cursus turpis massa tincidunt dui. Arcu risus quis varius quam.

Sapien eget mi proin sed libero enim. Morbi tincidunt ornare massa eget egestas purus viverra accumsan in. Purus in mollis nunc sed id. Nullam ac tortor vitae purus faucibus. Elementum integer enim neque volutpat ac. Risus commodo viverra maecenas accumsan. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Nec ultrices dui sapien eget mi proin sed. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Varius quam quisque id diam vel quam elementum pulvinar etiam. In arcu cursus euismod quis viverra nibh cras pulvinar.

"someone speaking"
"speaking"

table by rae - image by FILLCREDIT

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Roboto&display=swap" rel="stylesheet">
<div style="background-color:#f1f1f1;width:500px;height:auto;padding:15px;margin:auto;color:#222;border:5px solid #d1d1d1;">
<div style="background-image:url('IMAGEURLHERE');background-position:bottom center;width:200px;height:250px;border:10px solid #d1d1d1;float:left;margin-right: 20px;margin-bottom:5px;"></div>
  <div style="text-align:center;font-family: 'Playfair Display', serif;border-bottom:5px solid #222;padding-bottom: 11px;text-align:right;text-transform:uppercase;"><span style="font-size:45px;">CHARACTERNAME</span></div>
<div style="font-size:10px;font-family: 'Roboto', sans-serif;text-align:justify;color:#222;padding:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ultrices sagittis orci a scelerisque purus. Ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Accumsan sit amet nulla facilisi morbi tempus iaculis urna id. In hac habitasse platea dictumst quisque sagittis purus sit. Urna nunc id cursus metus aliquam eleifend mi. Platea dictumst quisque sagittis purus sit amet volutpat. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Pellentesque diam volutpat commodo sed egestas. Sit amet consectetur adipiscing elit ut aliquam purus sit amet. Ultricies mi quis hendrerit dolor. Nec ultrices dui sapien eget mi proin sed libero. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Eget dolor morbi non arcu risus. Mi ipsum faucibus vitae aliquet nec ullamcorper sit. Condimentum vitae sapien pellentesque habitant morbi tristique senectus.
<p>
Sed risus ultricies tristique nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Aenean vel elit scelerisque mauris pellentesque. Integer vitae justo eget magna fermentum iaculis. Congue mauris rhoncus aenean vel elit. Facilisis gravida neque convallis a cras semper auctor neque. Euismod nisi porta lorem mollis aliquam ut porttitor leo. Nunc mi ipsum faucibus vitae aliquet. Vitae semper quis lectus nulla at volutpat diam. Sed tempus urna et pharetra pharetra massa. Cursus turpis massa tincidunt dui. Arcu risus quis varius quam.
<p>
Sapien eget mi proin sed libero enim. Morbi tincidunt ornare massa eget egestas purus viverra accumsan in. Purus in mollis nunc sed id. Nullam ac tortor vitae purus faucibus. Elementum integer enim neque volutpat ac. Risus commodo viverra maecenas accumsan. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Nec ultrices dui sapien eget mi proin sed. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Varius quam quisque id diam vel quam elementum pulvinar etiam. In arcu cursus euismod quis viverra nibh cras pulvinar.
<p>
<b><i>"someone speaking"</i></b>
<span style="font-size:13px;color:#FONTCOLORHERE;"><b><i>"speaking"</i></b></span>
</div>
</div>
<div style="margin:auto;font-size:9px;width:200px;text-align:center;">table by rae - image by FILLCREDIT</div>

Don't be afraid to ask about background position!

NAME Lorem ipsum? "someone speaking" "speaking"

table by rae - image by FILLCREDIT

<table style="width:550px;table-layout:fixed;border-spacing:20px;margin:auto;hsl(206deg 33% 9% / 83%);">
<tr>
<td style="width:350px">
  <div style="text-align:center;font-family: 'Playfair Display', serif;text-align:right;text-transform:uppercase;margin-right:10px;"><span style="font-size:45px;">NAME</span></div>
<div style="font-size:10px;font-family: 'Roboto', sans-serif;text-align:justify;color:#d1d1d1;padding:10px;">
Lorem ipsum?


<b><i>"someone speaking"</i></b>
<span style="font-size:13px;color:#YOURCOLORHERE;"><b><i>"speaking"</i></b></span>
</div>

</td>
<td style="border:1px solid #000;background-image:url('IMAGEHERE');background-size:400%;background-position:45% 40%;">
</td>
</table>
<div style="margin:auto;font-size:9px;width:200px;text-align:center;">table by rae - image by FILLCREDIT</div>

Make sure to change the colors and background~!

NAME

boo

table by rae - image by FILLCREDIT

<div style="margin:auto;width:600px;border:1px solid #000;">
<div style="height:200px;background-image:url('https://f2.toyhou.se/file/f2-toyhou-se/images/33593844_sxkYA3BaqUlBpw9.jpg');background-position:50% 60%;background-size:cover;"></div>
<div style="font-size:20px;letter-spacing:5px;text-align:center;text-transform:uppercase;padding:10px;background-color:#100f12;color:#658fcb;border-bottom:1px solid #658fcb;">
NAME<br>
</div>
<div style="padding:50px;text-align:justify;background-color:#141318;font-family:georgia;font-size:9px;letter-spacing:1px;">
boo
</div>
</div>
<div style="margin:auto;font-size:9px;width:200px;text-align:center;">table by rae - image by FILLCREDIT</div>

bean's codes ;; rules

- familiar much? ;)
- please leave the credit where it is
- these codes are for Sonder use only

editing tips:

> adding pictures

- all you have to do is replace the placeholder link

> changing font colour:

- just slap a new hexcode in place of #HEXCODE

"Lorem ipsum dolor sit amet, consectetur adipiscing elit," sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus. Enim nec dui nunc mattis enim ut tellus elementum. Tristique senectus et netus et malesuada fames ac turpis egestas. Lectus nulla at volutpat diam ut venenatis. Magnis dis parturient montes nascetur ridiculus. Vitae congue mauris rhoncus aenean vel elit. Tortor pretium viverra suspendisse potenti nullam ac tortor. Feugiat pretium nibh ipsum consequat nisl. Donec enim diam vulputate ut pharetra sit. Condimentum vitae sapien pellentesque habitant. Varius morbi enim nunc faucibus a. Magna ac placerat vestibulum lectus mauris ultrices eros in. Ut enim blandit volutpat maecenas volutpat blandit. Sed sed risus pretium quam vulputate dignissim suspendisse. Imperdiet sed euismod nisi porta lorem mollis aliquam.

Curabitur vitae nunc sed velit dignissim sodales ut. At tellus at urna condimentum. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Pretium nibh ipsum consequat nisl vel pretium lectus. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Nulla porttitor massa id neque. Non arcu risus quis varius quam quisque. In aliquam sem fringilla ut morbi. Diam vel quam elementum pulvinar etiam. Pretium quam vulputate dignissim suspendisse in. Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Et pharetra pharetra massa massa. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam.

template by bean

<link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro" rel="stylesheet">
<center>
<div style="width:400px; background:#999; box-sizing:border-box; padding:10px; border:1px solid #fff;">
<div style="width:120px; height:120px; border-radius:100px; border:1px solid white; background-image:url('http://via.placeholder.com/120x120'); background-size:cover;"></div>
<div style="width:300px; margin-top:5px; box-sizing:border-box; padding:10px; font:10px/1 'source serif pro'; text-align:justify; color:#000;">
<span style="font:italic bold 12px/1 'cambria'; color:#HEXCODE; text-shadow:0px 0px 10px #000;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit,"</span> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus. Enim nec dui nunc mattis enim ut tellus elementum. Tristique senectus et netus et malesuada fames ac turpis egestas. Lectus nulla at volutpat diam ut venenatis. Magnis dis parturient montes nascetur ridiculus. Vitae congue mauris rhoncus aenean vel elit. Tortor pretium viverra suspendisse potenti nullam ac tortor. Feugiat pretium nibh ipsum consequat nisl. Donec enim diam vulputate ut pharetra sit. Condimentum vitae sapien pellentesque habitant. Varius morbi enim nunc faucibus a. Magna ac placerat vestibulum lectus mauris ultrices eros in. Ut enim blandit volutpat maecenas volutpat blandit. Sed sed risus pretium quam vulputate dignissim suspendisse. Imperdiet sed euismod nisi porta lorem mollis aliquam.

Curabitur vitae nunc sed velit dignissim sodales ut. At tellus at urna condimentum. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Pretium nibh ipsum consequat nisl vel pretium lectus. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Nulla porttitor massa id neque. Non arcu risus quis varius quam quisque. In aliquam sem fringilla ut morbi. Diam vel quam elementum pulvinar etiam. Pretium quam vulputate dignissim suspendisse in. Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Et pharetra pharetra massa massa. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam.  
  
</div>  
</div>  
<div style="color:#fff; font-family:calibri; letter-spacing:1px; font-size:10px;">template by bean</div>
</center>

"Lorem ipsum dolor sit amet, consectetur adipiscing elit," sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus. Enim nec dui nunc mattis enim ut tellus elementum. Tristique senectus et netus et malesuada fames ac turpis egestas. Lectus nulla at volutpat diam ut venenatis. Magnis dis parturient montes nascetur ridiculus. Vitae congue mauris rhoncus aenean vel elit. Tortor pretium viverra suspendisse potenti nullam ac tortor. Feugiat pretium nibh ipsum consequat nisl. Donec enim diam vulputate ut pharetra sit. Condimentum vitae sapien pellentesque habitant. Varius morbi enim nunc faucibus a. Magna ac placerat vestibulum lectus mauris ultrices eros in. Ut enim blandit volutpat maecenas volutpat blandit. Sed sed risus pretium quam vulputate dignissim suspendisse. Imperdiet sed euismod nisi porta lorem mollis aliquam.

Curabitur vitae nunc sed velit dignissim sodales ut. At tellus at urna condimentum. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Pretium nibh ipsum consequat nisl vel pretium lectus. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Nulla porttitor massa id neque. Non arcu risus quis varius quam quisque. In aliquam sem fringilla ut morbi. Diam vel quam elementum pulvinar etiam. Pretium quam vulputate dignissim suspendisse in. Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Et pharetra pharetra massa massa. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam.

template by bean

<link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro" rel="stylesheet">
<center>
<div style="width:400px; background:#1a1a1a; box-sizing:border-box; padding:10px; border:1px solid #000;">
<div style="width:120px; height:120px; border-radius:100px; border:1px solid white; background-image:url('http://via.placeholder.com/120x120'); background-size:cover;"></div>
<div style="width:300px; margin-top:5px; box-sizing:border-box; padding:10px; font:10px/1 'source serif pro'; text-align:justify; color:#E0E0E0;">
<span style="font:italic bold 12px/1 'cambria'; color:#HEXCODE; text-shadow:0px 0px 10px #fff;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit,"</span> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus. Enim nec dui nunc mattis enim ut tellus elementum. Tristique senectus et netus et malesuada fames ac turpis egestas. Lectus nulla at volutpat diam ut venenatis. Magnis dis parturient montes nascetur ridiculus. Vitae congue mauris rhoncus aenean vel elit. Tortor pretium viverra suspendisse potenti nullam ac tortor. Feugiat pretium nibh ipsum consequat nisl. Donec enim diam vulputate ut pharetra sit. Condimentum vitae sapien pellentesque habitant. Varius morbi enim nunc faucibus a. Magna ac placerat vestibulum lectus mauris ultrices eros in. Ut enim blandit volutpat maecenas volutpat blandit. Sed sed risus pretium quam vulputate dignissim suspendisse. Imperdiet sed euismod nisi porta lorem mollis aliquam.

Curabitur vitae nunc sed velit dignissim sodales ut. At tellus at urna condimentum. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Pretium nibh ipsum consequat nisl vel pretium lectus. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Nulla porttitor massa id neque. Non arcu risus quis varius quam quisque. In aliquam sem fringilla ut morbi. Diam vel quam elementum pulvinar etiam. Pretium quam vulputate dignissim suspendisse in. Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Et pharetra pharetra massa massa. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam.  
  
</div>  
</div>  
<div style="color:#fff; font-family:calibri; letter-spacing:1px; font-size:10px;">template by bean</div>
</center>

bean's codes ;; rules

- please leave the credit where it is
- these codes are for Sonder use only

editing tips:

> changing block colour:

- ctrl+f "#fccccc" and change it the hexcode of your choice.
this will change the border and the top/bottom

the world...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem. A arcu cursus vitae congue mauris rhoncus. Libero id faucibus nisl tincidunt eget. Diam quam nulla porttitor massa id neque aliquam vestibulum. Dignissim sodales ut eu sem integer vitae. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Tempor orci dapibus ultrices in iaculis nunc sed. Leo in vitae turpis massa sed elementum tempus egestas sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et tortor at risus viverra adipiscing at in. Ultricies leo integer malesuada nunc vel risus commodo. Mi in nulla posuere sollicitudin aliquam ultrices. Urna nunc id cursus metus aliquam eleifend mi in nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Vehicula ipsum a arcu cursus vitae congue.

Ultricies tristique nulla aliquet enim tortor. Neque vitae tempus quam pellentesque nec nam aliquam sem. Laoreet id donec ultrices tincidunt arcu non sodales neque. Netus et malesuada fames ac turpis. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Lacinia quis vel eros donec ac odio tempor orci. Magnis dis parturient montes nascetur ridiculus mus mauris. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Molestie nunc non blandit massa enim nec dui nunc.

Egestas tellus rutrum tellus pellentesque eu tincidunt. Magna eget est lorem ipsum dolor. Et sollicitudin ac orci phasellus. Imperdiet sed euismod nisi porta lorem mollis aliquam ut. Ultrices neque ornare aenean euismod elementum nisi quis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Viverra accumsan in nisl nisi scelerisque eu ultrices. Parturient montes nascetur ridiculus mus. Sed arcu non odio euismod lacinia at quis risus. Odio ut sem nulla pharetra diam. Enim nec dui nunc mattis enim ut tellus elementum.

...shall love her

template by bean

<link href="https://fonts.googleapis.com/css?family=Abel|Cutive+Mono" rel="stylesheet">
<center><div style="width:400px; box-sizing:border-box; background-color:#eee;padding-top:10px;padding-bottom:10px;border:5px outset #fccccc; box-shadow:2px 1px 20px #aaa;"><div style="width:370px;height:50px;box-sizing:border-box; background-color:#fccccc;font:15px/1 'cutive mono', monospace;padding-top:17px; padding-left:30px;color:#888;text-align:left;">the world...</div>
<div style="width:350px; box-sizing:border-box; padding-bottom:10px;"><div style="width:325px;font:10px/1 'abel', sans-serif; text-align:justify; padding:10px;box-sizing:border-box; margin-top:10px; color:#222;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem. A arcu cursus vitae congue mauris rhoncus. Libero id faucibus nisl tincidunt eget. Diam quam nulla porttitor massa id neque aliquam vestibulum. Dignissim sodales ut eu sem integer vitae. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Tempor orci dapibus ultrices in iaculis nunc sed. Leo in vitae turpis massa sed elementum tempus egestas sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et tortor at risus viverra adipiscing at in. Ultricies leo integer malesuada nunc vel risus commodo. Mi in nulla posuere sollicitudin aliquam ultrices. Urna nunc id cursus metus aliquam eleifend mi in nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Vehicula ipsum a arcu cursus vitae congue.

Ultricies tristique nulla aliquet enim tortor. Neque vitae tempus quam pellentesque nec nam aliquam sem. Laoreet id donec ultrices tincidunt arcu non sodales neque. Netus et malesuada fames ac turpis. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Lacinia quis vel eros donec ac odio tempor orci. Magnis dis parturient montes nascetur ridiculus mus mauris. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Molestie nunc non blandit massa enim nec dui nunc.

Egestas tellus rutrum tellus pellentesque eu tincidunt. Magna eget est lorem ipsum dolor. Et sollicitudin ac orci phasellus. Imperdiet sed euismod nisi porta lorem mollis aliquam ut. Ultrices neque ornare aenean euismod elementum nisi quis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Viverra accumsan in nisl nisi scelerisque eu ultrices. Parturient montes nascetur ridiculus mus. Sed arcu non odio euismod lacinia at quis risus. Odio ut sem nulla pharetra diam. Enim nec dui nunc mattis enim ut tellus elementum.
</div></div>
<div style="width:370px; height:50px; box-sizing:border-box;background-color:#fccccc; font:15px/1 'cutive mono', monospace;padding-top:17px; padding-right:30px;color:#888;text-align:right;">...shall love her</div></div>
<div style="color:#fff; font-family:calibri; letter-spacing:1px; font-size:10px;">template by bean</div>
</center>

the world...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem. A arcu cursus vitae congue mauris rhoncus. Libero id faucibus nisl tincidunt eget. Diam quam nulla porttitor massa id neque aliquam vestibulum. Dignissim sodales ut eu sem integer vitae. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Tempor orci dapibus ultrices in iaculis nunc sed. Leo in vitae turpis massa sed elementum tempus egestas sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et tortor at risus viverra adipiscing at in. Ultricies leo integer malesuada nunc vel risus commodo. Mi in nulla posuere sollicitudin aliquam ultrices. Urna nunc id cursus metus aliquam eleifend mi in nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Vehicula ipsum a arcu cursus vitae congue.

Ultricies tristique nulla aliquet enim tortor. Neque vitae tempus quam pellentesque nec nam aliquam sem. Laoreet id donec ultrices tincidunt arcu non sodales neque. Netus et malesuada fames ac turpis. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Lacinia quis vel eros donec ac odio tempor orci. Magnis dis parturient montes nascetur ridiculus mus mauris. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Molestie nunc non blandit massa enim nec dui nunc.

Egestas tellus rutrum tellus pellentesque eu tincidunt. Magna eget est lorem ipsum dolor. Et sollicitudin ac orci phasellus. Imperdiet sed euismod nisi porta lorem mollis aliquam ut. Ultrices neque ornare aenean euismod elementum nisi quis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Viverra accumsan in nisl nisi scelerisque eu ultrices. Parturient montes nascetur ridiculus mus. Sed arcu non odio euismod lacinia at quis risus. Odio ut sem nulla pharetra diam. Enim nec dui nunc mattis enim ut tellus elementum.

...shall love her

template by bean

<link href="https://fonts.googleapis.com/css?family=Abel|Cutive+Mono" rel="stylesheet">
<center><div style="width:400px; box-sizing:border-box; background-color:#eee;padding-top:10px;padding-bottom:10px;border:5px outset #fccccc;"><div style="width:370px;height:50px;box-sizing:border-box; background-color:#fccccc;font:15px/1 'cutive mono', monospace;padding-top:17px; padding-left:30px;color:#888;text-align:left;">the world...</div>
<div style="width:350px; box-sizing:border-box; padding-bottom:10px;"><div style="width:325px;font:10px/1 'abel', sans-serif; text-align:justify; padding:10px;box-sizing:border-box; margin-top:10px; color:#222;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas erat imperdiet sed euismod nisi porta lorem. A arcu cursus vitae congue mauris rhoncus. Libero id faucibus nisl tincidunt eget. Diam quam nulla porttitor massa id neque aliquam vestibulum. Dignissim sodales ut eu sem integer vitae. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Tempor orci dapibus ultrices in iaculis nunc sed. Leo in vitae turpis massa sed elementum tempus egestas sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Et tortor at risus viverra adipiscing at in. Ultricies leo integer malesuada nunc vel risus commodo. Mi in nulla posuere sollicitudin aliquam ultrices. Urna nunc id cursus metus aliquam eleifend mi in nulla. Consectetur adipiscing elit pellentesque habitant morbi tristique senectus et netus. Vehicula ipsum a arcu cursus vitae congue.

Ultricies tristique nulla aliquet enim tortor. Neque vitae tempus quam pellentesque nec nam aliquam sem. Laoreet id donec ultrices tincidunt arcu non sodales neque. Netus et malesuada fames ac turpis. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Lacinia quis vel eros donec ac odio tempor orci. Magnis dis parturient montes nascetur ridiculus mus mauris. Lorem donec massa sapien faucibus et molestie ac feugiat sed. Molestie nunc non blandit massa enim nec dui nunc.

Egestas tellus rutrum tellus pellentesque eu tincidunt. Magna eget est lorem ipsum dolor. Et sollicitudin ac orci phasellus. Imperdiet sed euismod nisi porta lorem mollis aliquam ut. Ultrices neque ornare aenean euismod elementum nisi quis. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Viverra accumsan in nisl nisi scelerisque eu ultrices. Parturient montes nascetur ridiculus mus. Sed arcu non odio euismod lacinia at quis risus. Odio ut sem nulla pharetra diam. Enim nec dui nunc mattis enim ut tellus elementum.
</div></div>
<div style="width:370px; height:50px; box-sizing:border-box;background-color:#fccccc; font:15px/1 'cutive mono', monospace;padding-top:17px; padding-right:30px;color:#888;text-align:right;">...shall love her</div></div>
<div style="color:#fff; font-family:calibri; letter-spacing:1px; font-size:10px;">template by bean</div>
</center>

bean's codes ;; rules

- please leave the credit where it is
- these codes are for Sonder use only

editing tips:

> changing font colour:

- replace #HEXCODE with the one you want. make sure not to leave out the #!

spring dew,
of a soft sort.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla aliquet porttitor lacus luctus accumsan tortor. Ullamcorper eget nulla facilisi etiam dignissim. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Quis risus sed vulputate odio ut. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Pulvinar pellentesque habitant morbi tristique senectus et netus. Porta nibh venenatis cras sed felis eget velit. Vel fringilla est ullamcorper eget nulla. Et malesuada fames ac turpis egestas sed tempus urna et. Fusce ut placerat orci nulla pellentesque dignissim enim. At consectetur lorem donec massa sapien. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Ultricies mi eget mauris pharetra et ultrices neque ornare. Urna duis convallis convallis tellus id interdum.

Tristique risus nec feugiat in fermentum posuere. Amet justo donec enim diam vulputate ut. Cursus sit amet dictum sit amet justo donec. Leo duis ut diam quam nulla porttitor. Lacus viverra vitae congue eu consequat ac felis donec et. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Sed id semper risus in hendrerit gravida rutrum quisque. Tempor orci dapibus ultrices in iaculis nunc sed augue. Volutpat ac tincidunt vitae semper quis lectus nulla at. Eleifend mi in nulla posuere. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. In massa tempor nec feugiat nisl pretium fusce id. Sodales ut eu sem integer vitae justo eget. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Tincidunt nunc pulvinar sapien et.

Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Cras pulvinar mattis nunc sed. Leo duis ut diam quam nulla porttitor massa. In hac habitasse platea dictumst vestibulum rhoncus. Consectetur adipiscing elit duis tristique. At urna condimentum mattis pellentesque id. Vel eros donec ac odio. Magnis dis parturient montes nascetur. Vitae auctor eu augue ut lectus arcu bibendum. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Malesuada proin libero nunc consequat interdum varius sit. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Lacus viverra vitae congue eu consequat ac felis. Bibendum arcu vitae elementum curabitur vitae nunc sed velit. Sed sed risus pretium quam vulputate dignissim suspendisse. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nunc consequat interdum varius sit amet mattis vulputate. Viverra suspendisse potenti nullam ac tortor.

template by bean

<style>.dfreebtext speech { color: #HEXCODE; text-shadow: 0px 0px 5px #HEXCODE; }</style>
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Playfair+Display" rel="stylesheet">
<div class="dfreebbox">
   <div class="dfreebcharwords">spring dew,
     of a soft sort.</div>
   <div class="dfreebtextbox">
      <div class="dfreebtext">
         <speech>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</speech> Nulla aliquet porttitor lacus luctus accumsan tortor. Ullamcorper eget nulla facilisi etiam dignissim. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Quis risus sed vulputate odio ut. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Pulvinar pellentesque habitant morbi tristique senectus et netus. Porta nibh venenatis cras sed felis eget velit. Vel fringilla est ullamcorper eget nulla. Et malesuada fames ac turpis egestas sed tempus urna et. Fusce ut placerat orci nulla pellentesque dignissim enim. At consectetur lorem donec massa sapien. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Ultricies mi eget mauris pharetra et ultrices neque ornare. Urna duis convallis convallis tellus id interdum.

Tristique risus nec feugiat in fermentum posuere. Amet justo donec enim diam vulputate ut. Cursus sit amet dictum sit amet justo donec. Leo duis ut diam quam nulla porttitor. Lacus viverra vitae congue eu consequat ac felis donec et. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Sed id semper risus in hendrerit gravida rutrum quisque. Tempor orci dapibus ultrices in iaculis nunc sed augue. Volutpat ac tincidunt vitae semper quis lectus nulla at. Eleifend mi in nulla posuere. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. In massa tempor nec feugiat nisl pretium fusce id. Sodales ut eu sem integer vitae justo eget. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Tincidunt nunc pulvinar sapien et.

Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Cras pulvinar mattis nunc sed. Leo duis ut diam quam nulla porttitor massa. In hac habitasse platea dictumst vestibulum rhoncus. Consectetur adipiscing elit duis tristique. At urna condimentum mattis pellentesque id. Vel eros donec ac odio. Magnis dis parturient montes nascetur. Vitae auctor eu augue ut lectus arcu bibendum. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Malesuada proin libero nunc consequat interdum varius sit. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Lacus viverra vitae congue eu consequat ac felis. Bibendum arcu vitae elementum curabitur vitae nunc sed velit. Sed sed risus pretium quam vulputate dignissim suspendisse. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nunc consequat interdum varius sit amet mattis vulputate. Viverra suspendisse potenti nullam ac tortor.
      </div></div></div>
<center><div style="font:10px/1 'calibri';">template by bean</div></center>

honeysuckle
for your pleasant dreams.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla aliquet porttitor lacus luctus accumsan tortor. Ullamcorper eget nulla facilisi etiam dignissim. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Quis risus sed vulputate odio ut. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Pulvinar pellentesque habitant morbi tristique senectus et netus. Porta nibh venenatis cras sed felis eget velit. Vel fringilla est ullamcorper eget nulla. Et malesuada fames ac turpis egestas sed tempus urna et. Fusce ut placerat orci nulla pellentesque dignissim enim. At consectetur lorem donec massa sapien. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Ultricies mi eget mauris pharetra et ultrices neque ornare. Urna duis convallis convallis tellus id interdum.

Tristique risus nec feugiat in fermentum posuere. Amet justo donec enim diam vulputate ut. Cursus sit amet dictum sit amet justo donec. Leo duis ut diam quam nulla porttitor. Lacus viverra vitae congue eu consequat ac felis donec et. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Sed id semper risus in hendrerit gravida rutrum quisque. Tempor orci dapibus ultrices in iaculis nunc sed augue. Volutpat ac tincidunt vitae semper quis lectus nulla at. Eleifend mi in nulla posuere. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. In massa tempor nec feugiat nisl pretium fusce id. Sodales ut eu sem integer vitae justo eget. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Tincidunt nunc pulvinar sapien et.

Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Cras pulvinar mattis nunc sed. Leo duis ut diam quam nulla porttitor massa. In hac habitasse platea dictumst vestibulum rhoncus. Consectetur adipiscing elit duis tristique. At urna condimentum mattis pellentesque id. Vel eros donec ac odio. Magnis dis parturient montes nascetur. Vitae auctor eu augue ut lectus arcu bibendum. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Malesuada proin libero nunc consequat interdum varius sit. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Lacus viverra vitae congue eu consequat ac felis. Bibendum arcu vitae elementum curabitur vitae nunc sed velit. Sed sed risus pretium quam vulputate dignissim suspendisse. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nunc consequat interdum varius sit amet mattis vulputate. Viverra suspendisse potenti nullam ac tortor.

template by bean

<style>.lfreebtext speech { color: #HEXCODE; text-shadow: 0px 0px 5px #HEXCODE; }</style>
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Playfair+Display" rel="stylesheet">
<div class="lfreebbox">
   <div class="lfreebcharwords">honeysuckle
      for your pleasant dreams.</div>
   <div class="lfreebtextbox">
      <div class="lfreebtext">
         <speech>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</speech> Nulla aliquet porttitor lacus luctus accumsan tortor. Ullamcorper eget nulla facilisi etiam dignissim. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Quis risus sed vulputate odio ut. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Pulvinar pellentesque habitant morbi tristique senectus et netus. Porta nibh venenatis cras sed felis eget velit. Vel fringilla est ullamcorper eget nulla. Et malesuada fames ac turpis egestas sed tempus urna et. Fusce ut placerat orci nulla pellentesque dignissim enim. At consectetur lorem donec massa sapien. Habitasse platea dictumst vestibulum rhoncus est pellentesque. Ultricies mi eget mauris pharetra et ultrices neque ornare. Urna duis convallis convallis tellus id interdum.

Tristique risus nec feugiat in fermentum posuere. Amet justo donec enim diam vulputate ut. Cursus sit amet dictum sit amet justo donec. Leo duis ut diam quam nulla porttitor. Lacus viverra vitae congue eu consequat ac felis donec et. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Sed id semper risus in hendrerit gravida rutrum quisque. Tempor orci dapibus ultrices in iaculis nunc sed augue. Volutpat ac tincidunt vitae semper quis lectus nulla at. Eleifend mi in nulla posuere. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. In massa tempor nec feugiat nisl pretium fusce id. Sodales ut eu sem integer vitae justo eget. Felis bibendum ut tristique et egestas quis ipsum suspendisse. Tincidunt nunc pulvinar sapien et.

Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Cras pulvinar mattis nunc sed. Leo duis ut diam quam nulla porttitor massa. In hac habitasse platea dictumst vestibulum rhoncus. Consectetur adipiscing elit duis tristique. At urna condimentum mattis pellentesque id. Vel eros donec ac odio. Magnis dis parturient montes nascetur. Vitae auctor eu augue ut lectus arcu bibendum. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Malesuada proin libero nunc consequat interdum varius sit. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Lacus viverra vitae congue eu consequat ac felis. Bibendum arcu vitae elementum curabitur vitae nunc sed velit. Sed sed risus pretium quam vulputate dignissim suspendisse. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Nunc consequat interdum varius sit amet mattis vulputate. Viverra suspendisse potenti nullam ac tortor.
      </div></div></div>
<center><div style="font:10px/1 'calibri';">template by bean</div></center>

ahhh, free table!
the image is interchangeable with whatever you want!
please insert your character's name wherever it says NAME in the code.
the color of the speech text can change as well, edit the h tag!
keep the credit! otherwise, go crazy, I don't mind edits either.
— bunny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum convallis congue mauris, sed ornare nunc. Integer sollicitudin nunc sed ultricies venenatis. Vestibulum sagittis, lorem ut luctus laoreet, sapien diam ultrices libero, nec ultricies enim felis id ante. Nulla sed turpis porttitor, elementum dolor at, bibendum dui. Curabitur velit tellus, dictum non pellentesque nec, fringilla pharetra odio. Phasellus ultricies ante erat, ultricies consequat purus efficitur nec. Integer congue lectus sit amet risus pretium rutrum.

Cras metus felis, laoreet vitae diam quis, pellentesque viverra ipsum. Duis luctus magna non mi feugiat, ut egestas lectus tempus. Mauris fringilla eros id leo interdum, sit amet commodo sem egestas. Aliquam in dolor turpis. Mauris id libero et justo vehicula placerat nec in metus. Nam porttitor ultricies urna eu dignissim. Maecenas sollicitudin nulla tortor, at ultricies magna pretium in. Morbi ut velit ultrices diam dictum tempor ut sed nulla. Morbi a commodo velit, ac molestie mi. Fusce congue erat massa, ut semper metus feugiat accumsan. Nulla dapibus metus a odio efficitur, non consequat felis fermentum. In eu nunc pulvinar, vehicula leo nec, molestie ex.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

table ; bunny

<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap" rel="stylesheet">

<style>#NAMEcornertable { background: rgba(7, 7, 7, 0.2); overflow: auto; width: 600px; padding: 10px 0; margin-top: 10px; } .NAMEcornerborderbox { background: none; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid;  width: 450px; margin-top: -15px; } .NAMEcornercontent { background: rgba(20, 20, 20, 1); width: 425px; padding: 75px; text-align: justify; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; border-image: linear-gradient(to bottom, white, rgba(0, 0, 0, 0)) 1 100%; display: block; margin-left: -63px; color: #bbbbbb; font-family: 'Nanum Gothic', sans-serif; font-size: 10px; padding-top: 100px; letter-spacing: 0.3px; } .NAMEcorner-image img { background-image: url('https://imgur.com/JSTunFU.png'); border-radius: 300px; background-size: cover; display: block; position: absolute; margin-top: -100px; margin-left: 210px; border: 7px solid rgba(0,0,0, 0.8); background-clip: padding-box; transition: all .2s ease-in-out; } .NAMEcornercontent h { font-family: 'Libre Baskerville', serif; text-transform: lowercase; font-style: italic; font-size: 13px; font-weight: bold; color: #e2e2e2; } .NAMEcorner-image img:hover { transform: scale(1.1); }</style>

<center>
<div id="NAMEcornertable">
<center><div class="NAMEcorner-image"><img src="https://imgur.com/JSTunFU.png" width="155" height="155"></div></center>
<div class="NAMEcornerborderbox">
<div class="NAMEcornercontent">
<h>Lorem ipsum dolor sit amet,</h> consectetur adipiscing elit. Vestibulum convallis congue mauris, sed ornare nunc. Integer sollicitudin nunc sed ultricies venenatis. Vestibulum sagittis, lorem ut luctus laoreet, sapien diam ultrices libero, nec ultricies enim felis id ante. Nulla sed turpis porttitor, elementum dolor at, bibendum dui. Curabitur velit tellus, dictum non pellentesque nec, fringilla pharetra odio. Phasellus ultricies ante erat, ultricies consequat purus efficitur nec. Integer congue lectus sit amet risus pretium rutrum.

Cras metus felis, laoreet vitae diam quis, pellentesque viverra ipsum. Duis luctus magna non mi feugiat, ut egestas lectus tempus. Mauris fringilla eros id leo interdum, sit amet commodo sem egestas. Aliquam in dolor turpis. Mauris id libero et justo vehicula placerat nec in metus. Nam porttitor ultricies urna eu dignissim. Maecenas sollicitudin nulla tortor, at ultricies magna pretium in. Morbi ut velit ultrices diam dictum tempor ut sed nulla. Morbi a commodo velit, ac molestie mi. Fusce congue erat massa, ut semper metus feugiat accumsan. Nulla dapibus metus a odio efficitur, non consequat felis fermentum. In eu nunc pulvinar, vehicula leo nec, molestie ex.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

</div>
</div>
</div>
<span style="font-size: 7px; font-family: 'Libre Baskerville', serif; text-transform: lowercase; color: #c9c9c9; font-style: normal;"><i>table</i> ; <i>bunny</i></span>
</center>

ahhh, free table!
the image is interchangeable with whatever you want!
please insert your character's name wherever it says NAME in the code.
the color of the speech text can change as well, edit the h tag!
keep the credit! otherwise, go crazy, I don't mind edits either.
— bunny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum convallis congue mauris, sed ornare nunc. Integer sollicitudin nunc sed ultricies venenatis. Vestibulum sagittis, lorem ut luctus laoreet, sapien diam ultrices libero, nec ultricies enim felis id ante. Nulla sed turpis porttitor, elementum dolor at, bibendum dui. Curabitur velit tellus, dictum non pellentesque nec, fringilla pharetra odio. Phasellus ultricies ante erat, ultricies consequat purus efficitur nec. Integer congue lectus sit amet risus pretium rutrum.

Cras metus felis, laoreet vitae diam quis, pellentesque viverra ipsum. Duis luctus magna non mi feugiat, ut egestas lectus tempus. Mauris fringilla eros id leo interdum, sit amet commodo sem egestas. Aliquam in dolor turpis. Mauris id libero et justo vehicula placerat nec in metus. Nam porttitor ultricies urna eu dignissim. Maecenas sollicitudin nulla tortor, at ultricies magna pretium in. Morbi ut velit ultrices diam dictum tempor ut sed nulla. Morbi a commodo velit, ac molestie mi. Fusce congue erat massa, ut semper metus feugiat accumsan. Nulla dapibus metus a odio efficitur, non consequat felis fermentum. In eu nunc pulvinar, vehicula leo nec, molestie ex.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

table ; bunny

<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap" rel="stylesheet">

<style> .overlay-box { background-color: #f5f5f5; height: 100%; background-repeat: no-repeat; background-size: cover; width: 500px; margin: auto; padding: 15px; margin-top: -20px;  } .overlay-box:hover .NAMEdesc, .overlay-box:focus .NAMEdesc { opacity: 1; } .overlay-box .NAMEdesc { opacity: 0; min-height: 355px; font-size: 1rem; text-align: justify; color: #bbbbbb; font-family: 'Nanum Gothic', sans-serif; font-size: 10px; letter-spacing: 0.3px; overflow-x: hidden; padding-right: 10px; max-height: 400px; overflow-y: scroll; padding: 30px 25px 20px; height: 100%; transition: all 0.9s ease; background: rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 10px #060505; } .NAMEdesc h { font-family: 'Libre Baskerville', serif; text-transform: lowercase; font-style: italic; font-size: 13px; font-weight: bold; color: #e2e2e2; } .NAMEdesc::-webkit-scrollbar-thumb { background: #e2e2e2; border: 1px solid #1a1818; } .NAMEdesc::-webkit-scrollbar { background: #1a1818; border: none; width: 4px; height: 4px; } </style>

<div class="overlay-box" style="background-image: url('https://imgur.com/VcUwvKG.jpg');"><div class="NAMEdesc">
<h>Lorem ipsum dolor sit amet,</h> consectetur adipiscing elit. Vestibulum convallis congue mauris, sed ornare nunc. Integer sollicitudin nunc sed ultricies venenatis. Vestibulum sagittis, lorem ut luctus laoreet, sapien diam ultrices libero, nec ultricies enim felis id ante. Nulla sed turpis porttitor, elementum dolor at, bibendum dui. Curabitur velit tellus, dictum non pellentesque nec, fringilla pharetra odio. Phasellus ultricies ante erat, ultricies consequat purus efficitur nec. Integer congue lectus sit amet risus pretium rutrum.

Cras metus felis, laoreet vitae diam quis, pellentesque viverra ipsum. Duis luctus magna non mi feugiat, ut egestas lectus tempus. Mauris fringilla eros id leo interdum, sit amet commodo sem egestas. Aliquam in dolor turpis. Mauris id libero et justo vehicula placerat nec in metus. Nam porttitor ultricies urna eu dignissim. Maecenas sollicitudin nulla tortor, at ultricies magna pretium in. Morbi ut velit ultrices diam dictum tempor ut sed nulla. Morbi a commodo velit, ac molestie mi. Fusce congue erat massa, ut semper metus feugiat accumsan. Nulla dapibus metus a odio efficitur, non consequat felis fermentum. In eu nunc pulvinar, vehicula leo nec, molestie ex.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.

Pellentesque porttitor, urna vel luctus vulputate, dui nibh congue arcu, et suscipit nulla dui eget felis. Phasellus posuere ex finibus lacinia placerat. Suspendisse sed mattis enim. Phasellus massa lacus, viverra in eros at, venenatis egestas nibh. Praesent porttitor eget eros sit amet accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis lacus ut orci rutrum, vitae rhoncus nisi viverra. Nullam sed interdum nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat, ligula mattis rutrum rhoncus, nibh lacus tempus sapien, sagittis volutpat neque dolor maximus ex. Duis ornare felis eget magna sodales, sed pulvinar nulla faucibus. Aliquam sit amet bibendum tellus. Maecenas eu dictum neque, id sodales odio. Cras interdum sodales augue at accumsan.
  </div>
</div>
<center><div style="font-size: 7px; font-family: 'Libre Baskerville', serif; text-transform: lowercase; color: #c9c9c9; font-style: normal; padding-top: 5px;"><i>table</i> ; <i>bunny</i></div></center>

L orem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas magna et metus finibus aliquet. Aliquam quis mollis ipsum. Ut ac mauris eget enim blandit rutrum. Nullam id purus maximus, fermentum felis eget, molestie lectus. Vestibulum sed diam id nulla posuere rhoncus sit amet ac enim. Donec id enim non libero hendrerit eleifend eget a odio. Proin rutrum pulvinar nisi, sit amet gravida sapien pharetra sed.

Aliquam eget vulputate orci. Nullam tempus bibendum ante ac feugiat. Proin vitae sem eget tortor gravida sagittis ac ultrices leo. Proin suscipit fringilla nisl non lobortis. Nullam sed felis et erat iaculis pharetra id nec odio. Nam eleifend mauris sed lacus accumsan porta. Donec diam orci, dapibus eu turpis dignissim, interdum congue dui. In vitae diam sed nunc viverra bibendum in sed risus. Curabitur finibus, lectus et sagittis feugiat, turpis velit egestas arcu, eu efficitur velit magna ac odio. Aenean facilisis consectetur tortor at suscipit. Proin a justo augue. Ut euismod felis semper sem tempor, at fermentum metus commodo.

Duis at volutpat enim, sit amet iaculis dolor. Sed ut vehicula nunc. Suspendisse bibendum, turpis nec viverra aliquam, tortor orci pellentesque ante, sit amet tempus arcu lorem non lorem. Vivamus elementum a felis a consectetur. Fusce sit amet egestas mi, non condimentum odio. Pellentesque porttitor libero velit, non fringilla purus vehicula eu.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla convallis neque id metus sodales, et blandit purus facilisis. Phasellus sit amet euismod sapien. Quisque faucibus aliquet scelerisque. Etiam egestas, libero sit amet interdum efficitur, nibh enim placerat lectus, ut finibus enim arcu pretium arcu. Vestibulum eros sapien, efficitur vel pretium eu, pellentesque ut metus. Vivamus pellentesque urna sem, a vulputate neque viverra eu. Ut vitae dui ut risus hendrerit ornare. Curabitur condimentum euismod ante, a ullamcorper urna blandit quis. Nulla facilisi.


"speech"

@TAGGEDNAME

<center><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Parisienne&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap" rel="stylesheet"><div style="border:solid 1px; width:400px; padding:45px; font-family:calibri; font-size:12px; text-align:justify;">

  <span style="font-size:80px; float:left; margin-right:20px;font-family: 'Parisienne', cursive; border-right:1px solid;border-bottom:1px solid; width:90px; opacity:0.4;">P</span> ost here


<center><span style="font-family:times new roman;font-style:italic;color:#HEXCODE;"><b>"speech"</b></span></center>
  </div>
  <span style="font-size:40px;font-family: 'Cinzel', serif;">@TAGGEDNAME</span></center>

mephistocodes

you may edit the code however you choose
you are not allowed to remove my signature.

meph

@mephisto

lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. from its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage. lorem ipsum began as scrambled, nonsensical latin derived from cicero's 1st-century bc text de finibus bonorum et malorum. creation timelines for the standard lorem ipsum passage vary, with some citing the 15th century and others the 20th.

so how did the classical latin become so incoherent? according to mcclintock, a 15th century typesetter likely scrambled part of cicero's de finibus in order to provide placeholder text to mockup various fonts for a type specimen book. it's difficult to find examples of lorem ipsum in use before letraset made it popular as a dummy text in the 1960s, although mcclintock says he remembers coming across the lorem ipsum passage in a book of old metal type samples. so far he hasn't relocated where he once saw the passage, but the popularity of cicero in the 15th century supports the theory that the filler text has been used for centuries.

and anyways, as cecil adams reasoned, [do you really] think graphic arts supply houses were hiring classics scholars in the 1960s? perhaps. but it seems reasonable to imagine that there was a version in use far before the age of letraset.

as an alternative theory, (and because latin scholars do this sort of thing) someone tracked down a 1914 latin edition of de finibus which challenges mcclintock's 15th century claims and suggests that the dawn of lorem ipsum was as recent as the 20th century. the 1914 loeb classical library edition ran out of room on page 34 for the latin phrase “dolorem ipsum” (sorrow in itself). thus, the truncated phrase leaves one page dangling with “do-”, while another begins with the now ubiquitous “lorem ipsum”. whether a medieval typesetter chose to garble a well-known (but non-biblical—that would have been sacrilegious) text, or whether a quirk in the 1914 loeb edition inspired a graphic designer, it's admittedly an odd way for cicero to sail into the 21st century.

lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.

<style>@keyframes twistingAround { from { transform:rotate(0deg); } to { transform:rotate(360deg) }} #SONDERS { background:transparent; width:500px; height:auto; margin:auto } #SONDERS .pic { transition:.7s 2s; background:url('https://images.unsplash.com/photo-1556139954-ec19cce61d61?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80'); background-size:150%; background-repeat:no-repeat; width:300px; height:300px; position:relative; z-index:2; border-radius:100%; margin:auto; animation:twistingAround linear 20s infinite } #SONDERS:hover .pic { transition:.7s ease; width:250px; height:250px; } #SONDERS .text { transition:.7s 2s; overflow:auto; width:40%; height:50px; margin-left:auto; margin-right:auto; margin-bottom:50px; position:relative; z-index:1; top:-150px; font-family:'Poppins'; font-size:10px; text-transform:lowercase; text-align:justify; line-height:120% } #SONDERS .text b { font-size:150%; color:#D63D13; line-height:110% } #SONDERS:hover .text { transition:.7s 1s; height:300px; top:15px; } #SONDERS .text::-webkit-scrollbar { width:0px } #SONDERS .tag { transition:.7s 2s; background:#050F19; width:100px; position:relative; z-index:3; top:-150px; left:40%; padding:5px 0px; font-family:'Josefin Sans'; font-size:10px; color:#D63D13; text-align:center; text-transform:uppercase } #SONDERS:hover .tag { transition:.7s ease; top:-125px; } #SONDERS .tag a { color:#FFF; text-decoration:none; letter-spacing:0px !important } #SONDERS .tag span { font-family:'Josefin Sans'; font-style:normal; color:#FFF; text-shadow:0px !important } .mephistocodes { font-family:'Arial'; font-size:5.5px; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:1.5px } .mephistocodes a { color:inherit; text-decoration:none } </style> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&family=Poppins:wght@400;600&display=swap" rel="stylesheet"> <div class="mephistocodes"><a href="https://mephistocodes.tumblr.com/" target="_blank">meph</a></div> <div id="SONDERS"> <div class="pic"></div> <div class="tag">@"Mephisto"</div> <div class="text">lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. from its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage. lorem ipsum began as scrambled, nonsensical latin derived from cicero's 1st-century bc text <u>de finibus bonorum et malorum</u>. creation timelines for the standard lorem ipsum passage vary, with some citing the 15th century and others the 20th. <p> <b>so how did the classical latin become so incoherent?</b> according to mcclintock, a 15th century typesetter likely scrambled part of cicero's de finibus in order to provide placeholder text to mockup various fonts for a type specimen book. it's difficult to find examples of lorem ipsum in use before letraset made it popular as a dummy text in the 1960s, although <a href="">mcclintock</a> says he <i>remembers</i> coming across the lorem ipsum passage in a book of old metal type samples. so far he hasn't relocated where he once saw the passage, but the popularity of cicero in the 15th century supports the theory that the filler text has been used for centuries. <p> and anyways, as cecil adams reasoned, <b>[do you really] think graphic arts supply houses were hiring classics scholars in the 1960s?</b> perhaps. but it seems reasonable to imagine that there was a version in use far before the age of letraset.<p>as an alternative theory, (and because latin scholars do this sort of thing) someone tracked down a 1914 latin edition of de finibus which challenges mcclintock's 15th century claims and suggests that the dawn of lorem ipsum was as recent as the 20th century. the 1914 loeb classical library edition ran out of room on page 34 for the latin phrase “dolorem ipsum” (sorrow in itself). thus, the truncated phrase leaves one page dangling with “do-”, while another begins with the now ubiquitous “lorem ipsum”. whether a medieval typesetter chose to garble a well-known (but non-biblical—that would have been sacrilegious) text, or whether a quirk in the 1914 loeb edition inspired a graphic designer, it's admittedly an odd way for cicero to sail into the 21st century.<p><i>lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</i></div> </div>