linkupmods | codes

Permissions
Instructions: Paste the below code into a new entry on your journal.

<div style="box-sizing:border-box;width:100%;display:grid;grid-template-columns:25px 25px 1fr;grid-template-rows:25px;gap:7px;">
<div style="border-radius:50%;background:#fff;"></div><div style="border-radius:50%;background:#fff;"></div>
<div style="box-sizing:border-box;padding:2px 10px;font-size:18px;line-height:1.2;font-weight:bold;text-align:right;border-radius:12px;background:#fff;">CHARACTER / PERSONA INFO</div>
</div>

<div style="box-sizing:border-box;width:100%;padding:10px;border-radius:12px;background:#fff;"></lj-raw>
<b>NAME:</b>

<b>CANON:</b>

<b>HOUSING:</b>

<b>PERSONA NAME/APPEARANCE:</b>

<b>ARCANA:</b>

<b>ELEMENT:</b>

<b>CURRENT LEVEL:</b>

<b>SKILLS:</b> (optional)
<lj-raw></div>

<div style="box-sizing:border-box;flex:1 1 46%;align-self:stretch;padding:10px;border-radius:12px;background:#fff;"><div style="box-sizing:border-box;padding:9px 10px;margin:-15px 10px 0 -15px;float:left;font-size:13px;font-weight:bold;text-transform:lower-case;font-variant:small-caps;border-radius:12px;background:#e0d7ea;">ooc.</div></lj-raw>
<b>PLAYER NAME:</b>

<b>PREFERRED CONTACT:</b>

<b>BACKTAGGING:</b>

<b>THREADHOPPING:</b>

<b>SENSITIVE/OFF-LIMIT TOPICS:</b> 
<lj-raw></div>

<div style="box-sizing:border-box;flex:1 1 46%;min-width:250px;align-self:stretch;padding:10px;border-radius:12px;background:#fff;"> <div style="box-sizing:border-box;padding:9px 10px;margin:-15px 10px 0 -15px;float:left;font-size:13px;font-weight:bold;text-transform:lower-case;font-variant:small-caps;border-radius:12px;background:#e0d7ea;">ic.</div></lj-raw>
<b>PHYSICAL CONTACT:</b>

<b>ROMANCE/SHIPPING:</b>

<b>CONFLICT:</b>

<b>FIGHTING:</b>

<b>KILLING:</b>

Inbox Codes (Please choose based on your element!)
- "username" is your character's IC username; "display name" is what your character would want to show up as in the chat
- Please follow the examples in

linknet and post your character's IC inbox to the community as a separate entry

Fire <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #FFA10F, #F0DDC2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Ice <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #0657A4, #AAB2B9);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Electric <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #f7f30f, #E9EAC6);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Wind <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #00C155, #BDE6CF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>
Psychokinesis <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #CE00B8, #A58DA2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Nuclear <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #05EAEE, #C8EFFF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Bless <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #edca98, #EAE7D7);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Curse <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #A50101, #D1BDBD);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>

Fire <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #FFA10F, #F0DDC2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Ice <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #0657A4, #AAB2B9);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Electric <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #f7f30f, #E9EAC6);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Wind <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #00C155, #BDE6CF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>
Psychokinesis <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #CE00B8, #A58DA2);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Nuclear <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #05EAEE, #C8EFFF);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Bless <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #edca98, #EAE7D7);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>	Curse <raw-code> <div style="display:flex; flex-flow:row wrap; justify-content:center; gap:10px;"> <div style="display:flex; flex-flow:column nowrap; width:100%; max-width:400px; padding:5px; font:14px/1.25 'Hiragino Kaku Gothic ProN', 'Source Sans Pro', Tahoma, sans-serif; color:#333; border-radius:16px; overflow:hidden; background:#eee; background:linear-gradient(to bottom, #A50101, #D1BDBD);"> <!--- EDIT THE BACKGROUND GRADIENT COLOUR ABOVE ---> <div style="display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;"> <!--- BANNER // ---> <div style="grid-column:1/10; grid-row:1/3; background:#ffffff8c url('BACKGROUND_IMG_URL') no-repeat center; background-size:cover;"></div> <! --- /// ---> <!--- BODY // ---> <div style="grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;"> <div style="padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;"> <div style="font-size:21px; font-weight:600;"> @DISPLAY NAME HERE </div> <div style="font-size:13px; opacity:0.75;"> username here </div> <hr style="border-top:1px solid rgba(0,0,0,0.3);" /> <div style="font-weight:600; text-transform:uppercase;">ABOUT ME</div> <p style="opacity:0.75;"> This is a text blurb about you! </p> <div style="font-weight:600; text-transform:uppercase;">NOTE</div> <p style="opacity:0.75;"> This is an additional note about you! </p> <div style="padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;"> Message @username </div> </div> </div> <! --- /// ---> <!--- ICON // ---> <div style="align-self:auto; grid-column:2; grid-row:2;"> <img src="ICON_IMG_URL" style="aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;" /> </div> <!--- /// ---> </div> </div> </div> </raw-code>