Skip to content

Instantly share code, notes, and snippets.

@ataraxia17
Created August 20, 2018 19:48
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 ataraxia17/e77442c64efd58addc3a3f4030c361a8 to your computer and use it in GitHub Desktop.
Save ataraxia17/e77442c64efd58addc3a3f4030c361a8 to your computer and use it in GitHub Desktop.
<div style="width:540px;margin:auto;height:510px;">
<div style="width:540px;height:510px;float:left;overflow:hidden;">
<div style="width:520px;float:left;height:490px;background:#CECBD7;border:solid 1px #000;">
<div style="width:520px;float:left;height:490px;background:#F1C0DA;border:solid 1px #000;margin-top:10px;margin-left:10px;">&nbsp;</div>
<div style="width:200px;float:left;height:40px;background:#593338;border:solid 1px #000;margin-top:-480px;margin-left:20px;">
<div style="width:150px;float:left;height:40px;margin-top:5px;margin-left:30px;font-size:20px;font-family:Calibri;color:#fff;letter-spacing:5px;text-transform:uppercase;"><strong><span style="font-family:Arial;">babygirl</span></strong></div>
<div style="width:200px;float:left;height:200px;background:#593338;margin-top:5px;"><img alt="" src="https://i.imgur.com/3zQFqTE.jpg" style="width:200px;height:200px;border:solid 1px #000;" /></div>
<div style="width:200px;float:left;height:210px;background:#A56B88;border:solid 1px #000;margin-top:5px;">
<div style="width:200px;float:left;height:208px;overflow:hidden;">
<div style="width:220px;float:left;height:208px;overflow:auto;">
<div style="width:200px;float:left;">&nbsp;</div>
<div style="width:190px;float:left;margin-top:-20px;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est. Aliquam placerat arcu at libero accumsan, in placerat felis dapibus. Etiam neque dolor, dictum at molestie eu, volutpat eu enim. Fusce scelerisque commodo tortor, in auctor nunc condimentum eu. Nulla facilisi. Donec vel leo lacus. Donec quis sollicitudin diam, non vulputate neque. Quisque cursus nunc vitae vulputate condimentum. Proin et convallis nibh. Ut eros ante, convallis sed neque ultrices, facilisis tincidunt metus. Duis placerat, metus quis porttitor efficitur, eros leo varius mi, sed egestas eros augue et nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas porttitor ipsum id neque fermentum, in rutrum odio placerat. Pellentesque in dui nec ligula mattis vulputate. Sed eget egestas diam. Ut tincidunt tortor turpis, ac aliquet mauris facilisis nec. Praesent rutrum elementum tellus quis fermentum. Praesent scelerisque venenatis elementum. Donec dolor ante, hendrerit et dictum ultrices, egestas nec ipsum. Mauris gravida et elit nec auctor. Aenean nec ipsum dictum, semper ex eget, porta quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam quis nibh convallis, ornare ligula eu, varius tellus. Quisque sollicitudin iaculis gravida. Donec tristique accumsan laoreet. Suspendisse orci neque, consequat nec pulvinar tristique, efficitur a tortor. Praesent vel varius odio. Sed ut porttitor nulla, ac feugiat purus. Pellentesque nisl quam, interdum ut orci id, dignissim pulvinar nisi. Proin tortor nunc, molestie in ligula a, iaculis egestas urna. Nam congue interdum tristique. Integer vel sodales mi. Aliquam erat volutpat. Sed orci metus, vulputate ut lobortis quis, aliquam non dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis eleifend felis. Sed ac dolor porta, mattis risus at, blandit dolor. Pellentesque ullamcorper egestas varius. Sed sit amet ullamcorper ex. Morbi ut fringilla tortor, a aliquam dolor. Morbi viverra ac libero sit amet porta. Praesent auctor blandit interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur malesuada eros sit amet facilisis. Nam vehicula ligula et dui aliquet euismod. Aenean sit amet enim gravida, gravida lectus at, tristique mi. Praesent aliquam quam vitae dui rhoncus tincidunt. Integer massa enim, aliquam eu consectetur ac, faucibus vel ligula. Nullam tristique placerat ante vel lobortis. Nullam mattis mauris in libero consequat laoreet. Quisque et interdum turpis. Maecenas quis placerat lacus, in ornare sem. Praesent at rhoncus tortor. Fusce pretium sem porta, maximus est vitae, dapibus est. Aenean est nisi, molestie vitae dictum nec, accumsan vitae turpis. Praesent eleifend tincidunt felis, id pulvinar orci suscipit ut. Phasellus at tellus molestie, mollis est non, maximus massa. Aliquam gravida fermentum arcu, at interdum velit volutpat ac. Aenean mollis tellus et tellus egestas pretium. In sed ultricies nibh. Sed turpis ligula, sollicitudin a tempus commodo, lobortis nec tortor. Duis ut tempor ipsum, quis hendrerit eros. Vivamus vehicula ut augue in dignissim. Nulla maximus feugiat velit ac suscipit. Phasellus vitae congue dolor. Nullam nec venenatis orci, vitae consequat eros. Morbi blandit et est ac pellentesque. Donec nisi mi, sollicitudin accumsan posuere in, aliquam eget risus.</div>
</div>
</div>
<div style="width:80px;float:left;height:20px;background:#593338;border:solid 1px #000;margin-top:-465px;margin-left:210px;">
<div style="width:50px;float:left;height:20px;margin-top:5px;margin-left:15px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>tracker</strong></div>
<div style="width:80px;float:left;height:120px;background:#CECBD7;border:solid 1px #000;margin-top:5px;">
<div style="width:80px;float:left;height:117px;overflow:hidden;">
<div style="width:100px;float:left;height:117px;overflow:auto;">
<div style="width:80px;float:left;">&nbsp;</div>
<div style="width:60px;float:left;margin-top:-15px;margin-left:10px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">character // location<br />
<br />
CHARACTER // LOCATION<br />
<br />
character // location<br />
<br />
CHARACTER // LOCATION<br />
<br />
character // location<br />
<br />
CHARACTER // LOCATION<br />
<br />
CHARACTER // LOCATION<br />
&nbsp;</div>
</div>
</div>
</div>
<div style="width:192px;float:left;height:210px;background:#DBA5C0;border:solid 1px #000;margin-top:-150px;margin-left:93px;">
<div style="width:192px;float:left;height:208px;overflow:hidden;">
<div style="width:212px;float:left;height:208px;overflow:auto;">
<div style="width:192px;float:left;">&nbsp;</div>
<div style="width:80px;float:left;height:80px;background:#CECBD7;border:solid 1px #000;margin-top:-15px;margin-left:5px;">
<div style="width:80px;float:left;height:80px;margin-top:5px;margin-left:5px;"><img alt="" src="http://i.imgur.com/iijHGPj.png" style="width:80px;height:80px;border:solid 1px #000;" /></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-50px;margin-left:100px;">
<div style="width:50px;float:left;height:20px;margin-top:2px;margin-left:25px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-5px;margin-left:-10px;">
<div style="width:70px;float:left;height:20px;margin-top:2px;margin-left:7px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
</div>
</div>
<div style="width:80px;float:left;height:80px;background:#CECBD7;border:solid 1px #000;margin-top:15px;">
<div style="width:80px;float:left;height:80px;margin-top:5px;margin-left:5px;"><img alt="" src="http://i.imgur.com/iijHGPj.png" style="width:80px;height:80px;border:solid 1px #000;" /></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-50px;margin-left:100px;">
<div style="width:50px;float:left;height:20px;margin-top:2px;margin-left:20px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-5px;margin-left:-10px;">
<div style="width:70px;float:left;height:20px;margin-top:2px;margin-left:7px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;">name</div>
</div>
</div>
<div style="width:80px;float:left;height:80px;background:#CECBD7;border:solid 1px #000;margin-top:15px;">
<div style="width:80px;float:left;height:80px;margin-top:5px;margin-left:5px;"><img alt="" src="http://i.imgur.com/iijHGPj.png" style="width:80px;height:80px;border:solid 1px #000;" /></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-50px;margin-left:100px;">
<div style="width:50px;float:left;height:20px;margin-top:2px;margin-left:23px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-5px;margin-left:-10px;">
<div style="width:70px;float:left;height:20px;margin-top:2px;margin-left:20px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>jimin</strong></div>
</div>
</div>
<div style="width:80px;float:left;height:80px;background:#CECBD7;border:solid 1px #000;margin-top:15px;">
<div style="width:80px;float:left;height:80px;margin-top:5px;margin-left:5px;"><img alt="" src="http://i.imgur.com/iijHGPj.png" style="width:80px;height:80px;border:solid 1px #000;" /></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-50px;margin-left:100px;">
<div style="width:50px;float:left;height:20px;margin-top:2px;margin-left:25px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-5px;margin-left:-10px;">
<div style="width:70px;float:left;height:20px;margin-top:2px;margin-left:10px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
</div>
</div>
<div style="width:80px;float:left;height:80px;background:#CECBD7;border:solid 1px #000;margin-top:15px;">
<div style="width:80px;float:left;height:80px;margin-top:5px;margin-left:5px;"><img alt="" src="http://i.imgur.com/iijHGPj.png" style="width:80px;height:80px;border:solid 1px #000;" /></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-50px;margin-left:100px;">
<div style="width:50px;float:left;height:20px;margin-top:2px;margin-left:25px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
<div style="width:70px;float:left;height:15px;background:#CECBD7;border:solid 1px #000;margin-top:-5px;margin-left:-10px;">
<div style="width:70px;float:left;height:20px;margin-top:2px;margin-left:15px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;"><strong>name</strong></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:80px;float:left;height:80px;border:solid 1px #000;margin-top:-50px;">
<div style="width:70px;float:left;height:70px;margin-top:-5px;margin-left:10px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#8CF38A;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#8CF38A;"><em><strong>b</strong></em></span></a></div>
<div style="width:70px;float:left;height:70px;margin-top:-70px;margin-left:20px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#F24BD4;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#F24BD4;"><em><strong>b</strong></em></span></a></div>
<div style="width:70px;float:left;height:70px;margin-top:-70px;margin-left:15px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#BC91F5;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#bc91f5;"><em><strong>b</strong></em></span></a></div>
<div style="width:192px;float:left;height:25px;border:solid 1px #000;background:#593338;margin-top:-11px;margin-left:92px;">
<div style="width:150px;float:left;height:40px;margin-top:2px;margin-left:65px;font-size:15px;color:#fff;letter-spacing:1px;font-family:arial;text-transform:uppercase;"><strong>amigos</strong></div>
</div>
</div>
<div style="width:285px;float:left;height:215px;background:#CECBD7;border:solid 1px #000;margin-top:10px;">
<div style="width:285px;float:left;height:212px;overflow:hidden;">
<div style="width:305px;float:left;height:212px;overflow:auto;">
<div style="width:285px;float:left;">&nbsp;</div>
<div style="width:275px;float:left;margin-top:-20px;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Title | Genre | Pairing | Available</div>
<div style="width:180px;float:left;border-bottom:solid 1px #fff;margin-top:-30px;margin-left:5px;">&nbsp;</div>
<div style="height:auto;float:left;border-left:solid 3px #fff;margin-top:5px;margin-left:35px;">
<div style="width:230px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:275px;float:left;margin-top:10px;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Title | Genre | Pairing | Available</div>
<div style="width:180px;float:left;border-bottom:solid 1px #fff;margin-top:-20px;margin-left:5px;">&nbsp;</div>
<div style="height:auto;float:left;border-left:solid 3px #fff;margin-top:5px;margin-left:35px;">
<div style="width:230px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:275px;float:left;margin-top:10px;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Title | Genre | Pairing | Available</div>
<div style="width:180px;float:left;border-bottom:solid 1px #fff;margin-top:-20px;margin-left:5px;">&nbsp;</div>
<div style="height:auto;float:left;border-left:solid 3px #fff;margin-top:5px;margin-left:35px;">
<div style="width:230px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:275px;float:left;margin-top:10px;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Title | Genre | Pairing | Available</div>
<div style="width:180px;float:left;border-bottom:solid 1px #fff;margin-top:-20px;margin-left:5px;">&nbsp;</div>
<div style="height:auto;float:left;border-left:solid 3px #fff;margin-top:5px;margin-left:35px;">
<div style="width:230px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:550px;margin:auto;height:640px;">
<div style="width:550px;height:640px;float:left;overflow:hidden;">
<div style="width:465px;float:left;height:620px;"><img alt="" src="https://s-media-cache-ak0.pinimg.com/originals/10/23/f3/1023f32557e2d5aa8f2eb18b2ea7b9f7.jpg" style="height:620px;width:465px;" /></div>
<div style="width:465px;float:left;height:475px;background:#fff;margin-top:-547px;">&nbsp;</div>
<div style="width:205px;float:left;height:308px;margin-top:-535px;"><img alt="" src="https://s-media-cache-ak0.pinimg.com/originals/3d/b6/01/3db601ea82be5ba53b0bdd9c9bbc5481.jpg" style="width:205px;height:308px;" /></div>
<div style="width:215px;float:left;margin-top:-225px;font-family:arial;font-size:30px;letter-spacing:2px;color:#8295A9;"><strong>lio kyobasaki</strong></div>
<div style="width:150px;float:left;height:5px;margin-top:-170px;margin-left:5px;background:#8295A9;border-radius:150px;">
<div style="width:215px;float:left;margin-top:-15px;margin-left:-5px;border-bottom:solid 1px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:50px;float:left;margin-top:-15px;margin-left:180px;font-family:arial;font-size:10px;letter-spacing:2px;color:#8295A9;text-transform:uppercase;"><strong>92%</strong></div>
<div style="width:50px;float:left;margin-top:3px;margin-left:10px;font-family:arial;font-size:10px;letter-spacing:-1px;color:#8295A9;text-transform:uppercase;"><strong>muse</strong></div>
</div>
<div style="width:170px;float:left;height:5px;margin-top:-140px;margin-left:5px;background:#8295A9;border-radius:150px;">
<div style="width:215px;float:left;margin-top:-15px;margin-left:-5px;border-bottom:solid 1px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:50px;float:left;margin-top:-15px;margin-left:180px;font-family:arial;font-size:10px;letter-spacing:2px;color:#8295A9;text-transform:uppercase;"><strong>97%</strong></div>
<div style="width:50px;float:left;margin-top:3px;margin-left:10px;font-family:arial;font-size:10px;letter-spacing:-1px;color:#8295A9;text-transform:uppercase;"><strong>activity</strong></div>
</div>
<div style="width:110px;float:left;height:5px;margin-top:-110px;margin-left:5px;background:#8295A9;border-radius:150px;">
<div style="width:215px;float:left;margin-top:-15px;margin-left:-5px;border-bottom:solid 1px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:50px;float:left;margin-top:-15px;margin-left:180px;font-family:arial;font-size:10px;letter-spacing:2px;color:#8295A9;text-transform:uppercase;"><strong>80%</strong></div>
<div style="width:50px;float:left;margin-top:3px;margin-left:10px;font-family:arial;font-size:10px;letter-spacing:-1px;color:#8295A9;text-transform:uppercase;"><strong>mood</strong></div>
</div>
<div style="width:245px;float:left;height:450px;margin-top:-535px;margin-left:220px;">
<div style="width:245px;float:left;height:450px;overflow:hidden;">
<div style="width:285px;float:left;height:450px;overflow:auto;">
<div style="width:245px;float:left;">
<div style="width:150px;float:left;margin-top:-10px;margin-left:4px;font-family:arial;font-size:30px;letter-spacing:-1px;color:#8295A9;text-transform:lowercase;"><strong>about me</strong></div>
<div style="width:135px;float:left;margin-top:-30px;border-bottom:solid 2px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:245px;float:left;margin-top:3px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae hendrerit erat. Nulla faucibus turpis faucibus neque mattis auctor. Sed sed tortor arcu. Pellentesque eu nisi ac dui ornare vehicula vel nec est. Duis molestie lectus ac nunc aliquam, eget viverra ante posuere. Quisque vehicula est vel justo lobortis sodales. In hac habitasse platea dictumst. Fusce fermentum accumsan libero, at pharetra lectus sagittis at. Fusce et quam at mi porta varius nec sit amet nulla. Sed dolor dolor, volutpat et facilisis sed, feugiat quis elit. Aenean cursus maximus ligula eget rhoncus. Suspendisse eget leo fringilla, tincidunt magna quis, posuere mi. Sed gravida lorem vitae vehicula finibus. Donec ultricies tortor arcu, et dignissim augue sodales sit amet. Etiam pretium erat nibh, et porttitor lectus venenatis ac. Sed feugiat dolor neque, a mattis arcu commodo et. Nam vestibulum ultrices ligula vehicula accumsan. Curabitur viverra laoreet ullamcorper. Integer at sagittis odio, a consectetur justo. In cursus, est vel semper luctus, elit nisl aliquet risus, eget interdum metus tortor eu sem. Donec egestas mauris eu posuere cursus. Proin sed purus sit amet erat dapibus facilisis vitae sed mi. Aliquam in erat a erat finibus euismod in ut ipsum. Pellentesque in massa mi. In tempor tellus hendrerit nibh volutpat, quis dignissim ipsum feugiat. Morbi quis finibus nulla. Aliquam sollicitudin elit volutpat, feugiat magna sed, laoreet orci.</strong></div>
</div>
<div style="width:150px;float:left;margin-top:5px;margin-left:4px;font-family:arial;font-size:30px;letter-spacing:-1px;color:#8295A9;text-transform:lowercase;"><strong>personality</strong></div>
<div style="width:155px;float:left;margin-top:-25px;border-bottom:solid 2px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:245px;float:left;margin-top:3px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae hendrerit erat. Nulla faucibus turpis faucibus neque mattis auctor. Sed sed tortor arcu. Pellentesque eu nisi ac dui ornare vehicula vel nec est. Duis molestie lectus ac nunc aliquam, eget viverra ante posuere. Quisque vehicula est vel justo lobortis sodales. In hac habitasse platea dictumst. Fusce fermentum accumsan libero, at pharetra lectus sagittis at. Fusce et quam at mi porta varius nec sit amet nulla. Sed dolor dolor, volutpat et facilisis sed, feugiat quis elit. Aenean cursus maximus ligula eget rhoncus. Suspendisse eget leo fringilla, tincidunt magna quis, posuere mi. Sed gravida lorem vitae vehicula finibus. Donec ultricies tortor arcu, et dignissim augue sodales sit amet. Etiam pretium erat nibh, et porttitor lectus venenatis ac. Sed feugiat dolor neque, a mattis arcu commodo et. Nam vestibulum ultrices ligula vehicula accumsan. Curabitur viverra laoreet ullamcorper. Integer at sagittis odio, a consectetur justo. In cursus, est vel semper luctus, elit nisl aliquet risus, eget interdum metus tortor eu sem. Donec egestas mauris eu posuere cursus. Proin sed purus sit amet erat dapibus facilisis vitae sed mi. Aliquam in erat a erat finibus euismod in ut ipsum. Pellentesque in massa mi. In tempor tellus hendrerit nibh volutpat, quis dignissim ipsum feugiat. Morbi quis finibus nulla. Aliquam sollicitudin elit volutpat, feugiat magna sed, laoreet orci.</strong></div>
<div style="width:150px;float:left;margin-top:5px;margin-left:5px;font-family:arial;font-size:30px;letter-spacing:-1px;color:#8295A9;text-transform:lowercase;"><strong>lover</strong></div>
<div style="width:70px;float:left;margin-top:20px;margin-left:-152px;border-bottom:solid 2px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:100px;float:left;height:100px;margin-top:55px;margin-left:-150px;border-radius:100px;"><img alt="" src="https://i.pinimg.com/736x/42/ea/df/42eadf1dcd146c266255d5b4159160a5--bastion-nap-times.jpg" style="width:100px;height:100px;border:solid 5px #8295A9;border-radius:100px;" /></div>
<div style="width:100px;float:left;margin-top:-85px;margin-left:98px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>name</strong>
<div style="width:80px;float:left;margin-top:-10px;margin-left:-5px;border-bottom:solid 2px #8295A9;">&nbsp;</div>
<div style="width:100px;float:left;margin-top:10px;margin-left:8px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>status </strong>
<div style="width:80px;float:left;margin-top:-10px;margin-left:-5px;border-bottom:solid 2px #8295A9;">&nbsp;</div>
<div style="width:100px;float:left;margin-top:10px;margin-left:0px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>est 00.00.00 </strong>
<div style="width:80px;float:left;margin-top:-10px;margin-left:-5px;border-bottom:solid 2px #8295A9;">&nbsp;</div>
<div style="width:245px;float:left;margin-top:40px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae hendrerit erat. Nulla faucibus turpis faucibus neque mattis auctor. Sed sed tortor arcu. Pellentesque eu nisi ac dui ornare vehicula vel nec est. Duis molestie lectus ac nunc aliquam, eget viverra ante posuere. Quisque vehicula est vel justo lobortis sodales. In hac habitasse platea dictumst. Fusce fermentum accumsan libero, at pharetra lectus sagittis at. Fusce et quam at mi porta varius nec sit amet nulla. Sed dolor dolor, volutpat et facilisis sed, feugiat quis elit. Aenean cursus maximus ligula eget rhoncus. Suspendisse eget leo fringilla, tincidunt magna quis, posuere mi. Sed gravida lorem vitae vehicula finibus. </strong></div>
</div>
<div style="width:150px;float:left;margin-top:30px;margin-left:-100px;font-family:arial;font-size:30px;letter-spacing:-1px;color:#8295A9;text-transform:lowercase;"><strong>plots</strong></div>
<div style="width:75px;float:left;margin-top:40px;margin-left:-155px;border-bottom:solid 2px #8295A9;border-radius:5px;">&nbsp;</div>
<div style="width:245px;float:left;margin-top:20px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>title | genre | --/-- | available</strong></div>
<div style="height:auto;float:left;border-left:solid 3px #8295A9;margin-top:5px;margin-left:-75px;">
<div style="width:200px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:245px;float:left;margin-top:20px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>title | genre | --/-- | available</strong></div>
<div style="height:auto;float:left;border-left:solid 3px #8295A9;margin-top:5px;margin-left:-75px;">
<div style="width:200px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:245px;float:left;margin-top:20px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>title | genre | --/-- | available</strong></div>
<div style="height:auto;float:left;border-left:solid 3px #8295A9;margin-top:5px;margin-left:-75px;">
<div style="width:200px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:245px;float:left;margin-top:20px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>title | genre | --/-- | available</strong></div>
<div style="height:auto;float:left;border-left:solid 3px #8295A9;margin-top:5px;margin-left:-75px;">
<div style="width:200px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
<div style="width:245px;float:left;margin-top:20px;margin-left:-105px;font-family:arial;font-size:8px;letter-spacing:1px;color:#8295A9;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>title | genre | --/-- | available</strong></div>
<div style="height:auto;float:left;border-left:solid 3px #8295A9;margin-top:5px;margin-left:-75px;">
<div style="width:200px;float:left;margin-left:5px;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida pellentesque quam non laoreet. Maecenas finibus tempus lorem sit amet pharetra. Curabitur mollis dignissim nulla. Maecenas mauris purus, lacinia ut malesuada et, faucibus at est.&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:80px;float:left;height:80px;margin-top:-75px;margin-left:15px;">
<div style="width:70px;float:left;height:70px;margin-top:-5px;margin-left:10px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#CE823E;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#CDD8D5;"><em><strong>b</strong></em></span></a></div>
<div style="width:70px;float:left;height:70px;margin-top:-70px;margin-left:20px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#CDD8D5;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#CE823E;"><em><strong>b</strong></em></span></a></div>
<div style="width:70px;float:left;height:70px;margin-top:-70px;margin-left:15px;font-family:arial;font-size:60px;text-transform:uppercase;letter-spacing:1px;color:#8295A9;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21339/baby-baby-baby-new-layout-gallery-open-for-business-newest-macaron-graphicshop"><span style="color:#8295A9;"><em><strong>b</strong></em></span></a></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment