(no subject)

[efficio]

#0023b7 - blue
#6a2ca8 - purple
#ffc000 - yellow
#fe0078 - pink
#f2fdff - white

TITLE ▶

[HEADERTITLE]
[SUBHEADERTITLE]

<span style="font-size:2em;font-weight:bold;text-transform:uppercase;color:#fe0078;line-height:100%;">[HEADERTITLE]</span> <span style="font-size:0.8em;text-transform:uppercase;font-style:italic;letter-spacing:0.5em;color:#0023b7;line-height:100%;">[SUBHEADERTITLE]</span>

[CONTENT]

plain div:
<div style="background: #f2fdff;padding:1em;color:#11091c;border:1px solid rgb(0, 35, 183,0.1);"> </lj-raw>[CONTENT]<lj-raw> </div>

[CONTENT]

[CONTENT]

pink on left:
<lj-raw><div style="display:flex;border:1px solid rgb(0, 35, 183,0.1);"><div style="background:#fe0078;width:5%;padding:1em;"></div> <div style="background: #f2fdff;padding:1em;color:#11091c;width:95%;"> </lj-raw>[CONTENT]<lj-raw> </div></div>

pink on right:
<div style="display:flex;border:1px solid rgb(0, 35, 183,0.1);"><div style="background: #f2fdff;padding:1em;color:#11091c;width:95%;"> </lj-raw>[CONTENT]<lj-raw> </div> <div style="background:#fe0078;width:5%;padding:1em;"></div></div>

↻ return to navigation

base code:
<lj-raw><center> <div style="width:90%;padding:1.5em;text-align:justify;font-size:13px;font-family:arial, sans-serif;"> <!--HEADER START --> <div style="font-weight:900;font-size:4.5em;border-bottom:0.1em dotted #0023b7;line-height:125%;margin-bottom:0.1em;"><span style="background: linear-gradient(#0023b7, #aa358d); background-size:contain; background-clip:text; color: transparent;">[TITLE]</span> <font color="#fe0078">▶</font></div> <!--HEADER STOP--> <div style="display:flex;"> <!--SIDE IMAGE START --> <div style="width:15%;margin-right:0.5em;background-image:url(https://i.imgur.com/agr4Gce.jpeg);background-size:cover;text-align:center;padding:1em;"></div> <!--SIDE IMAGE STOP --> <div style="width:85%;"> <!--MAIN CONTENT START --> <div style="background: #f2fdff;padding:1em;color:#11091c;border:1px solid rgb(0, 35, 183,0.1);"> </lj-raw>[CONTENT]<lj-raw> </div></div></div> <!--MAIN CONTENT STOP --> <!--NAVIGATION LINK --> <div style="text-align:right;font-size:0.7em;letter-spacing:0.5em;margin-top:1em;"><a href="[NAVLINK]" style="color:#f2fdff;background-color: #6a2ca8;padding:0.5em;text-decoration:none;text-transform:uppercase;">↻ return to navigation</a></div>