(no subject)

[10billionghosts]

Header Text

Footer Text

code

<lj-raw><div style="max-width:610px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1.75fr 1fr;grid-template-rows:160px 70px 70px 160px;gap:10px;font-family:times new roman, serif;color:#fff;"> <!-- IMAGE BOARD --> <!-- left column --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- left column; end --> <!-- center column; this one contracts --> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:4;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:4;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- center column; end --> <!-- right column --> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- right column; end --> <!-- IMAGE BOARD; end --> <!-- FOREGROUND; this section & all subsections are optional, delete any unwanted part or the whole section --> <div style="font-size:30px;grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px;text-align:center;"> <!-- header text --> <div style="width:100%;font-weight:bold;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Header Text </div> <!-- header text;end --> <!-- color line/links --> <div style="width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:7px;"> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> </div> <!-- color line; end --> <!-- footer text --> <div style="font-size:28px;width:100%;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Footer Text </div> <!-- footer text;end --> </div> <!-- CREDIT --> <div style="grid-column-start:1;grid-column-end:4;margin-top:-5px;text-align:center;font-size:10px;color:#ddd"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div> <!-- CREDIT --> </div></lj-raw>