Skip to content

Instantly share code, notes, and snippets.

@lovettes
Created September 15, 2022 05:44
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/811fa61a25a1f0f1580794c65cab9e7f to your computer and use it in GitHub Desktop.
Save lovettes/811fa61a25a1f0f1580794c65cab9e7f to your computer and use it in GitHub Desktop.
<div style="width:600px;margin:auto;">
<div style="width:600px;height:450px;float:left;">
<img src="http://i.imgur.com/cU6p99G.jpg" style="width:600px;height:450px;float:left;">
</div>
<div style="width:600px;height:450px;float:left;margin:-450px 0px 0px 0px;overflow:hidden;">
<div style="width:600px;height:470px;overflow:auto;float:left;">
<div style="width:1200px;height:450px;float:left;">
<img src="http://i.imgur.com/KXAq3uB.png" style="width:1200px;height:450px;float:left;">
</div>
<div style="width:600px;height:450px;float:left;background-color:none;margin:-450px 0px 0px 0px;">
<div style="margin:20px 20px 0px 0px;float:right;color:#fff;text-align:right;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:1px;line-height:10px;"><em>I only have one<br>chance so I<br>can't waste it</em></div>
<div style="width:560px;margin:254px 20px 0px 0px;float:right;color:#fff;text-align:right;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:10px;"><span style="font-size:10px;"><em>nam joohyuk</em></span><br><br><div style="float:right;line-height:10px;height:100px;overflow:hidden;width:200px;text-align:justify;border-top:1px dotted #fff;padding-top:5px;">Keep this under 9 lines. Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. </div></div>
</div>
<div style="width:600px;height:450px;float:left;background-color:none;margin:-450px 0px 0px 600px;">
<div style="width:160px;height:410px;background-color:none;float:left;margin:20px 0px 0px 20px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:10px;color:#fff;">
<div style="width:160px;height:200px;background-color:none;float:left;margin:0px 0px 0px 0px;"><div style="width:160px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">basic information</span></div><br>full name:
<br>nickname:<br>date of birth:<br>age:<br>occupation:<br>orientation:<br>relationship status:<br>info:<br>info:<br>info:<br>info:<br><br>other information:<div style="width:150px;float:left;margin:0px 0px 0px 10px;background-color:none;">mood:<br>listening to:<br>watching:<br>eating:</div></div>
<div style="width:160px;height:200px;background-color:none;float:left;margin:10px 0px 0px 0px;text-align:justify;overflow:hidden;">
<div style="width:160px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">personality</span></div>
<div style="width:160px;height:184px;background-color:none;margin:5px 0px 0px 0px;overflow:hidden;">
<div style="width:180px;height:184px;overflow:auto;">
<div style="width:160px;">
scrollable text box. Sed facilisis ante justo, ac vehicula metus condimentum eget. Nulla facilisi. Nam sit amet pulvinar nulla, eu hendrerit turpis. Proin eu nisi nibh. Ut ligula leo, pharetra at accumsan congue, posuere in diam. Sed viverra laoreet velit et maximus. Sed at pellentesque purus. In hac habitasse platea dictumst. Integer id tristique ex. Vestibulum imperdiet massa in dapibus porta. Proin turpis felis, venenatis quis nisi nec, placerat ultrices ligula. Maecenas vitae rutrum nisi, tempor cursus turpis. Sed scelerisque, nibh nec vehicula scelerisque, dolor enim pretium sapien, non pharetra sem nulla maximus est. Sed tristique nunc nibh, ut tincidunt orci accumsan sit amet. Vestibulum dapibus neque nec rutrum consectetur.
<br><br>
Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.</div></div></div>
</div>
</div>
<div style="width:160px;height:410px;background-color:none;float:left;margin:20px 0px 0px 20px;">
<div style="width:160px;height:250px;background-color:none;float:left;margin:0px 0px 0px 0px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:10px;color:#fff;"><div style="width:160px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">background</span></div><div style="width:160px;height:200px;background-color:none;float:left;margin:5px 0px 0px 0px;text-align:justify;"><div style="width:160px;background-color:none;height:234px;overflow:hidden;">
<div style="width:180px;height:234px;overflow:auto;">
<div style="width:160px;">scrollable text box. Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.
<br><br>
Praesent varius ante eros, ornare dapibus mi cursus et. Nam turpis metus, eleifend a fringilla a, porta nec metus. Etiam et cursus ipsum. Donec suscipit erat nibh, eget sollicitudin libero tempus non. Duis sed risus leo. Curabitur pellentesque sodales vehicula. Aliquam et ultricies felis, et hendrerit ipsum. Vestibulum feugiat lorem ultrices diam sagittis aliquet. Proin nulla urna, pellentesque a ornare consequat, tempus at justo. Vestibulum quis lorem at lectus hendrerit tempor nec id mi. Etiam ac elit suscipit, laoreet urna at, faucibus nunc. Curabitur maximus faucibus tempor.</div></div></div></div>
</div>
<div style="width:160px;height:150px;background-color:none;float:left;margin:10px 0px 0px 0px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:10px;color:#fff;text-align:justify;overflow:hidden;"><div style="width:160px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">my lover</span></div>
<div style="width:160px;height:71px;"><img src="http://i.imgur.com/wkcSLGP.jpg" style="width:160px;height:71px;float:left;padding-top:5px;"></div><div style="width:160px;float:left;margin-top:2px;">Keep under six lines. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante.</div>
</div>
</div>
<div style="width:200px;height:410px;background-color:none;float:left;margin:20px 0px 0px 20px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:10px;color:#fff;"><div style="width:200px;height:80px;background-color:none;float:left;">
<div style="width:200px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">friends »</span></div>
<div style="width:200px;height:64px;background-color:none;float:left;margin:5px 0px 0px 0px;overflow:hidden;">
<div style="width:200px;height:84px;overflow:auto;">
<div style="width:410px;height:64px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 5px 0px 0px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 5px 0px 0px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 5px 0px 0px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 5px 0px 0px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 5px 0px 0px;">
<img src="http://i.imgur.com/DYDroyL.png" style="width:64px;height:64px;float:left;margin:0px 0px 0px 0px;">
</div>
</div>
</div>
</div>
<div style="width:200px;height:200px;background-color:none;float:left;margin:10px 0px 0px 0px;">
<div style="width:200px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">plots</span></div>
<div style="width:200px;height:184px;background-color:none;float:left;margin:5px 0px 0px 0px;text-align:justify;overflow:hidden;">
<div style="width:220px;height:184px;overflow:auto;">
<div style="width:200px;">
PLOT 1 – Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.<BR><br>
PLOT 2 – Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.<BR><br>
PLOT 1 – Vivamus vel nisi ut diam interdum pretium ut ac odio. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh. Nunc blandit tortor mauris, ac efficitur enim semper sagittis. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit. Donec euismod erat mauris, nec tempor urna vestibulum a. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.
</div>
</div>
</div>
</div>
<div style="width:200px;height:110px;background-color:none;float:left;margin:10px 0px 0px 0px;">
<div style="width:200px;border-bottom:1px dotted #fff;"><span style="font-size:10px;">ooc corner</span></div>
<div style="width:200px;height:94px;background-color:none;float:left;margin:5px 0px 0px 0px;text-align:justify;overflow:hidden;">
<div style="width:220px;height:94px;overflow:auto;">
<div style="width:200px;">
01. Vivamus vel nisi ut diam interdum pretium ut ac odio. <br>02. Nam odio lectus, egestas a aliquam condimentum, laoreet id nibh.<br>03. Nunc blandit tortor mauris, ac efficitur enim semper sagittis.<br>04. Maecenas vitae sodales mi, vel efficitur dolor. Suspendisse potenti.<br>05. Aenean tempus felis ac nunc fringilla, eu bibendum leo blandit.<br>06. Donec euismod erat mauris, nec tempor urna vestibulum a.<br>07. Sed sit amet nunc ullamcorper, viverra ante non, vulputate dui.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:600px;font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;text-transform:uppercase;font-size:7px;letter-spacing:1px;line-height:15px;text-align:right;"><A HREF="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="Text-decoration:none;color:#000;"><Strong>Lovette.</Strong></A></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment