Free to Use Tables

Feel free to take any of the codes below and customize them to your heart's content! No credit to me is needed, but please (per both common courtesy and the site rules) credit the source of any art/photos/textures/assets.

If you have any questions on how to use or customize these, please don't hesitate to DM me on Discord! (I'm raezorbeam) I love helping with this sort of stuff so don't be afraid to ask <3 I also haunt the Coding Resources channel on the community Discord ;D

Any user is welcome and encouraged to add to this pinned thread. You can also start a thread of your own, whatever floats your boat! <3


[This is a placeholder for an index and a list of resources, once I get my act together :3]

TABLE #1:

Code:

<div style="width:70%;margin: auto;border-radius:15px;text-align:center;">
<div style="border: 1px solid var(--faded); border-radius:15px;margin-bottom:15px;width:100%;height:700px;background-image:url('[DIRECT LINK TO YOUR IMAGE HERE, THEN DELETE THE SQUARE BRACKETS]');background-size: cover;background-position:center;"></div>
    <div style="border: 1px solid var(--faded);border-radius:15px;text-align:justify;margin-bottom:5px;padding:10%; background: var(--faded);">
    <div style="text-align:center;letter-spacing:1px;font-size:12pt;">optional header goes caw-caw</div>
<br /><br />
post here!
<br /><br />
<div style="text-align:center;letter-spacing:1px;font-size:12pt;">footer goes oink</div>
</div>
Art credit, tag, OOC note, etc
</div>

TABLE #1 SAMPLE:

   

   

This table has an image on top and a post table below. It should adapt nicely to either light or dark modes, and any screen size.


TIP: the image you use should adapt to fit the width of the table. But you may want to adjust where it says "height:700px;" to a height that looks best for your image.

Art by Midjourney

TABLE #2

Code:

<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=Lora" rel="stylesheet">

<div style="width:70%;margin: auto;background-color:var(--faded)[CHANGE "var(--faded)" TO WHATEVER BACKGROUND COLOR YOU WANT];font-family:'Lora',serif;font-size:9pt;">
    <img src="[IMAGE URL]" width="100%"/>
<div style="text-align:justify;padding:10%;padding-top:0%;">
    <div style="text-align:center;letter-spacing:1px;font-size:12pt;">header goes caw-caw</div>
<br /><br />
post here!
<br /><br />
<div style="text-align:center;letter-spacing:1px;font-size:12pt;">footer goes oink</div>
</div>
<div style="text-align:right;padding:5px;">Art credit, tag, OOC note, etc</div>
</div>

TABLE #2 SAMPLE

table numba two

This table's colors ALSO change with light/dark mode, but the bg color can be changed by replacing "var(--faded);" with your background color of choice. If you change the default background colors, you may also want to change the text color by adding "color:[HEX # OF COLOR YOU WANT];" to the first div.

Art by Midjourney

TABLE 3

Code:

<div style="width:70%;margin: auto;box-sizing:border-box;background-image:url('https://images.unsplash.com/photo-1571741444180-02349d583e70?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');background-attachment:fixed;background-position: center; background-size:auto;padding:5%;color:#000;text-align:justify;">
<div style="background-color:#ffffff90; width: 90%;padding:5%;padding-bottom:0%;border:1px solid black;"><div style="width:100%;text-align:center;font-size:14pt;letter-spacing:3px;">if you want a header</div>
<br /><br />
post!
</div>
</div>
<div style="text-align:center;">OOC: tag, credit, etc</div>

TABLE 3 SAMPLE:

TABLE #3

This table has a fixed background, please have fun choosing something that fits your character! There is a semitransparent inner div with a 1 px solid black border, the opacity can be changed with the last two digits in the section "background-color:#ffffff90" - if you remove the 90, the inner div will be solid white. Play around with it to test visibility!

It looks real small rn but it will expand in height to fit your post.

Try adding a curved border by adding "border-radius:15px;" (or any other size px) to the first and second div! And if the moving background bugs you, just remove "background-attachment:fixed;".

OOC: tag, credit, etc

TABLE #4

Code:

<div style="width:70%;margin: auto;padding:5%;background-color:#fff;color:#000;text-align:justify;"><div style="width:100%;padding-bottom:25px;text-align:center;font-size:14pt;letter-spacing:3px;">a header could go here</div>
<div style="float: left; width:40%;text-align:center;"><img src="[YOUR IMAGE URL HERE]" width="100%" />space for a lil nugget</div>
post
</div>
<div style="text-align:center;">OOC, tag, art credit, etc</div>

TABLE #4 SAMPLE

TABLE #4

"I like cheese"

This is a simple little table, ideal for an image with a solid background or a transparent background. Change the background color by modifying the color code where it says: "background-color:#fff;". Change the font color where it says: "color:#000;". Change the image size where it says: "width:40%;". If you need more/less space between the image and the text, adjust the "padding-right" and "padding-bottom" values. I am going to lorem for a bit now so you can see how the text wraps:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis ultrices arcu. Phasellus hendrerit aliquet suscipit. Integer dictum, velit sed vestibulum efficitur, enim odio ultrices purus, id laoreet lorem nunc in leo. Nunc blandit malesuada justo, nec pharetra arcu iaculis et. Duis eu dui sollicitudin, semper massa eget, tincidunt nunc. Etiam non elit semper, blandit mauris vitae, pellentesque ex. Pellentesque eget nulla tempor, condimentum libero nec, facilisis dolor. Nullam hendrerit orci sed luctus rutrum. Cras eu vehicula ipsum. Donec augue est, tincidunt sit amet mattis accumsan, venenatis at sem. Donec id sem iaculis, ullamcorper diam eu, faucibus nibh. Mauris pulvinar mauris in molestie egestas. Curabitur commodo nunc vitae metus posuere, a ornare nibh ultricies. Nunc at eros nisl. Fusce nec lectus lacinia, cursus mi sed, luctus elit. Duis ut erat lobortis, rhoncus metus eu, hendrerit elit.

In laoreet, enim vitae eleifend aliquam, ex nulla luctus felis, nec eleifend metus nibh in nisi. In dictum sapien quis ipsum blandit tempus. Mauris ut viverra diam. Mauris leo eros, facilisis a dignissim id, euismod id nibh. Cras laoreet lobortis nisl, id malesuada eros tempus et. Morbi vulputate diam metus, sed sagittis lectus facilisis ullamcorper. Praesent ut ullamcorper elit. Donec eget erat quis diam porttitor viverra.

Suspendisse vehicula tortor dapibus est finibus condimentum. Aenean id turpis elit. Nulla in metus ac lacus pharetra condimentum sed vel nisi. Donec scelerisque ipsum nec interdum venenatis. Suspendisse non erat at lacus tincidunt imperdiet. Mauris aliquet eros et enim sagittis ullamcorper. Suspendisse non sagittis ligula, non cursus orci.

Curabitur porta justo dui, euismod pulvinar elit ornare vulputate. In ornare pulvinar diam sodales tempus. Nulla blandit pretium est, in bibendum ligula tincidunt eget. Nulla auctor neque sapien, ut ornare velit finibus sed. Sed nunc justo, suscipit ut dictum eget, cursus imperdiet libero. Etiam venenatis massa sed quam sodales fermentum. Vestibulum condimentum mattis eros, vel tincidunt augue. In hac habitasse platea dictumst. Aliquam placerat suscipit sapien vel pulvinar. Cras ac facilisis massa.

art from midjourney

TABLE #5:

Code:

<div style="width:90%;height:570px;background-image:var(--texture);background-size: cover;"><div style="width:40%;height:100%;float:left;background-image:url('[URL]');background-repeat:no-repeat;background-position: center;background-size: cover;"></div>
<div style="box-sizing: border-box;width:60%;height:100%;text-align:justify;overflow-y:auto;padding:20px;border:1px solid var(--faded);">
<center><i>Header?</i></center><br>
your beautiful words here

<center>footer?</center></div></div>
<a href="">art credit</a>

TABLE #5 SAMPLE:

Table 5

This table's colors auto adjust to the light/dark theme of the site. TIP: adjust "height:570px" to whatever size height suits your photo!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis ultrices arcu. Phasellus hendrerit aliquet suscipit. Integer dictum, velit sed vestibulum efficitur, enim odio ultrices purus, id laoreet lorem nunc in leo. Nunc blandit malesuada justo, nec pharetra arcu iaculis et. Duis eu dui sollicitudin, semper massa eget, tincidunt nunc. Etiam non elit semper, blandit mauris vitae, pellentesque ex. Pellentesque eget nulla tempor, condimentum libero nec, facilisis dolor. Nullam hendrerit orci sed luctus rutrum. Cras eu vehicula ipsum. Donec augue est, tincidunt sit amet mattis accumsan, venenatis at sem. Donec id sem iaculis, ullamcorper diam eu, faucibus nibh. Mauris pulvinar mauris in molestie egestas. Curabitur commodo nunc vitae metus posuere, a ornare nibh ultricies. Nunc at eros nisl. Fusce nec lectus lacinia, cursus mi sed, luctus elit. Duis ut erat lobortis, rhoncus metus eu, hendrerit elit.

In laoreet, enim vitae eleifend aliquam, ex nulla luctus felis, nec eleifend metus nibh in nisi. In dictum sapien quis ipsum blandit tempus. Mauris ut viverra diam. Mauris leo eros, facilisis a dignissim id, euismod id nibh. Cras laoreet lobortis nisl, id malesuada eros tempus et. Morbi vulputate diam metus, sed sagittis lectus facilisis ullamcorper. Praesent ut ullamcorper elit. Donec eget erat quis diam porttitor viverra.

Suspendisse vehicula tortor dapibus est finibus condimentum. Aenean id turpis elit. Nulla in metus ac lacus pharetra condimentum sed vel nisi. Donec scelerisque ipsum nec interdum venenatis. Suspendisse non erat at lacus tincidunt imperdiet. Mauris aliquet eros et enim sagittis ullamcorper. Suspendisse non sagittis ligula, non cursus orci.

Curabitur porta justo dui, euismod pulvinar elit ornare vulputate. In ornare pulvinar diam sodales tempus. Nulla blandit pretium est, in bibendum ligula tincidunt eget. Nulla auctor neque sapien, ut ornare velit finibus sed. Sed nunc justo, suscipit ut dictum eget, cursus imperdiet libero. Etiam venenatis massa sed quam sodales fermentum. Vestibulum condimentum mattis eros, vel tincidunt augue. In hac habitasse platea dictumst. Aliquam placerat suscipit sapien vel pulvinar. Cras ac facilisis massa.

MY NAME

art credit

Scroll to cover image - Free Use, I do ask that my table credit is still listed if used, please

Name Here

quote part one...

This is a free to use scroll to "cover" image table. In order to change text colours change

Code:

color: #48816E99;

. The 99 or cc at the end of the normal hex code is a transparency effect with CC being the most visible and 33 being nearly completely transparent. CC, 99, 66, 33 are the options. This table will keep scrolling down if you add more text than can fit in the maximum height assigned, so don't worry about length of posts!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis sapien at metus suscipit euismod. Maecenas eu massa non lacus pharetra tincidunt gravida vitae felis. Suspendisse ultrices nisi vel turpis condimentum cursus. Donec quis blandit lectus. Phasellus at hendrerit ex. Aliquam condimentum rhoncus leo eu tempus. Integer a urna nibh.

Integer felis lorem, tristique eu commodo eu, commodo quis justo. Curabitur aliquam placerat purus ac vehicula. Phasellus ultricies est id ex accumsan venenatis. Duis vitae commodo lectus. Morbi aliquet justo aliquam aliquet pellentesque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac tincidunt massa. Aliquam vel libero eu metus laoreet commodo et quis neque. Phasellus venenatis elit a nunc tempus faucibus. Praesent vel vehicula odio. Fusce eget tellus purus. Nulla ac mollis nisi, sed ornare turpis. Praesent ultrices libero diam, eu tempor metus consequat vitae. Etiam consequat nisi at massa luctus hendrerit. Quisque mi leo, tempor sit amet mi et, luctus tempor mi.

Fusce interdum nulla eu erat sagittis maximus. Aliquam non ex ex. Proin euismod posuere dolor id sagittis. Nunc ultrices non nibh ut imperdiet. Nulla facilisi. In ligula nisl, fringilla at aliquam non, porta eu lectus. Suspendisse mauris elit, pretium eu nisi vel, eleifend feugiat diam. Praesent quis dui nec ligula tempus mattis.

Etiam id augue lacus. Quisque quam enim, rutrum eget est volutpat, tristique facilisis nunc. Fusce at orci maximus, sollicitudin mi vitae, euismod dui. Morbi viverra ante id nisi vehicula suscipit nec eu nibh. Mauris eleifend arcu diam, vel efficitur justo iaculis sed. Morbi convallis orci sem, eu hendrerit augue viverra quis. Vivamus volutpat eget ante sed iaculis. Praesent viverra sollicitudin tellus, quis pulvinar ligula. Aliquam in ultricies magna, sit amet bibendum ex. Nunc elementum eleifend elementum. Proin vulputate mauris vitae dui molestie, in ultrices massa molestie.

Etiam ultrices urna eros, iaculis blandit nisi dignissim at. Pellentesque ullamcorper efficitur vulputate. Quisque non lacus eu metus faucibus euismod. Morbi quis fermentum sem. Duis erat ex, venenatis eget nulla sit amet, ultrices pharetra justo. Donec faucibus lacinia augue, a elementum ipsum dignissim vel. Nulla elementum non felis quis ultricies.

Tagged: @[name] || word count/notes

quote part two

art created with Midjourney AI, original code by heartfullofjess

Code:

<link href="https://fonts.cdnfonts.com/css/balemyts-mirage" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/lamvier" rel="stylesheet">
<div style="width: 600px; margin: auto; box-sizing: border-box; box-shadow: 0 0 5px 0 #00000066; background: url('https://www.dropbox.com/scl/fi/ndn25jn3t1903tldnjjht/morphi_skull_sitting_ontop_of_a_rock_with_a_writing_quil_beside_f558409e-5655-45b5-b0cd-3f215117e938.png?rlkey=snnv6sxlr0ao791ouzixow18y&st=pji8b4au&raw=1'); background-size: cover; background-repeat: no-repeat; color: #48816E99; background-position: center;font-size: 13px; line-height: 1.4; text-align: left; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; height: 600px; overflow: hidden; border-radius: 300px 300px 0px 0px"><div style="padding: 5px 50px 50px 50px; text-align: justify;">
<div style="font-size: 5.2em; font-style: italic; color: #070C12cc; text-shadow: 0 0 5px #000000CC; letter-spacing: 0.15em; padding-bottom: 0px; font-family: 'Lamvier', sans-serif; padding-top: 80px; text-align:center;">Name Here</div><div style="max-height: 450px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;"><div style="padding-top:450px;"></div><div style="font-size: 2.6em; font-style: italic; color: #CDFCEDcc; text-shadow: 0 0 5px #000000CC; text-transform: lowercase; letter-spacing: 0.15em; font-family: 'Balemyts Mirage', sans-serif; margin-bottom: -20px; padding-left: 20px;">quote part one...</div><div style="min-height: 300px; padding: 15px; background-color: #070C1299; margin: auto; box-shadow: 0 0 5px 0 #00000066;">
TEXT HERE
<b style="color: #CDFCEDCC; text-shadow: 0 0 5px #000000CC;">"SPEECH"</b>
  <b style="color: #A2CDB199; text-shadow: 0 0 5px #000000CC;">"SPEECH"</b>
<div style="margin:auto; text-align:center; font-size: 11px; color: #CDFCEDcc; text-shadow: 0 0 5px #000000CC;">Tagged: @[name] || word count/notes</div></div><div style="font-size: 2.6em; font-style: italic; color: #CDFCEDcc; text-shadow: 0 0 5px #000000CC; text-transform: lowercase; letter-spacing: 0.15em; text-align:right;  font-family: 'Balemyts Mirage', sans-serif; padding-bottom: 50px; padding-right: 30px; margin-top: -28px;">quote part two</div>
  </div></div></div><center style="font-size: 7px;">art created with Midjourney AI, original code by <a href="https://folklore-rpg.com/member.php?action=profile&uid=438" target="_blank">heartfullofjess</a></center>

Image fade top to expanding bottom - Free Use, I do ask that my table credit is still listed if used, please

quote line one accent
quote line two...      

This one just expands the more that you type, with the code being what fades out the image. The 150px after the "transparent" for background: linear-gradient is what determines where the fade into the background colour will begin. You'll need to change the matching Hex codes from the one that has the image as well as the main wrap div to have the background match.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis sapien at metus suscipit euismod. Maecenas eu massa non lacus pharetra tincidunt gravida vitae felis. "Suspendisse ultrices nisi vel turpis condimentum cursus." Donec quis blandit lectus. Phasellus at hendrerit ex. Aliquam condimentum rhoncus leo eu tempus. Integer a urna nibh.

Integer felis lorem, tristique eu commodo eu, commodo quis justo. Curabitur aliquam placerat purus ac vehicula. Phasellus ultricies est id ex accumsan venenatis. Duis vitae commodo lectus. "Morbi aliquet justo aliquam aliquet pellentesque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac tincidunt massa." Aliquam vel libero eu metus laoreet commodo et quis neque. Phasellus venenatis elit a nunc tempus faucibus. Praesent vel vehicula odio. Fusce eget tellus purus. Nulla ac mollis nisi, sed ornare turpis. Praesent ultrices libero diam, eu tempor metus consequat vitae. Etiam consequat nisi at massa luctus hendrerit. Quisque mi leo, tempor sit amet mi et, luctus tempor mi.

Fusce interdum nulla eu erat sagittis maximus. Aliquam non ex ex. Proin euismod posuere dolor id sagittis. Nunc ultrices non nibh ut imperdiet. Nulla facilisi. In ligula nisl, fringilla at aliquam non, porta eu lectus. Suspendisse mauris elit, pretium eu nisi vel, eleifend feugiat diam. Praesent quis dui nec ligula tempus mattis.

Etiam id augue lacus. Quisque quam enim, rutrum eget est volutpat, tristique facilisis nunc. Fusce at orci maximus, sollicitudin mi vitae, euismod dui. Morbi viverra ante id nisi vehicula suscipit nec eu nibh. Mauris eleifend arcu diam, vel efficitur justo iaculis sed. Morbi convallis orci sem, eu hendrerit augue viverra quis. Vivamus volutpat eget ante sed iaculis. Praesent viverra sollicitudin tellus, quis pulvinar ligula. Aliquam in ultricies magna, sit amet bibendum ex. Nunc elementum eleifend elementum. Proin vulputate mauris vitae dui molestie, in ultrices massa molestie.

Etiam ultrices urna eros, iaculis blandit nisi dignissim at. Pellentesque ullamcorper efficitur vulputate. Quisque non lacus eu metus faucibus euismod. Morbi quis fermentum sem. Duis erat ex, venenatis eget nulla sit amet, ultrices pharetra justo. Donec faucibus lacinia augue, a elementum ipsum dignissim vel. Nulla elementum non felis quis ultricies.

Tags: @[name] || Word Count: ###

art generated with Midjourney AI, code by heartfullofjess

Code:

<div style="width: 600px; margin: 0 auto; box-sizing: border-box; box-shadow: 0 0 5px 0 #00000066; background: #09131E; color: #91A39999; font-size: 13px; line-height: 1.4; text-align: left; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; border-radius: 300px 300px 0px 0px;">
<div style="background: linear-gradient(transparent 150px, #09131E), url('https://www.dropbox.com/scl/fi/4oyosg9ajlbpt6tug0lza/morphi_Dark_navy_sky_moon_with_stars_and_fog_pastel_colours_swi_9bc9b4eb-63b5-40e3-86b7-b1162181c2a0.png?rlkey=86m5xkwii88bu1jncy9pg4etb&st=xajkruwb&raw=1'); background-size: cover; width: 600px; height: 400px; background-repeat: no-repeat; background-position: top; border-radius: 300px 300px 0px 0px;">&nbsp;</div>
<div style="padding: 0 50px 50px 50px; text-align: justify;">
<div style="font-size: 1.5em; font-style: italic; color: #C39873cc; text-shadow: 0 0 5px #000000CC; text-transform: lowercase; letter-spacing: 0.2em; padding-bottom: 15px; margin-top: -105px; text-align:right;">quote line one <span style="font-size: 1.6em; opacity: 0.9; color: #DFCFA5cc;">accent</span> <br /><span style="font-size: 0.7em; opacity: 0.9;"> quote line two...  &nbsp; &nbsp; &nbsp; </span></div>

  TEXT
<b style="color: #C39873cc;">"SPEECH"</b>
<b style="color: #DFCFA599;">"OR OTHER SPEECH"</b></div>
<div style="margin: auto; width: 66%; text-align: center; padding-bottom: 10px; font-size: 10px;">Tags: @[name] || Word Count: ###</div></div>
<center style="font-size: 7px;">art generated with Midjourney AI, code by <a href="https://heartfullofjess.deviantart.com">heartfullofjess</a></center>

Image fade bottom to with expanding top - Free Use, I do ask that my table credit is still listed if used, please

Quote line one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis sapien at metus suscipit euismod. Maecenas eu massa non lacus pharetra tincidunt gravida vitae felis. Suspendisse ultrices nisi vel turpis condimentum cursus. Donec quis blandit lectus. Phasellus at hendrerit ex. Aliquam condimentum rhoncus leo eu tempus. Integer a urna nibh.

Integer felis lorem, tristique eu commodo eu, commodo quis justo. Curabitur aliquam placerat purus ac vehicula. Phasellus ultricies est id ex accumsan venenatis. Duis vitae commodo lectus. Morbi aliquet justo aliquam aliquet pellentesque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac tincidunt massa. Aliquam vel libero eu metus laoreet commodo et quis neque. Phasellus venenatis elit a nunc tempus faucibus. Praesent vel vehicula odio. Fusce eget tellus purus. Nulla ac mollis nisi, sed ornare turpis. Praesent ultrices libero diam, eu tempor metus consequat vitae. Etiam consequat nisi at massa luctus hendrerit. Quisque mi leo, tempor sit amet mi et, luctus tempor mi.

Fusce interdum nulla eu erat sagittis maximus. "Aliquam non ex ex. Proin euismod posuere dolor id sagittis. Nunc ultrices non nibh ut imperdiet. Nulla facilisi. " In ligula nisl, fringilla at aliquam non, porta eu lectus. Suspendisse mauris elit, pretium eu nisi vel, eleifend feugiat diam. Praesent quis dui nec ligula tempus mattis.

Etiam id augue lacus. Quisque quam enim, rutrum eget est volutpat, tristique facilisis nunc. Fusce at orci maximus, sollicitudin mi vitae, euismod dui. Morbi viverra ante id nisi vehicula suscipit nec eu nibh. Mauris eleifend arcu diam, vel efficitur justo iaculis sed. Morbi convallis orci sem, eu hendrerit augue viverra quis. "Vivamus volutpat eget ante sed iaculis. Praesent viverra sollicitudin tellus, quis pulvinar ligula. Aliquam in ultricies magna, sit amet bibendum ex." Nunc elementum eleifend elementum. Proin vulputate mauris vitae dui molestie, in ultrices massa molestie.

Etiam ultrices urna eros, iaculis blandit nisi dignissim at. Pellentesque ullamcorper efficitur vulputate. Quisque non lacus eu metus faucibus euismod. Morbi quis fermentum sem. Duis erat ex, venenatis eget nulla sit amet, ultrices pharetra justo. Donec faucibus lacinia augue, a elementum ipsum dignissim vel. Nulla elementum non felis quis ultricies.

Tagged: @[name]

Quote line two

art generated with Midjourney AI, original code by heartfullofjess

Code:

<div style="width: 600px; margin: auto; box-sizing: border-box; box-shadow: 0 0 5px 0 #00000066; background: #787141; color: #0E0F0999; font-size: 13px; line-height: 1.4; text-align: left; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;"><div style="padding: 20px 50px 10px 50px; text-align: justify;">
<div style="font-size: 1.2em; font-style: italic; color: #FAEAD199; text-shadow: 0 0 5px #000000CC; text-transform: lowercase; letter-spacing: 0.15em; padding-bottom: 10px;">Quote line one</div>

TEXT

<b style="color: #FAEAD199;">"SPEECH"</b>
  <b style="color: #DBB14Ccc;">"SPEECH"</B>
  <center>Tagged: @[name]</center></div><div style="font-size: 1.2em; font-style: italic; color: #FAEAD199; text-shadow: 0 0 5px #000000CC; text-transform: lowercase; letter-spacing: 0.15em; padding-top: 5px;text-align:right; padding-right: 50px;  ">Quote line two</div><div style="background: linear-gradient(#787141, transparent 200px), url('https://www.dropbox.com/scl/fi/o6qrruy57x4rie2xcsa6j/morphi_a_field_of_beautiful_flowers_fantasy_magic_drawn_style_4aadf13b-cf93-4594-a4e6-f456078732e3.png?rlkey=8wl7fys9526mqrdsee1n3puoc&st=39yulg6f&raw=1'); background-size: cover; width: 600px; height: 350px; background-repeat: no-repeat; margin-top: -100px; background-position:center;"></div></div><center style="font-size: 7px;">art generated with Midjourney AI, original code by <a href="https://heartfullofjess.deviantart.com/" target="_blank">heartfullofjess</a></center>