Skip to content

Instantly share code, notes, and snippets.

@soularization
Last active September 12, 2022 18:07
Show Gist options
  • Save soularization/88d21618e0e4c3f7fb1fb3680052ca4f to your computer and use it in GitHub Desktop.
Save soularization/88d21618e0e4c3f7fb1fb3680052ca4f to your computer and use it in GitHub Desktop.
d'Orsey (Profile Layout)
<div style="width:700px;height:750px;margin:auto;">
<div style="float:left;margin-top:0px;background-color:#000;width:700px;height:730px;">&nbsp;</div>
<div style="float:left;margin-top:-729px;margin-left:1px;background-color:#fff;width:698px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-722px;margin-left:20px;width:630px;letter-spacing:0px;text-transform:uppercase;line-height:17px;text-align:left;"><span style="color:#000;"><span style="font-size:15px;"><span style="font-family:'Century gothic';">Eva d&#39;Orsey</span></span></span></div>
<div style="float:left;margin-top:-720px;margin-left:520px;width:34px;height:13px;line-height:8px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px;border-bottom-style:dotted;border-color:#000;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:2px;">home</span></span></span></span></div>
<div style="float:left;margin-top:-728px;margin-left:575px;width:55px;letter-spacing:1px;text-transform:uppercase;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:0px;">contact</span></span></span></span></div>
<div style="float:left;margin-top:-728px;margin-left:645px;width:55px;letter-spacing:1px;text-transform:uppercase;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:0px;">about</span></span></span></span></div>
<div style="float:left;margin-top:-698px;margin-left:1px;background-color:#fff;width:698px;height:150px;"><img alt="" src="https://i.imgur.com/71eAr2S.jpg" style="width:698px;height:150px;" /></div>
<div style="float:left;margin-top:-547px;margin-left:1px;background-color:#fff;width:275px;height:546px;">&nbsp;</div>
<div style="float:left;margin-top:-547px;margin-left:277px;background-color:#fff;width:422px;height:546px;">&nbsp;</div>
<div style="float:left;margin-top:-507px;margin-left:61px;background-color:#000;width:150px;height:150px;">&nbsp;</div>
<div style="float:left;margin-top:-506px;margin-left:62px;background-color:#fff;width:148px;height:148px;">&nbsp;</div>
<div style="float:left;margin-top:-505px;margin-left:63px;background-color:#555;width:146px;height:146px;"><img alt="" src="https://i.imgur.com/ByWCvcp.jpg" style="width:146px;height:146px;" /></div>
<div style="float:left;margin-top:-340px;margin-left:21px;width:120px;height:13px;line-height:9px;letter-spacing:1px;text-transform:uppercase;border-left:1px;border-left-style:dotted;border-color:#000;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:5px;">quick info</span></span></span></span></div>
<div style="float:left;margin-top:-320px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ username</span></span></span></span></div>
<div style="float:left;margin-top:-320px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-310px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ age</span></span></span></span></div>
<div style="float:left;margin-top:-310px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-300px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ atsrology</span></span></span></span></div>
<div style="float:left;margin-top:-300px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-290px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ orientation</span></span></span></span></div>
<div style="float:left;margin-top:-290px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-280px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ pronouns</span></span></span></span></div>
<div style="float:left;margin-top:-280px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-270px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ activity</span></span></span></span></div>
<div style="float:left;margin-top:-270px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-260px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ timezone</span></span></span></span></div>
<div style="float:left;margin-top:-260px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-250px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ role</span></span></span></span></div>
<div style="float:left;margin-top:-250px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">info</span></span></span></span></div>
<div style="float:left;margin-top:-220px;margin-left:21px;width:130px;height:13px;line-height:9px;letter-spacing:1px;text-transform:uppercase;border-left:1px;border-left-style:dotted;border-color:#000;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:5px;">roleplays i&#39;m in</span></span></span></span></div>
<div style="float:left;margin-top:-200px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ ROLEPLAY</span></span></span></span></div>
<div style="float:left;margin-top:-200px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">CHARACTER</span></span></span></span></div>
<div style="float:left;margin-top:-190px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ roleplay</span></span></span></span></div>
<div style="float:left;margin-top:-190px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">character</span></span></span></span></div>
<div style="float:left;margin-top:-180px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ roleplay</span></span></span></span></div>
<div style="float:left;margin-top:-180px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">character</span></span></span></span></div>
<div style="float:left;margin-top:-170px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ roleplay</span></span></span></span></div>
<div style="float:left;margin-top:-170px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">character</span></span></span></span></div>
<div style="float:left;margin-top:-160px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ roleplay</span></span></span></span></div>
<div style="float:left;margin-top:-160px;margin-left:21px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:right;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">character</span></span></span></span></div>
<div style="float:left;margin-top:-130px;margin-left:21px;width:180px;height:13px;line-height:9px;letter-spacing:1px;text-transform:uppercase;border-left:1px;border-left-style:dotted;border-color:#000;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:'Century Gothic';"><span style="margin-left:5px;">main muses</span></span></span></span></div>
<div style="float:left;margin-top:-110px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-100px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-90px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-80px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-70px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-60px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;margin-top:-50px;margin-left:31px;width:225px;height:10px;line-height:8px;letter-spacing:1px;text-transform:uppercase;text-align:left;"><span style="color:#000;"><span style="font-size:9px;"><span style="font-family:calibri;"><span style="margin-left:0px;">∘ full name</span></span></span></span></div>
<div style="float:left;width:408px;height:530px;margin-top:-539px;margin-left:284px;">
<div style="width:408px;height:530px;overflow:hidden;float:left;margin:0px;">
<div style="width:430px;height:530px;overflow:auto;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#000;width:408px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:406px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-20px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:406px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">about the user</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:382px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Turpis egestas integer eget aliquet nibh praesent tristique magna. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Quisque id diam vel quam elementum pulvinar. Duis ultricies lacus sed turpis tincidunt. Etiam sit amet nisl purus in mollis nunc sed. Amet purus gravida quis blandit. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quam lacus suspendisse faucibus interdum posuere lorem ipsum. Morbi quis commodo odio aenean. Elit ut aliquam purus sit amet luctus venenatis. Mattis pellentesque id nibh tortor id aliquet lectus proin.<br />
<br />
Quisque egestas diam in arcu cursus euismod. Nulla at volutpat diam ut venenatis tellus in. Et malesuada fames ac turpis egestas sed tempus urna. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Congue eu consequat ac felis. Blandit libero volutpat sed cras ornare arcu. Risus in hendrerit gravida rutrum. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Feugiat nisl pretium fusce id velit ut. Eu feugiat pretium nibh ipsum. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Proin nibh nisl condimentum id venenatis a. Tellus rutrum tellus pellentesque eu tincidunt tortor. Blandit aliquam etiam erat velit. Sit amet commodo nulla facilisi nullam vehicula ipsum.</span></span></span></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#000;width:408px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:406px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-20px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:406px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">roleplaying preferences</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:382px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Turpis egestas integer eget aliquet nibh praesent tristique magna. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Quisque id diam vel quam elementum pulvinar. Duis ultricies lacus sed turpis tincidunt. Etiam sit amet nisl purus in mollis nunc sed. Amet purus gravida quis blandit. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quam lacus suspendisse faucibus interdum posuere lorem ipsum. Morbi quis commodo odio aenean. Elit ut aliquam purus sit amet luctus venenatis. Mattis pellentesque id nibh tortor id aliquet lectus proin.<br />
<br />
Quisque egestas diam in arcu cursus euismod. Nulla at volutpat diam ut venenatis tellus in. Et malesuada fames ac turpis egestas sed tempus urna. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Congue eu consequat ac felis. Blandit libero volutpat sed cras ornare arcu. Risus in hendrerit gravida rutrum. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Feugiat nisl pretium fusce id velit ut. Eu feugiat pretium nibh ipsum. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Proin nibh nisl condimentum id venenatis a. Tellus rutrum tellus pellentesque eu tincidunt tortor. Blandit aliquam etiam erat velit. Sit amet commodo nulla facilisi nullam vehicula ipsum.</span></span></span></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#000;width:408px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:406px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-20px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:406px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">favorite genre, sub-genre and topics</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:382px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Turpis egestas integer eget aliquet nibh praesent tristique magna. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Quisque id diam vel quam elementum pulvinar. Duis ultricies lacus sed turpis tincidunt. Etiam sit amet nisl purus in mollis nunc sed. Amet purus gravida quis blandit. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quam lacus suspendisse faucibus interdum posuere lorem ipsum. Morbi quis commodo odio aenean. Elit ut aliquam purus sit amet luctus venenatis. Mattis pellentesque id nibh tortor id aliquet lectus proin.<br />
<br />
Quisque egestas diam in arcu cursus euismod. Nulla at volutpat diam ut venenatis tellus in. Et malesuada fames ac turpis egestas sed tempus urna. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Congue eu consequat ac felis. Blandit libero volutpat sed cras ornare arcu. Risus in hendrerit gravida rutrum. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Feugiat nisl pretium fusce id velit ut. Eu feugiat pretium nibh ipsum. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Proin nibh nisl condimentum id venenatis a. Tellus rutrum tellus pellentesque eu tincidunt tortor. Blandit aliquam etiam erat velit. Sit amet commodo nulla facilisi nullam vehicula ipsum.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;background-color:#000;width:408px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:406px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-20px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:406px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">favorite roleplay at the moment</span></span></strong></span></div>
<div style="float:left;margin-top:-1px;margin-left:0px;background-color:#000;width:100px;height:100px;">&nbsp;</div>
<div style="float:left;margin-top:0px;margin-left:-99px;background-color:#fff;width:98px;height:98px;">&nbsp;</div>
<div style="float:left;margin-top:1px;margin-left:-98px;background-color:#f55;width:96px;height:96px;"><img alt="" src="https://i.imgur.com/HHCfVYc.jpg" style="width:96px;height:96px;" /></div>
<div style="float:left;margin-top:-100px;margin-left:100px;background-color:#000;width:310px;height:100px;">&nbsp;</div>
<div style="float:left;margin-top:-99px;margin-left:100px;background-color:#fff;width:307px;height:98px;">&nbsp;</div>
<div style="float:left;margin-top:-50px;margin-left:99px;background-color:#000;width:308px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-80px;margin-left:100px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:308px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">ROLEPLAY NAME</span></span></strong></span></div>
<div style="float:left;margin-top:-30px;margin-left:100px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:308px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">CHARACTER NAME</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:382px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Turpis egestas integer eget aliquet nibh praesent tristique magna. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Quisque id diam vel quam elementum pulvinar. Duis ultricies lacus sed turpis tincidunt. Etiam sit amet nisl purus in mollis nunc sed. Amet purus gravida quis blandit. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quam lacus suspendisse faucibus interdum posuere lorem ipsum. Morbi quis commodo odio aenean. Elit ut aliquam purus sit amet luctus venenatis. Mattis pellentesque id nibh tortor id aliquet lectus proin.</span></span></span></div>
</div>
<div style="float:left;margin-top:10px;margin-left:0px;background-color:#000;width:408px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:406px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-20px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:406px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">extra tidbits</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:382px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Turpis egestas integer eget aliquet nibh praesent tristique magna. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Quisque id diam vel quam elementum pulvinar. Duis ultricies lacus sed turpis tincidunt. Etiam sit amet nisl purus in mollis nunc sed. Amet purus gravida quis blandit. Facilisis magna etiam tempor orci eu lobortis elementum nibh. Quam lacus suspendisse faucibus interdum posuere lorem ipsum. Morbi quis commodo odio aenean. Elit ut aliquam purus sit amet luctus venenatis. Mattis pellentesque id nibh tortor id aliquet lectus proin.<br />
<br />
Quisque egestas diam in arcu cursus euismod. Nulla at volutpat diam ut venenatis tellus in. Et malesuada fames ac turpis egestas sed tempus urna. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Congue eu consequat ac felis. Blandit libero volutpat sed cras ornare arcu. Risus in hendrerit gravida rutrum. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Feugiat nisl pretium fusce id velit ut. Eu feugiat pretium nibh ipsum. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Proin nibh nisl condimentum id venenatis a. Tellus rutrum tellus pellentesque eu tincidunt tortor. Blandit aliquam etiam erat velit. Sit amet commodo nulla facilisi nullam vehicula ipsum.</span></span></span></div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-top:-570px;background-color:#000;width:auto;height:20px;text-transform:uppercase;border-top-right-radius:10px;border-bottom-right-radius:10px;">
<div style="float:left;margin-top:3px;margin-left:10px;line-height:9px;width:auto;height:20px;"><span style="font-family:Calibri;"><span style="font-size:9px;"><span style="color:#ffffff;"><em>Introverted</em> - elita</span></span></span></div>
<div style="float:left;margin-top:0px;margin-left:10px;background:#000;width:20px;height:20px;border-top-right-radius:10px;border-bottom-right-radius:10px;overflow:hidden;"><span style="color:#000;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1129202773&amp;color=000&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></span></div>
</div>
<div style="float:left;margin-top:0px;margin-left:0px;width:700px;line-height:8px;letter-spacing:2px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/26358" title="SOULARIZAITON 2022 [ this layout was created by the user LAURENT/BENEFICENT/SOULAR - exclusively distributed through the layout shop: STUDIO PREMIER. PHOTO CREDITS TO TUMBLR USER: GOOEVIL. if the layout has an error, glitch or a faulty code, please refer to the shop or LAURENT as soon as possible to get it fixed. the following will result in a report to the Role Play Republic's moderators: removal of the credit / copyright mark from ALL layouts LAURENT/BENEFICENT / STUDIO PREMIER. Unauthorized use of the layout from LAURENT/BENEFICENT / STUDIO PREMIER in another layout shop. THEFT of code / techniques / style, etc. thank you, and enjoy!"><span style="font-family:Calibri;"><span style="font-size:8px;"><span style="color:#000;">SOULARIZATION &copy; MMXXII</span></span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment