Skip to content

Instantly share code, notes, and snippets.

@lovettes
Created September 15, 2022 06:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lovettes/65d355f43aad94140b70541a6d15e6d8 to your computer and use it in GitHub Desktop.
Save lovettes/65d355f43aad94140b70541a6d15e6d8 to your computer and use it in GitHub Desktop.
<div style="width:652px;margin:auto;">
<div style="width:150px;height:400px;float:left;">
<div style="width:125px;height:125px;background-color:#D39274;float:left;margin:15px 0px 0px 15px;border-radius:2px;">&nbsp;</div>
<img alt="tumblr_p7yxphbZAx1xrhzmco6_250.png" src="https://78.media.tumblr.com/6954f8969cb964075cd38fac404bcf9e/tumblr_p7yxphbZAx1xrhzmco6_250.png" style="width:100px;height:100px;float:left;margin:-112.5px 0px 0px 27.5px;border-radius:2px;" />
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:justify;width:100px;height:36px;overflow:hidden;float:left;margin:10px 0px 0px 30px;color:#D39274;">insert four-line message here. Duis feugiat enim vitae vulputate finibus.</div>
<div style="width:125px;height:1px;background-color:#D39274;float:left;margin:10px 0px 0px 15px;">&nbsp;</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:center;width:90px;float:left;margin:10px 0px 0px 30px;color:#D39274;">my darlings</div>
<div style="width:125px;height:160px;float:left;margin:10px 0px 0px 15px;overflow:hidden;">
<div style="width:145px;height:160px;overflow:auto;">
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
<div style="width:40px;height:40px;float:left;margin:1px 0px 0px 1px;"><a title="text here"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="float:left;width:40px;height:40px;border-radius:2px;" /></a></div>
</div>
</div>
</div>
<div style="width:350px;height:400px;float:left;border-left:1px solid #AD2121;border-right:1px solid #AD2121;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:justify;color:#fff;">
<div style="width:328px;height:380px;background-color:#D39274;float:left;margin:10px 0px 0px 10px;">
<div style="width:310px;height:360px;float:left;margin:10px 0px 0px 10px;overflow:hidden;">
<div style="width:328px;height:360px;overflow:auto;">
<div style="width:310px;">
<div style="width:310px;height:20px;background-color:#fff;border-top-right-radius:10px;border-bottom-left-radius:2px;border-top-left-radius:2px;border-bottom-right-radius:10px;color:#D39274;line-height:20px;margin:0px 0px 10px 0px;">
<div style="float:left;margin:0px 0px 0px 10px;">about me / background</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae metus in tellus finibus pharetra. Nunc gravida placerat placerat. Nunc ac nunc pellentesque, euismod ante ut, condimentum nisi. Donec eu magna ac ex scelerisque malesuada rutrum non nisl. Nulla vehicula neque at justo faucibus ornare. Proin scelerisque felis mi, iaculis feugiat augue eleifend quis. Maecenas eu porta ipsum, in venenatis diam. Vivamus id dolor sed mi posuere sodales quis non justo. Nullam quam tellus, porta et luctus et, tincidunt eu eros. Donec dictum, arcu sed ullamcorper aliquet, odio ipsum dictum sem, ac condimentum nisi nisl nec dui. Nulla pharetra tellus id mi vehicula feugiat at at leo. Sed gravida luctus auctor. Aenean id tincidunt ante. Donec dolor libero, rutrum convallis ligula in, euismod varius sem. Duis ultrices nibh a libero laoreet, eget aliquet massa finibus. Proin eu lacinia erat.<br />
<br />
Cras vel rutrum tortor. Duis feugiat enim vitae vulputate finibus. Aenean venenatis, felis scelerisque volutpat rutrum, ante risus posuere nisl, porta faucibus orci sapien non massa. Suspendisse vel odio augue. Quisque tristique luctus nulla ac fermentum. Cras efficitur in massa at tempor. Ut sit amet orci congue, ultricies est eu, sodales justo. Pellentesque condimentum mauris eget metus gravida rutrum. Aliquam facilisis eros sit amet quam hendrerit, et elementum turpis feugiat.
<div style="width:310px;height:20px;background-color:#fff;border-top-right-radius:10px;border-bottom-left-radius:2px;border-top-left-radius:2px;border-bottom-right-radius:10px;color:#D39274;line-height:20px;margin:10px 0px 10px 0px;">
<div style="float:left;margin:0px 0px 0px 10px;">personality / facts</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae metus in tellus finibus pharetra. Nunc gravida placerat placerat. Nunc ac nunc pellentesque, euismod ante ut, condimentum nisi. Donec eu magna ac ex scelerisque malesuada rutrum non nisl. Nulla vehicula neque at justo faucibus ornare. Proin scelerisque felis mi, iaculis feugiat augue eleifend quis. Maecenas eu porta ipsum, in venenatis diam. Vivamus id dolor sed mi posuere sodales quis non justo. Nullam quam tellus, porta et luctus et, tincidunt eu eros. Donec dictum, arcu sed ullamcorper aliquet, odio ipsum dictum sem, ac condimentum nisi nisl nec dui. Nulla pharetra tellus id mi vehicula feugiat at at leo. Sed gravida luctus auctor. Aenean id tincidunt ante. Donec dolor libero, rutrum convallis ligula in, euismod varius sem. Duis ultrices nibh a libero laoreet, eget aliquet massa finibus. Proin eu lacinia erat.
<div style="width:100%;height:10px;float:left;">&nbsp;</div>
<div style="float:left;width:100%;">
<div style="float:left;">likes</div>
<div style="float:right;">Sed condimentum scelerisque aliquet.</div>
</div>
<div style="float:left;width:100%;">
<div style="float:right;width:200px;text-align:right;">Sed condimentum scelerisque aliquet.</div>
<div style="float:left;">dislikes</div>
</div>
<div style="float:left;width:100%;">
<div style="float:right;width:200px;text-align:right;">Sed condimentum scelerisque aliquet.</div>
<div style="float:left;">secrets</div>
</div>
<div style="float:left;width:100%;">
<div style="float:right;width:200px;text-align:right;">Sed condimentum scelerisque aliquet.</div>
<div style="float:left;">fears</div>
</div>
<div style="float:left;width:100%;">
<div style="float:right;width:200px;text-align:right;">Sed condimentum scelerisque aliquet.</div>
<div style="float:left;">dreams</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:150px;height:400px;background-color:#fff;float:left;">
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:center;width:100px;overflow:hidden;float:left;margin:10px 0px 0px 20px;color:#D39274;">ooc rules</div>
<div style="width:125px;height:1px;background-color:#D39274;float:left;margin:5px 0px 0px 10px;">&nbsp;</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:justify;width:100px;overflow:hidden;float:left;margin:10px 0px 0px 23px;color:#D39274;height:140px;">
<div style="width:120px;height:140px;overflow:auto;">
<div style="width:100px;"><span style="background-color:#D39274;color:#fff;">one.</span> Cras vel rutrum tortor. <span style="background-color:#D39274;color:#fff;">two.</span> Duis feugiat enim vitae vulputate finibus. <span style="background-color:#D39274;color:#fff;">three.</span> Aenean venenatis, felis scelerisque volutpat rutrum, ante risus posuere nisl, porta faucibus orci sapien non massa. <span style="background-color:#D39274;color:#fff;">four.</span> Suspendisse vel odio augue. <span style="background-color:#D39274;color:#fff;">five.</span> Quisque tristique luctus nulla ac fermentum. <span style="background-color:#D39274;color:#fff;">six.</span> Cras efficitur in massa at tempor. <span style="background-color:#D39274;color:#fff;">seven.</span> Ut sit amet orci congue, ultricies est eu, sodales justo. <span style="background-color:#D39274;color:#fff;">eight.</span> Pellentesque condimentum mauris eget metus gravida rutrum. <span style="background-color:#D39274;color:#fff;">nine.</span> Aliquam facilisis eros sit amet quam hendrerit, et elementum turpis feugiat.</div>
</div>
</div>
<div style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:center;width:100px;overflow:hidden;float:left;margin:10px 0px 0px 20px;color:#D39274;">interests</div>
<div style="width:125px;height:1px;background-color:#D39274;float:left;margin:5px 0px 0px 10px;">&nbsp;</div>
<div style="width:100px;float:left;margin:10px 0px 0px 23px;height:170px;overflow:hidden;">
<div style="width:120px;height:170px;overflow:auto;">
<div style="width:100px;"><img alt="bbe97588f7f89997c7c4923505cf38c1.jpg" src="https://i.pinimg.com/564x/bb/e9/75/bbe97588f7f89997c7c4923505cf38c1.jpg" style="width:100px;float:left;border-radius:2px;" />
<div style="width:100px;border-radius:2px;float:left;height:15px;background-color:#D39274;margin:5px 0px 0px 0px;color:#fff;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:15px;text-transform:uppercase;letter-spacing:.7px;text-align:center;">books</div>
<img alt="513e2c4891edff3327aac83e5e7954a0.jpg" src="https://i.pinimg.com/564x/51/3e/2c/513e2c4891edff3327aac83e5e7954a0.jpg" style="width:100px;float:left;border-radius:2px;margin:5px 0px 0px 0px;" />
<div style="width:100px;border-radius:2px;float:left;height:15px;background-color:#D39274;margin:5px 0px 0px 0px;color:#fff;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:15px;text-transform:uppercase;letter-spacing:.7px;text-align:center;">traveling</div>
<img alt="52063df12bc42034e359c9c44ec41db3.jpg" src="https://i.pinimg.com/564x/52/06/3d/52063df12bc42034e359c9c44ec41db3.jpg" style="width:100px;float:left;border-radius:2px;margin:5px 0px 0px 0px;" />
<div style="width:100px;border-radius:2px;float:left;height:15px;background-color:#D39274;margin:5px 0px 0px 0px;color:#fff;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:15px;text-transform:uppercase;letter-spacing:.7px;text-align:center;">art supplies</div>
<img alt="64df9032c8f303b93d4a1ef3fc015387.jpg" src="https://i.pinimg.com/564x/64/df/90/64df9032c8f303b93d4a1ef3fc015387.jpg" style="width:100px;float:left;border-radius:2px;margin:5px 0px 0px 0px;" />
<div style="width:100px;border-radius:2px;float:left;height:15px;background-color:#D39274;margin:5px 0px 0px 0px;color:#fff;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:15px;text-transform:uppercase;letter-spacing:.7px;text-align:center;">satin sheets</div>
<img alt="edceb99e26c4393d2fb2b7e430d1e89f.jpg" src="https://i.pinimg.com/564x/ed/ce/b9/edceb99e26c4393d2fb2b7e430d1e89f.jpg" style="width:100px;float:left;border-radius:2px;margin:5px 0px 0px 0px;" />
<div style="width:100px;border-radius:2px;float:left;height:15px;background-color:#D39274;margin:5px 0px 0px 0px;color:#fff;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:15px;text-transform:uppercase;letter-spacing:.7px;text-align:center;">iced coffee</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:652px;margin:auto;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:7px;line-height:117%;text-transform:uppercase;letter-spacing:.7px;text-align:center;color:#D39274;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="text-decoration:none;color:#D39274;">Lovette.</a></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment