Skip to content

Instantly share code, notes, and snippets.

@lovettes
Created September 15, 2022 04:47
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/63ca98b52a4fc1af6cb4b473851676fd to your computer and use it in GitHub Desktop.
Save lovettes/63ca98b52a4fc1af6cb4b473851676fd to your computer and use it in GitHub Desktop.
<div style="width:500px;height:400px;background-color:#eee;border-radius:5px;margin:auto;">
<div style="width:420px;height:320px;overflow:hidden;float:left;margin:40px 40px;">
<div style="width:420px;height:350px;background-color:none;float:left;;overflow:auto;">
<div style="width:590px;height:320px;background-color:none;float:left;">
<div style="width:144px;height:320px;background-color:none;float:left;"><img src="http://i.imgur.com/qhSCw5f.jpg" style="width:144px;height:320px;border-radius:5px;float:left;"></div>
<div style="width:256px;height:320px;background-color:#C6B7A6;float:left;margin:0px 20px;border-radius:5px;">
<div style="width:216px;height:280px;background-color:none;margin:20px 20px;overflow:hidden;">
<div style="width:236px;height:280px;overflow:auto;">
<div style="width:216px;">
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>name • age • orientation</strong></span></div>
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>biography</strong></span></div>
<div style="line-height:10px;text-align:justify;"><span style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:10px;color:#fff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget rhoncus nibh. Ut sapien justo, mattis in sagittis ac, condimentum ac nulla. Curabitur feugiat laoreet semper. Donec sit amet dui gravida, accumsan nulla eu, posuere nulla. Nullam maximus erat massa, et semper elit venenatis vel. Donec non lorem quis purus auctor vestibulum quis ac quam. Duis et nisi quis sem viverra ultricies. Nulla a eros porttitor, sollicitudin lacus et, fermentum felis. Etiam id eros nulla. Sed id tortor at nisl accumsan lacinia. Phasellus magna ipsum, vestibulum sed semper at, condimentum maximus dui. Sed non commodo urna. Fusce nec sem dui. Maecenas sagittis mi eget turpis pellentesque maximus. In hac habitasse platea dictumst.
<br><br>
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
<div style="height:10px;"></div>
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>personality</strong></span></div>
<div style="line-height:10px;text-align:justify;"><span style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;;font-size:10px;color:#fff;">
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
</div>
</div>
</div></div>
<div style="width:150px;height:320px;background-color:#C6B7A6;float:left;margin:0px 0px 0px 0px;border-radius:5px;">
<div style="width:110px;height:280px;background-color:none;float:left;margin:20px 20px;overflow:hidden;">
<div style="width:130px;height:280px;overflow:auto;">
<div style="width:110px;">
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>friends</strong></span></div>
<div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://i.imgur.com/7ne4c6a.png" style="width:27.5px;height:27.5px;"></div>
<div style="line-height:15px;margin-top:10px;float:left;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>ooc + notes</strong></span></div>
<div style="line-height:10px;text-align:justify;"><span style="font-family:Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:10px;color:#fff;">
<div style="float:left;width:inherit;">
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="line-height:20px;width:500px;margin:auto;">
<span style="color:#C6B7A6;font-family:helvetica neue;font-size:8px;text-transform:uppercase;;text-transform:uppercase;font-size:8px;letter-spacing:1px;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#C6B7A6;text-decoration:none;"><strong>lovette.</strong></a></span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment