Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created August 11, 2017 04:37
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 rose-quartz/97ddbf88f586aca2375695a7c58365ec to your computer and use it in GitHub Desktop.
Save rose-quartz/97ddbf88f586aca2375695a7c58365ec to your computer and use it in GitHub Desktop.
<div style="width:550px;margin:auto;">
<div style="width:150px;height:400px;background-color:#fff;float:left;">
<div style="width:100px;height:350px;background-color:none;;float:left;margin:25px 0px 0px 25px;overflow:hidden;">
<div style="width:120px;height:350px;overflow:auto;float:left;">
<div style="width:100px;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<img src="https://s-media-cache-ak0.pinimg.com/564x/ab/d0/c5/abd0c55888c1814650baf56d8f7032a5.jpg" style="width:100px;height:auto;float:left;margin:10px 0px 0px 0px;">
<div style="background-color:#E3B3BF;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;padding:2.5px;margin:5px 0px 5px 0px;">image name</div>
<div style="width:100px;float:left;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
</div>
</div>
</div>
</div>
</div>
<div style="width:400px;float:left;">
<div style="width:400px;height:400px;background-color:none;float:left;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/48/8f/bb/488fbb9083dc3aad64d5eb8605ca7d48.jpg" style="float:left;width:400px;height:400px;" title="BACKGROUND IMAGE">
</div>
<div style="width:400px;height:400px;background-color:none;float:left;margin:-400px 0px 0px 0px;">
<div style="width:300px;height:100px;background-color:none;float:left;margin:50px 0px 0px 50px">
<div style="width:199px;height:100px;background-color:#fff;float:left;">
<div style="width:179px;height:80px;float:left;margin:10px 0px 0px 10px;overflow:hidden;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">
<div style="width:199px;height:80px;overflow:auto;">
<div style="width:179px;">
insert personality or personal message here. type as much as you want! Proin et urna porta, convallis nulla id, dapibus mauris. Fusce iaculis nulla ac viverra commodo. Vestibulum sit amet faucibus tortor. Vestibulum ultrices turpis lacinia sagittis molestie. Praesent et nisi id sapien laoreet pulvinar eu a mauris. In leo enim, varius nec consectetur vitae, convallis rutrum enim. Integer ac nunc pretium, vestibulum sem eget, varius mi. In eget efficitur leo.
</div>
</div>
</div>
</div>
<div style="width:100px;height:100px;background-color:#fff;float:left;margin:0px 0px 0px 1px;">
<img style="width:80px;heihgt:80px;float:left;margin:10px 0px 0px 10px;" src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg">
</div>
</div>
<div style="width:300px;height:100px;background-color:#fff;float:left;margin:1px 0px 0px 50px;">
<div style="width:280px;height:80px;background-color:none;float:left;margin:10px 0px 0px 10px;overflow:hidden;">
<div style="width:280px;height:100px;overflow:auto;">
<div style="width:845px;height:80px;background-color:none;float:left;">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
<img src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" style="width:80px;height:80px;float:left;margin:0px 0px 0px 5px;" title="INSERT MESSAGE TO FRIEND HERE">
</div></div>
</div>
</div>
<div style="width:300px;height:100px;background-color:none;float:left;margin:1px 0px 0px 50px;">
<div style="width:100px;height:100px;background-color:#fff;float:left;">
<img style="width:80px;heihgt:80px;float:left;margin:10px 0px 0px 10px;" src="https://s-media-cache-ak0.pinimg.com/564x/0a/fa/06/0afa06ef86404e57b823ae9df4a3d9c4.jpg" title="INSERT MESSAGE TO LOVER HERE">
</div>
<div style="width:199px;height:100px;background-color:#fff;float:left;margin:0px 0px 0px 1px;">
<div style="width:179px;height:80px;float:left;margin:10px 0px 0px 10px;overflow:hidden;font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#b2b2b2;text-align:justify;">
<div style="width:199px;height:80px;overflow:auto;">
<div style="width:179px;">
insert ooc rules in here. type as much as you want! Proin et urna porta, convallis nulla id, dapibus mauris. Fusce iaculis nulla ac viverra commodo. Vestibulum sit amet faucibus tortor. Vestibulum ultrices turpis lacinia sagittis molestie. Praesent et nisi id sapien laoreet pulvinar eu a mauris. In leo enim, varius nec consectetur vitae, convallis rutrum enim. Integer ac nunc pretium, vestibulum sem eget, varius mi. In eget efficitur leo.
</div>
</div>
</div>
</div>
<div style="font-family:calibri;font-size:8px;text-transform:uppercase;letter-spacing:0.7px;line-height:110%;color:#fff;float:left;margin:5px 0px 0px 0px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="text-decoration:none;color:#fff;">theme by rose-quartz</a></div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment