Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created December 18, 2016 10:05
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save rose-quartz/700bc84e10d2e357020e3c548f008da0 to your computer and use it in GitHub Desktop.
<div style="width:100%;background-color:#F18F9D">
<div><img src="http://i.imgur.com/k8bqknm.jpg" style="width:100%;height:auto;" /></div>
<div style="width:70%;text-align:center;margin:auto;padding:15px 0px 10px 0px;line-height:18px;"><span style="color:#fff;font-family:helvetica neue;letter-spacing:1px;font-size:20px;text-transform:uppercase;"><strong>roleplay name</strong></span></div>
<div style="width:70%;text-align:center;margin:auto;height:5px;background-color:#FEE433"></div>
<div style="width:70%;text-align:center;margin:auto;padding:5px 0px"><span style="color:#fff;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;"><strong>EST. 2016</strong></span></div>
<div style="width:70%;background-color:none;margin:auto;text-align:center;padding:10px 0px 10px 0px;line-height:8px;">
<span style="color:#D0C3EC;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;"><strong>masterlist&nbsp;&nbsp;&nbsp;&nbsp;couple list&nbsp;&nbsp;&nbsp;&nbsp;information</strong></span>
</div>
<div style="width:70%;margin:auto;line-height:7px;text-align:justify;padding:0px 0px 20px 0px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et condimentum sem. Cras dignissim felis id nunc pretium tristique. Ut sit amet posuere lectus, sit amet convallis mauris. Proin purus nibh, suscipit ac sollicitudin eget, ullamcorper et turpis. Sed id leo tincidunt, sodales lacus vel, sagittis arcu. Praesent rhoncus iaculis orci, vel posuere sem blandit non. Integer id enim neque. Maecenas eu turpis non ligula faucibus volutpat. Aliquam efficitur enim lacus. Duis id sollicitudin urna. Morbi ultricies porta neque. Curabitur et nunc dolor.
<br><br>
Vestibulum sollicitudin nisl et velit sagittis, non varius magna faucibus. Duis vulputate mauris sem, eget euismod leo malesuada sed. Fusce efficitur sit amet risus eget tempor. Donec euismod porta odio nec commodo. Suspendisse potenti. Suspendisse in sapien non felis mollis fringilla. Curabitur lobortis leo eget arcu pulvinar placerat.
</span></div><div style="width:60%;margin:auto;line-height:18px;text-align:center;padding:0px 0px 15px 0px;"><span style="color:#fff;font-family:helvetica neue;letter-spacing:1px;font-size:20px;text-transform:uppercase;"><strong>"insert pull quote here."</strong>
</span></div>
<div style="width:100%;margin:auto;background-color:#F18F9D;float:left;">
<div style="width:70%;margin:auto;">
<div style="width:45%;background-color:none;float:left;text-align:center;padding:0px 0px 5px 0px;line-height:10px;"><span style="color:#D0C3EC;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;"><strong>rules + regulations</strong></span></div>
<div style="width:10%;background-color:none;float:left;"></div>
<div style="width:45%;background-color:none;float:right;text-align:center;padding:0px 0px 5px 0px;line-height:10px;"><span style="color:#D0C3EC;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;"><strong>how to join + app</strong></span></div>
</div>
</div>
<div style="width:100%;margin:auto;background-color:#F18F9D;float:left;">
<div style="width:70%;margin:auto;">
<div style="width:45%;background-color:none;float:left;text-align:justify;padding:0px 0px 20px 0px;line-height:7px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">001. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 002. Nulla et condimentum sem. Cras dignissim felis id nunc pretium tristique. 003. Ut sit amet posuere lectus, sit amet convallis mauris. 004. Proin purus nibh, suscipit ac sollicitudin eget, ullamcorper et turpis. 005. Sed id leo tincidunt, sodales lacus vel, sagittis arcu. 006. Praesent rhoncus iaculis orci, vel posuere sem blandit non. Integer id enim neque. Maecenas eu turpis non ligula faucibus volutpat. 007. Aliquam efficitur enim lacus. Duis id sollicitudin urna. Morbi ultricies porta neque. Curabitur et nunc dolor.
</span></div>
<div style="width:10%;background-color:none;float:left;"></div>
<div style="width:45%;background-color:none;float:right;text-align:justify;padding:0px 0px 20px 0px;line-height:7px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">001. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 002. Nulla et condimentum sem. Cras dignissim felis id nunc pretium tristique. 003. Ut sit amet posuere lectus, sit amet convallis mauris. 004. Proin purus nibh, suscipit ac sollicitudin eget, ullamcorper et turpis. 005. Sed id leo tincidunt, sodales lacus vel, sagittis arcu. 006. Praesent rhoncus iaculis orci, vel posuere sem blandit non. Integer id enim neque. Maecenas eu turpis non ligula faucibus volutpat. 007. Aliquam efficitur enim lacus. Duis id sollicitudin urna. Morbi ultricies porta neque. Curabitur et nunc dolor.
</span></div>
</div>
<div style="width:70%;margin:auto;">
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;"><img src="http://data.whicdn.com/images/212959019/large.jpg" style="width:100%;height:auto;border-radius:100%;"></div>
<div style="width:5%;float:left;height:10px;"></div>
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;"><img src="https://65.media.tumblr.com/24f93e6373bd3d6a27ec2e096658b865/tumblr_nwxt5iu24I1ujp48jo1_400.png" style="width:100%;height:auto;border-radius:100%;"></div>
<div style="width:5%;float:left;height:10px;"></div>
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;">
<img src="http://data.whicdn.com/images/219360721/large.png" style="width:100%;height:auto;border-radius:100%;"></div>
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;text-align:justify;line-height:7px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Proin fermentum venenatis justo, vitae porttitor orci. Integer arcu ligula, malesuada quis lacus at, mattis suscipit justo. Proin porttitor aliquam fermentum.</span>
</div>
<div style="width:5%;float:left;height:10px;"></div>
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;text-align:justify;line-height:7px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Proin fermentum venenatis justo, vitae porttitor orci. Integer arcu ligula, malesuada quis lacus at, mattis suscipit justo. Proin porttitor aliquam fermentum.</span></div>
<div style="width:5%;float:left;height:10px;"></div>
<div style="width:30%;background-color:none;float:left;padding:0px 0px 15px 0px;text-align:justify;line-height:7px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Proin fermentum venenatis justo, vitae porttitor orci. Integer arcu ligula, malesuada quis lacus at, mattis suscipit justo. Proin porttitor aliquam fermentum.</span></div>
<div style="width:100%;height:5px;background-color:#FEE433;float:left;margin:0px 0px 10px 0px;"></div>
<span style="color:#D0C3EC;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;">
<div style="float:left;width:100%;text-align:center;margin:0px 0px 10px 0px;">
<strong>section one</strong></span></div>
<div style="text-align:justify;float:left;line-height:7px;padding:0px 0px 15px 0px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et condimentum sem. Cras dignissim felis id nunc pretium tristique. Ut sit amet posuere lectus, sit amet convallis mauris. Proin purus nibh, suscipit ac sollicitudin eget, ullamcorper et turpis. Sed id leo tincidunt, sodales lacus vel, sagittis arcu. Praesent rhoncus iaculis orci, vel posuere sem blandit non. Integer id enim neque. Maecenas eu turpis non ligula faucibus volutpat. Aliquam efficitur enim lacus. Duis id sollicitudin urna. Morbi ultricies porta neque. Curabitur et nunc dolor.
<br><br>
Vestibulum sollicitudin nisl et velit sagittis, non varius magna faucibus. Duis vulputate mauris sem, eget euismod leo malesuada sed. Fusce efficitur sit amet risus eget tempor. Donec euismod porta odio nec commodo. Suspendisse potenti. Suspendisse in sapien non felis mollis fringilla. Curabitur lobortis leo eget arcu pulvinar placerat.
</span></div><span style="color:#D0C3EC;font-family:helvetica neue;letter-spacing:1px;font-size:10px;text-transform:uppercase;">
<div style="float:left;width:100%;text-align:center;margin:0px 0px 10px 0px;">
<strong>section two</strong></span></div>
<div style="text-align:justify;float:left;line-height:7px;padding:0px 0px 15px 0px;"><span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et condimentum sem. Cras dignissim felis id nunc pretium tristique. Ut sit amet posuere lectus, sit amet convallis mauris. Proin purus nibh, suscipit ac sollicitudin eget, ullamcorper et turpis. Sed id leo tincidunt, sodales lacus vel, sagittis arcu. Praesent rhoncus iaculis orci, vel posuere sem blandit non. Integer id enim neque. Maecenas eu turpis non ligula faucibus volutpat. Aliquam efficitur enim lacus. Duis id sollicitudin urna. Morbi ultricies porta neque. Curabitur et nunc dolor.
<br><br>
Vestibulum sollicitudin nisl et velit sagittis, non varius magna faucibus. Duis vulputate mauris sem, eget euismod leo malesuada sed. Fusce efficitur sit amet risus eget tempor. Donec euismod porta odio nec commodo. Suspendisse potenti. Suspendisse in sapien non felis mollis fringilla. Curabitur lobortis leo eget arcu pulvinar placerat.
</span></div>
<div style="width:100%;height:5px;background-color:#FEE433;float:left;margin:0px 0px 10px 0px;"></div>
<div style="float:left;text-align:center;width:100%;padding:0px 0px 10px 0px;line-height:10px;">
<span style="color:#fff;font-family:calibri, arial;letter-spacing:1px;font-size:8px;text-transform:uppercase;">coded by rose-quartz for roleplayrepublic</span>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment