Skip to content

Instantly share code, notes, and snippets.

@ikkiteru

ikkiteru/rp. vanilla - header ver. Secret

Created September 1, 2017 19:47
Show Gist options
  • Save ikkiteru/b866db7a38678533dcd60e80dd43eab7 to your computer and use it in GitHub Desktop.
Save ikkiteru/b866db7a38678533dcd60e80dd43eab7 to your computer and use it in GitHub Desktop.
Download ZIP
rp. vanilla
Raw
rp. vanilla - header ver.
<div style="width:1014px;margin-left:-16px;">
<div style="width:1014px;float:left;background-color:#F9F9F9;">
<div style="width:1014px;float:left;height:350px;background-color:#EEE;"><img src="http://i.imgur.com/uTjs2sK.png" /></div>
<div style="width:964px;float:left;padding:25px;margin-top:-350px;">
<div style="width:664px;float:left;padding:150px;border:1px solid #eee;">
<div style="width:400px;margin:auto;">
<div style="font-family:calibri;font-size:24px;color:#FFF;text-align:center;letter-spacing:1px;text-transform:uppercase;"><strong>Vanilla:</strong></div>
<div style="font-family:calibri;font-size:8px;color:#FFF;text-align:center;letter-spacing:2px;text-transform:uppercase;"><strong>a facebook roleplay</strong></div>
<p style="text-align:center;"><img src="http://i.imgur.com/PjqNxvV.png" style="margin-top:40px;height:20px;width:20px;" /></p>
</div>
<div style="width:600px;margin:100px auto 0px;">
<div style="width:600px;float:left;">
<div style="width:360px;float:left;margin-right:40px;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;margin-top:40px;"><strong>&mdash;&nbsp;ABOUT US</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p>no fixed height, but keep it smaller than the image to the right for best results. Adjust the margin-top if necessry. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
<div style="width:360px;float:left;margin-top:20px;">
<div style="padding:10px 15px;float:right;background-color:#E9E9E9;border-bottom:1px solid #D9D9D9;border-radius:2px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:center;letter-spacing:1px;text-transform:uppercase;"><strong>go to base&nbsp;&rarr;</strong></div>
</div>
</div>
</div>
<div style="width:200px;float:left;"><img alt="tumblr_o03e3imKeJ1uu2at7o1_500.png" src="http://56.media.tumblr.com/0b623b5354550843a4d3c24ac4041d7f/tumblr_o03e3imKeJ1uu2at7o1_500.png" style="height:267px;width:200px;float:left;" />
<div style="width:160px;float:left;margin-top:-80px;padding:20px;">
<div style="border:1px solid #EEE;float:left;">
<div style="padding:15px 10px;float:left;border-right:1px solid #EEE;">
<div style="font-family:calibri;font-size:20px;color:#EEE;text-align:justify;letter-spacing:1px;text-transform:uppercase;line-height:9px;"><strong>00</strong></div>
</div>
<div style="padding:15px 10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#EEE;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">Member Count</div>
</div>
</div>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="width:280px;float:left;margin-right:40px;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>&mdash;&nbsp;rules &amp; guidelines</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p><strong>001.</strong>&nbsp;No fixed height. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>002.</strong> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p><strong>003.</strong> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<p><strong>004.</strong> Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
</div>
<div style="width:280px;float:left;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>&mdash;&nbsp;how to join</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p><strong>001.</strong>&nbsp;No fixed height. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
<p><strong>002.</strong> Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p><strong>003.</strong> In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<p><strong>004.</strong> Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="width:350px;float:left;margin-left:20px;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>&mdash;&nbsp;updates</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p><strong>00/00/00</strong>&nbsp;no fixed height. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>00/00/00</strong>&nbsp;Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>
<div style="width:170px;float:left;margin-left:40px;"><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-right:5px;" title="Admin 1" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-right:5px;" title="Admin 2" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-right:5px;" title="Admin 3" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-right:5px;margin-top:5px;" title="Admin 4" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-right:5px;margin-top:5px;" title="Admin 5" /><img alt="user.png" src="https://myspace.com/common/images/user.png" style="float:left;height:50px;width:50px;margin-top:5px;" title="Admin 6" /></div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="width:200px;float:left;"><img alt="" src="http://56.media.tumblr.com/0b623b5354550843a4d3c24ac4041d7f/tumblr_o03e3imKeJ1uu2at7o1_500.png" style="height:267px;width:200px;float:left;" />
<div style="width:160px;float:left;margin-top:-130px;padding:20px;">
<div style="border:1px solid #EEE;float:left;">
<div style="width:140px;padding:10px;float:left;border-bottom:1px solid #EEE;">
<div style="font-family:calibri;font-size:11px;color:#EEE;text-align:justify;letter-spacing:1px;text-transform:uppercase;line-height:9px;"><strong>Event:</strong></div>
</div>
<div style="width:140px;padding:10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#EEE;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">Short 4 line event. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div>
</div>
</div>
</div>
</div>
<div style="width:360px;margin-left:40px;float:left;">
<div style="width:110px;height:187px;overflow:hidden;float:left;margin-right:15px;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Masterlist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
</div>
</div>
</div>
</div>
<div style="width:110px;height:187px;overflow:hidden;float:left;margin-right:15px;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Wishlist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
</div>
</div>
</div>
</div>
<div style="width:110px;height:187px;overflow:hidden;float:left;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Couplelist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div style="width:330px;float:left;margin-top:30px;border:1px solid #E9E9E9;padding:15px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:8px;">
<p><strong>Lorem ipsum:&nbsp;</strong>short space to add anything. possible: <em>taken</em>.&nbsp;<strong>reserved.</strong>&nbsp;<s>Not Available</s>.&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:center;letter-spacing:.5px;text-transform:uppercase;line-height:8px;"><a href="http://www.asianfanfics.com/profile/view/664800" style="color:#888;">Layout coded by lisett</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:100%;float:left;">
<div style="width:250px;margin:50px auto;">
<div style="width:252px;float:left;">
<div style="width:210px;padding:20px;border:1px solid #EEE;float:left;">
<div style="width:189px;border-left:1px solid #EEE;padding-left:20px;float:left;">
<div style="font-family:arial;font-size:16px;color:#F79F91;text-align:left;text-transform:uppercase;letter-spacing:-.5px;line-height:18px;margin-bottom:10px;"><strong style="color:rgb(247,159,145);">RP: Vanilla</strong></div>
<div style="font-family:calibri;font-size:8px;color:#CCC;text-align:justify;text-transform:uppercase;letter-spacing:.5px;line-height:9px;">
<p><b>info:</b></p>
<p>&mdash; header image: 1014X350<br />
&mdash; small images: 200X267</p>
<p><strong>Code:</strong><br />
<a href="http://textuploader.com/57741/raw" rel="nofollow" style="color:#CCC;">Header version</a><br />
<a href="http://textuploader.com/52bme/raw" rel="nofollow" style="color:#ccc;">no header version</a></p>
</div>
</div>
</div>
<div style="width:252px;float:left;margin-top:5px;">
<div style="width:200px;float:right;">
<div style="color:#f7bfb6;text-align:right;font-family:calibri;font-size:6px;letter-spacing:1px;line-height:6px;text-transform:uppercase;">#Roleplay layout #vanilla #ft. kim taehyung</div>
</div>
<div style="width:50px;height:15px;float:left;">
<div style="font-family:calibri;font-size:6px;color:#F7BFB6;text-align:justify;text-transform:uppercase;letter-spacing:1px;line-height:6px;">Feb 20<br />
2016</div>
</div>
</div>
</div>
</div>
</div>
Raw
rp. vanilla - no header ver.
<div style="width:1014px;margin-left:-16px;">
<div style="width:1014px;float:left;background-color:#F9F9F9;">
<div style="width:964px;float:left;padding:25px;">
<div style="width:664px;float:left;padding:150px;border:1px solid #eee;">
<div style="width:400px;margin:auto;">
<div style="font-family:calibri;font-size:24px;color:#666;text-align:center;letter-spacing:1px;text-transform:uppercase;"><strong>Vanilla:</strong></div>
<div style="font-family:calibri;font-size:8px;color:#666;text-align:center;letter-spacing:2px;text-transform:uppercase;"><strong>a facebook roleplay</strong></div>
<p style="text-align:center;"><img alt="down4-48.png" src="https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/down4-48.png" style="opacity:.5;margin-top:40px;height:20px;width:20px;" /></p>
</div>
<div style="width:600px;margin:100px auto 0px;">
<div style="width:600px;float:left;">
<div style="width:360px;float:left;margin-right:40px;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;margin-top:40px;"><strong>&mdash;&nbsp;ABOUT US</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p>no fixed height, but keep it smaller than the image to the right for best results. Adjust the margin-top if necessry. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
<div style="width:360px;float:left;margin-top:20px;">
<div style="padding:10px 15px;float:right;background-color:#E9E9E9;border-bottom:1px solid #D9D9D9;border-radius:2px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:center;letter-spacing:1px;text-transform:uppercase;"><strong>go to base&nbsp;&rarr;</strong></div>
</div>
</div>
</div>
<div style="width:200px;float:left;"><img alt="tumblr_o03e3imKeJ1uu2at7o1_500.png" src="http://56.media.tumblr.com/0b623b5354550843a4d3c24ac4041d7f/tumblr_o03e3imKeJ1uu2at7o1_500.png" style="height:267px;width:200px;float:left;" />
<div style="width:160px;float:left;margin-top:-80px;padding:20px;">
<div style="border:1px solid #EEE;float:left;">
<div style="padding:15px 10px;float:left;border-right:1px solid #EEE;">
<div style="font-family:calibri;font-size:20px;color:#EEE;text-align:justify;letter-spacing:1px;text-transform:uppercase;line-height:9px;"><strong>00</strong></div>
</div>
<div style="padding:15px 10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#EEE;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">Member Count</div>
</div>
</div>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="width:280px;float:left;margin-right:40px;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>&mdash;&nbsp;rules &amp; guidelines</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p><strong>001.</strong>&nbsp;No fixed height. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><strong>002.</strong> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p><strong>003.</strong> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<p><strong>004.</strong> Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
</div>
<div style="width:280px;float:left;">
<div style="font-family:calibri;font-size:13px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>&mdash;&nbsp;how to join</strong></div>
<div style="font-family:calibri;font-size:8px;color:#888;text-align:justify;letter-spacing:.5px;text-transform:uppercase;line-height:9px;margin-top:10px;">
<p><strong>001.</strong>&nbsp;No fixed height. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
<p><strong>002.</strong> Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p><strong>003.</strong> In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
<p><strong>004.</strong> Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="width:200px;float:left;"><img src="https://56.media.tumblr.com/0b623b5354550843a4d3c24ac4041d7f/tumblr_o03e3imKeJ1uu2at7o1_500.png" style="height:267px;width:200px;float:left;" />
<div style="width:160px;float:left;margin-top:-130px;padding:20px;">
<div style="border:1px solid #EEE;float:left;">
<div style="width:140px;padding:10px;float:left;border-bottom:1px solid #EEE;">
<div style="font-family:calibri;font-size:11px;color:#EEE;text-align:justify;letter-spacing:1px;text-transform:uppercase;line-height:9px;"><strong>Event:</strong></div>
</div>
<div style="width:140px;padding:10px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#EEE;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">Short 4 line event. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div>
</div>
</div>
</div>
</div>
<div style="width:360px;margin-left:40px;float:left;">
<div style="width:110px;height:187px;overflow:hidden;float:left;margin-right:15px;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Masterlist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
<p><strong>Group Name</strong><br />
name. name. name. name.</p>
</div>
</div>
</div>
</div>
<div style="width:110px;height:187px;overflow:hidden;float:left;margin-right:15px;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Wishlist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
<p><strong>Name wishes for</strong><br />
name. name. name. name.</p>
</div>
</div>
</div>
</div>
<div style="width:110px;height:187px;overflow:hidden;float:left;">
<div style="font-family:calibri;font-size:12px;color:#666;text-align:left;letter-spacing:1px;text-transform:uppercase;"><strong>Couplelist:</strong></div>
<div style="width:130px;height:167px;overflow:auto;float:left;margin-top:10px;">
<div style="width:110px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:9px;">
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p><strong>Name and Name</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div style="width:330px;float:left;margin-top:30px;border:1px solid #E9E9E9;padding:15px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:left;letter-spacing:.5px;text-transform:uppercase;line-height:8px;">
<p><strong>Lorem ipsum:&nbsp;</strong>short space to add anything. possible: <em>taken</em>.&nbsp;<strong>reserved.</strong>&nbsp;<s>Not Available</s>.&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:600px;float:left;margin-top:40px;">
<div style="font-family:calibri;font-size:8px;color:#888;text-align:center;letter-spacing:.5px;text-transform:uppercase;line-height:8px;"><a href="http://www.asianfanfics.com/profile/view/664800" style="color:#888;">Layout coded by Lisett</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment