Skip to content

Instantly share code, notes, and snippets.

@funruby
Created January 1, 2016 17:57
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 funruby/027d72cce104ecbc3507 to your computer and use it in GitHub Desktop.
Save funruby/027d72cce104ecbc3507 to your computer and use it in GitHub Desktop.
[T] Lucky Streak
<div style="width:60px;float:left;margin:auto;">
<div style="width:60px;float:left;margin:15px;"><iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123935327&amp;color=B2D6D6&amp;&amp;show_artwork=false" width="60"></iframe></div>
</div>
<div style="width:880px;float:left;margin:auto;">
<div style="width:300px;float:left;margin:0px;background-color:#000;">
<div style="width:300px;float:left;margin:0px;background-color:transparent;height:150px;">
<div style="font-family:'century gothic', 'arial narrow';font-size:60px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:100%;margin-top:70px;letter-spacing:-3px;text-transform:uppercase;">KAIROS</div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:90%;margin-top:-2px;letter-spacing:.2px;">GRAPHICS</div>
</div>
<div style="width:300px;float:left;margin:0px;background-color:transparent;"><img alt="" src="http://i.imgur.com/avD25JH.jpg;" style="height:478px;width:300px;float:left;margin:-3px;padding:3px;" /></div>
<div style="width:300px;height:478px;float:left;margin:0px;margin-top:-478px;background-color:transparent;">
<div style="width:300px;height:170px;float:left;margin:0px;margin-top:320px;margin-bottom:0px;"><img alt="" src="http://i.imgur.com/YIWnx3z.png" style="width:300px;height:170px;float:left;margin:0px;" /></div>
<div style="width:300px;height:170px;float:left;margin:0px;margin-top:-170px;background-color:transparent;">
<div style="width:130px;margin:25px;margin-bottom:0px;height:20px;float:left;"><img alt="" src="http://i.imgur.com/nKGlcM2.png" style="height:20px;margin:0px;float:left;" />
<div style="font-family:'arial narrow';font-size:19px;text-align:left;margin:0px;margin-left:30px;letter-spacing:.1px;line-height:100%;color:#FFFFFF;"><strong>NAVIGATION</strong></div>
</div>
<div style="width:250px;margin-left:25px;margin-top:15px;margin-right:25px;float:left;">
<div style="width:125px;float:left;margin:0px;margin-left:0px;">
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;letter-spacing:.6px;"><span style="color:#75BAB0;">HOME</span></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">CONTACT</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">FEATURED</span></a></div>
</div>
<div style="width:125px;float:left;margin:0px;margin-left:0px;">
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">REQUEST</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">HIRING</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">BROWSE</span></a></div>
</div>
</div>
</div>
</div>
<div style="width:300px;float:left;margin:0px;background-color:transparent;height:280px;">
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:30px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11.5px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">OPEN</span></div>
</div>
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:4px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11.5px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">HIRING</span></div>
</div>
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:4px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11.5px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">batch 1</span></div>
</div>
<div style="float:left;margin:0px;margin-left:25px;margin-right:25px;margin-top:30px;width:250px;height:110px;">
<div style="float:left;margin:0px;height:110px;width:150px;background-color:transparent;margin-left:50px;"><img alt="" src="http://i.imgur.com/TiyIS2T.png" style="height:110px;width:150px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<div style="width:300px;float:left;margin:0px;margin-top:10px;">
<div style="font-family:'calibri';font-size:12px;color:#FFFFFF;text-align:center;line-height:100%;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-roleplay-layouts-gallery-layout-profile" rel="nofollow"><span style="color:#FFFFFF;" title="coded &amp; designed by holistic from syncratic designs.">&copy; SYNCRATIC</span></a></div>
</div>
</div>
</div>
<div style="float:left;margin:0px;height:908px;width:30px;background-color:#94D6CC;">&nbsp;</div>
<div style="float:left;margin:0px;height:908px;width:550px;background-color:#F5F5F5;">
<div style="float:left;margin:30px;margin-right:0px;margin-top:50px;background-color:#94D6CC;width:170px;height:170px;">
<div style="font-family:'century gothic', 'trebuchet ms';font-size:35px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:100%;margin-top:10px;letter-spacing:-1.5px;text-transform:uppercase;">UPDATE</div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:100%;margin-top:-3px;letter-spacing:.2px;">012614</div>
<div style="background-color:transparent;float:left;margin:7px;margin-left:30px;margin-right:30px;width:120px;height:100px;">
<div style="font-family:'ms pgothic';font-size:12px;color:#FFFFFF;text-align:justify;margin:0px;line-height:100%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at.</div>
</div>
</div>
<div style="float:left;margin:30px;margin-left:20px;margin-right:0px;margin-top:50px;background-color:#94D6CC;height:170px;padding-left:5px;padding-right:5px;"><img alt="" src="http://i.imgur.com/FzxLjDf.png" style="height:160px;margin-top:5px;float:left;" title="featured poster" /></div>
<div style="float:left;margin:30px;margin-left:5px;margin-top:50px;background-color:#94D6CC;width:170px;height:170px;">
<div style="font-family:'ms pgothic';font-size:12px;letter-spacing:.3px;color:#FFFFFF;text-align:justify;margin:25px;margin-top:35px;margin-bottom:35px;line-height:105%;"><strong>POSTER TITLE&nbsp;</strong>&mdash; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem.</div>
</div>
<div style="width:540px;">
<div style="float:left;margin-left:20px;margin-top:0px;width:270px;background-color:transparent;height:475px;">
<div style="width:240px;float:left;margin-left:0px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:4px;float:left;margin:0px;width:180px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">Welcome</div>
</div>
</div>
<div style="width:300px;float:left;margin-top:10px;background-color:transparent;">
<div style="font-family:'ms pgothic';font-size:11px;color:#888888;text-align:justify;line-height:105%;"><em>established february 28, 2013.&nbsp;</em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>
</div>
<div style="width:240px;float:left;margin-left:0px;margin-top:30px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:4px;float:left;margin:0px;width:180px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">guidelines</div>
</div>
<div style="height:1px;width:180px;float:left;margin:0px;background-color:#cccccc;">&nbsp;</div>
</div>
<div style="width:300px;float:left;margin-top:10px;background-color:transparent;height:240px;">
<div style="font-family:'ms pgothic';font-size:11px;color:#888888;text-align:justify;line-height:105%;"><span style="color:#75BAB0;"><em><strong>001.</strong> &nbsp;</em></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<span style="color:#75BAB0;"><em><strong>002.</strong> &nbsp;</em></span> Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.<br />
<span style="color:#75BAB0;"><em><strong>003.</strong> &nbsp;</em></span>Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.<br />
<span style="color:#75BAB0;"><em><strong>004.</strong> &nbsp;</em></span>Mauris massa.<br />
<span style="color:#75BAB0;"><em><strong>005.</strong> &nbsp;</em></span>Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br />
<span style="color:#75BAB0;"><em><strong>006.</strong> &nbsp;</em></span>Curabitur sodales ligula in libero.<br />
<span style="color:#75BAB0;"><em><strong>007.</strong> &nbsp;</em></span>Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>
<div style="float:left;margin:0px;margin-top:25px;width:300px;background-color:transparent;">
<div style="font-family:'arial narrow';font-size:30px;color:#94D6CC;line-height:40%;letter-spacing:-.5px;text-transform:uppercase;margin:0px;text-align:right;"><strong>RECOMMENDED</strong><br />
<span style="font-family:'ms pgothic';font-size:11px;color:#888888;line-height:30%;letter-spacing:.2px;text-transform:uppercase;">THREADS</span></div>
<div style="width:270px;float:left;margin-top:10px;margin-left:30px;background-color:transparent;">
<div style="width:135px;float:left;margin:0px;">
<div style="font-family:helvetica;font-size:12px;color:#888888;text-align:left;letter-spacing:.2px;text-transform:uppercase;line-height:160%;"><a href="http://url.com" rel="nofollow"><span style="color:#888888;">SHOP NAME</span></a><br />
<a href="http://url.com" rel="nofollow"><span style="color:#888888;">SHOP NAME</span></a></div>
</div>
<div style="width:135px;float:left;margin:0px;">
<div style="font-family:helvetica;font-size:12px;color:#888888;text-align:left;letter-spacing:.2px;text-transform:uppercase;line-height:160%;"><a href="http://url.com" rel="nofollow"><span style="color:#888888;">SHOP NAME</span></a><br />
<a href="http://url.com" rel="nofollow"><span style="color:#888888;">SHOP NAME</span></a></div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-left:50px;margin-top:0px;width:180px;background-color:transparent;height:475px;">
<div style="float:left;margin-left:20px;margin-top:0px;width:180px;background-color:transparent;height:475px;">
<div style="width:160px;float:left;margin-left:0px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:4px;float:left;margin:0px;width:160px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">pending</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-top:10px;background-color:transparent;">
<div style="width:180px;float:left;margin:0px;background-color:transparent;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;background-color:transparent;margin-top:5px;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:left;line-height:100%;text-transform:uppercase;"><span style="color:#7DB5B5;font-family:'courier new';">username :</span> name</div>
<div style="width:180px;float:left;margin-left:10px;">
<div style="background-color:#FFFFFF;float:left;margin:0px;width:100px;height:10px;margin-top:1px;">
<div style="background-color:#7DB5B5;float:left;margin:0px;width:42px;height:10px;">&nbsp;</div>
</div>
<div style="width:30px;height:12px;margin:0px;margin-top:1px;margin-left:10px;float:left;">
<div style="font-family:'courier new';font-size:11px;color:#53667A;text-align:center;line-height:100%;">042%</div>
</div>
</div>
</div>
</div>
<div style="width:160px;float:left;margin-left:0px;margin-top:20px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:4px;float:left;margin:0px;width:160px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">blacklist</div>
</div>
</div>
<div style="width:160px;float:left;margin-left:0px;margin-top:10px;">
<div style="width:75px;float:left;margin:0px;">
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;" title="reason here">username</div>
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;margin-top:4px;" title="reason here">username</div>
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;margin-top:4px;" title="reason here">username</div>
</div>
<div style="width:75px;float:left;margin:0px;margin-left:10px;">
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;" title="reason here">username</div>
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;margin-top:4px;" title="reason here">username</div>
<div style="font-family:helvetica;font-size:11px;color:#888888;text-align:left;line-height:130%;text-transform:uppercase;margin-top:4px;" title="reason here">username</div>
</div>
</div>
<div style="width:160px;float:left;margin:0px;margin-right:20px;margin-top:30px;background-color:transparent;">
<div style="font-family:'arial narrow';font-size:30px;color:#94D6CC;line-height:40%;letter-spacing:-.5px;text-transform:uppercase;margin:0px;text-align:right;"><strong>Affliates</strong><br />
<span style="font-family:'ms pgothic';font-size:11px;color:#888888;line-height:30%;letter-spacing:.2px;text-transform:uppercase;">check them out!</span></div>
</div>
<div style="width:160px;float:left;margin:0px;margin-top:12px;background-color:transparent;">
<div style="width:160px;">
<div style="background-color:#000;float:left;margin:0px;height:35px;width:35px;">&nbsp;</div>
<div style="width:35px;height:35px;float:left;margin:0px;margin-left:3px;background-color:#000;">&nbsp;</div>
<div style="width:35px;height:35px;float:left;margin:0px;margin-left:3px;background-color:#000;">&nbsp;</div>
<div style="width:35px;height:35px;float:left;margin:0px;margin-left:3px;background-color:#000;">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-left:20px;margin-right:30px;margin-top:0px;width:510px;background-color:transparent;">
<div style="width:510px;float:left;margin-left:0px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:4px;float:left;margin:0px;width:240px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">staff roster</div>
</div>
</div>
<div style="width:510px;float:left;margin:0px;margin-top:10px;background-color:transparent;">
<div style="width:510px;">
<div style="width:160px;float:left;margin:0px;background-color:transparent;margin-left:10px;">
<div style="width:160px;">
<div style="height:70px;width:70px;float:left;margin:0px;background-color:#000;margin-right:5px;margin-bottom:0px;">&nbsp;</div>
<div style="font-family:'ms pgothic';font-size:12px;color:#888888;text-align:left;line-height:120%;"><span style="font-family:helvetica;">NAME</span><br />
<span style="font-family:helvetica;">POSITION</span><br />
<br />
really short message here! lorem ipsum dolor blah blah blah whatever comes to mind put it here. specialties, age, etc.</div>
</div>
</div>
<div style="width:160px;float:left;margin:0px;background-color:transparent;margin-left:10px;">
<div style="width:160px;">
<div style="height:70px;width:70px;float:left;margin:0px;background-color:#000;margin-right:5px;margin-bottom:0px;">&nbsp;</div>
<div style="font-family:'ms pgothic';font-size:12px;color:#888888;text-align:left;line-height:120%;"><span style="font-family:helvetica;">NAME</span><br />
<span style="font-family:helvetica;">POSITION</span><br />
<br />
really short message here! lorem ipsum dolor blah blah blah whatever comes to mind put it here. specialties, age, etc.</div>
</div>
</div>
<div style="width:160px;float:left;margin:0px;background-color:transparent;margin-left:10px;">
<div style="width:160px;">
<div style="height:70px;width:70px;float:left;margin:0px;background-color:#000;margin-right:5px;margin-bottom:0px;">&nbsp;</div>
<div style="font-family:'ms pgothic';font-size:12px;color:#888888;text-align:left;line-height:120%;"><span style="font-family:helvetica;">NAME</span><br />
<span style="font-family:helvetica;">POSITION</span><br />
<br />
really short message here! lorem ipsum dolor blah blah blah whatever comes to mind put it here. specialties, age, etc.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:900px;float:left;margin:auto;">
<div style="width:300px;float:left;margin:0px;background-color:#000;">
<div style="width:300px;float:left;margin:0px;background-color:transparent;height:150px;">
<div style="font-family:'century gothic', 'arial narrow';font-size:60px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:100%;margin-top:70px;letter-spacing:-3px;text-transform:uppercase;">KAIROS</div>
<div style="font-family:'calibri';font-size:13px;color:#FFFFFF;text-align:right;margin-right:20px;line-height:90%;margin-top:-2px;letter-spacing:.2px;">GRAPHICS</div>
</div>
<div style="width:300px;float:left;margin:0px;background-color:transparent;"><img alt="" src="http://i.imgur.com/pi3UXLv.png?1" style="width:300px;height:436px;float:left;margin:-3px;padding:3px;" /></div>
<div style="width:300px;height:436px;float:left;margin:0px;margin-top:-436px;background-color:transparent;">
<div style="width:300px;height:170px;float:left;margin:0px;margin-top:300px;margin-bottom:0px;"><img alt="" src="http://i.imgur.com/YIWnx3z.png" style="width:300px;height:170px;float:left;margin:0px;" /></div>
<div style="width:300px;height:170px;float:left;margin:0px;margin-top:-170px;background-color:transparent;">&nbsp;</div>
<div style="width:300px;height:170px;float:left;margin:0px;margin-top:-170px;background-color:transparent;">
<div style="width:130px;margin:25px;margin-bottom:0px;height:20px;float:left;"><img alt="" src="http://i.imgur.com/nKGlcM2.png" style="height:20px;margin:0px;float:left;" />
<div style="font-family:'arial narrow';font-size:19px;text-align:left;margin:0px;margin-left:30px;letter-spacing:.1px;line-height:100%;color:#FFFFFF;"><strong>NAVIGATION</strong></div>
</div>
<div style="width:250px;margin-left:25px;margin-top:15px;margin-right:25px;float:left;">
<div style="width:125px;float:left;margin:0px;margin-left:0px;">
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">HOME</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">CONTACT</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:left;line-height:100%;margin:0px;margin-left:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">FEATURED</span></a></div>
</div>
<div style="width:125px;float:left;margin:0px;margin-left:0px;">
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">REQUEST</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">HIRING</span></a></div>
<div style="font-family:calibri;font-size:13px;color:#FFFFFF;text-align:right;line-height:100%;margin:0px;margin-right:35px;margin-top:10px;letter-spacing:.6px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">BROWSE</span></a></div>
</div>
</div>
</div>
</div>
<div style="width:300px;float:left;margin:0px;background-color:transparent;height:280px;">
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:30px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">date</span></div>
</div>
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:4px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">information</span></div>
</div>
<div style="float:left;margin-left:65px;margin-right:65px;margin-top:4px;height:25px;width:165px;background-color:#94D6CC;">
<div style="font-family:helvetica;font-size:11px;color:#000;text-align:center;letter-spacing:.1px;text-transform:uppercase;line-height:100%;margin-top:7px;"><span style="color:#FFFFFF;">information</span></div>
</div>
<div style="float:left;margin:0px;margin-left:25px;margin-right:25px;margin-top:30px;width:250px;height:110px;">
<div style="float:left;margin:0px;height:110px;width:150px;background-color:transparent;margin-left:50px;"><img alt="" src="http://i.imgur.com/TiyIS2T.png" style="height:110px;width:150px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<div style="width:300px;float:left;margin:0px;margin-top:10px;">
<div style="font-family:'calibri';font-size:12px;color:#FFFFFF;text-align:center;line-height:100%;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-roleplay-layouts-gallery-layout-profile" rel="nofollow"><span style="color:#FFFFFF;" title="coded &amp; designed by holistic from syncratic designs.">&copy; SYNCRATIC</span></a></div>
</div>
</div>
</div>
<div style="float:left;margin:0px;height:866px;width:30px;background-color:#94D6CC;">&nbsp;</div>
<div style="float:left;margin:0px;height:866px;width:570px;background-color:#F5F5F5;">
<div style="width:570px;">
<div style="width:200px;float:left;margin:30px;margin-top:60px;margin-right:20px;background-color:transparent;">
<div style="width:200px;float:left;margin:0px;background-color:transparent;height:80px;">
<div style="width:200px;">
<div style="width:60px;float:left;margin:15px;"><iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/123935327&amp;color=B2D6D6&amp;&amp;show_artwork=false" width="60"></iframe></div>
<div style="float:left;margin:0px;margin-top:15px;width:100px;">
<div style="font-family:'courier new';font-size:12px;color:#000;line-height:130%;text-transform:uppercase;text-align:left;margin-top:20px;">the first snow<br />
exo-k</div>
</div>
</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:20px;background-color:#000;height:32px;">
<div style="font-family:helvetica;font-size:13px;color:#FFFFFF;text-align:center;text-transform:uppercase;line-height:100%;margin-top:10px;">story title</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:5px;background-color:#000;height:32px;">
<div style="font-family:helvetica;font-size:13px;color:#FFFFFF;text-align:center;text-transform:uppercase;line-height:100%;margin-top:10px;">poster link</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:5px;background-color:#000;height:32px;">
<div style="font-family:helvetica;font-size:13px;color:#FFFFFF;text-align:center;text-transform:uppercase;line-height:100%;margin-top:10px;">poster link &nbsp;[ 2 ]</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:5px;background-color:#000;height:32px;">
<div style="font-family:helvetica;font-size:13px;color:#FFFFFF;text-align:center;text-transform:uppercase;line-height:100%;margin-top:10px;">background link</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:5px;background-color:#000;height:32px;">
<div style="font-family:helvetica;font-size:13px;color:#FFFFFF;text-align:center;text-transform:uppercase;line-height:100%;margin-top:10px;">story link</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-left:10px;margin-right:10px;margin-top:20px;background-color:transparent;">
<div style="width:180px;float:left;margin-left:0px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:5px;float:left;margin:0px;width:180px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">disclaimer</div>
</div>
<div style="width:180px;float:left;margin:0px;margin-top:10px;">
<div style="font-family:'ms pgothic';font-size:12px;color:#888888;line-height:105%;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.</div>
</div>
</div>
</div>
</div>
<div style="width:300px;float:left;margin:0px;margin-top:60px;background-color:transparent;">
<div style="width:300px;float:left;margin:0px;background-color:transparent;">
<div style="font-family:'arial narrow';font-size:40px;color:#888888;text-align:center;line-height:100%;margin:0px;text-transform:uppercase;">pickup Poster</div>
<div style="font-family:helvetica;font-size:10px;color:#888888;text-align:center;line-height:100%;text-transform:uppercase;">requester name | designer: name | type of poster</div>
<div style="width:300px;float:left;margin:0px;margin-top:15px;background-color:#cccccc;"><img alt="" src="http://i.imgur.com/QczikrG.png" style="width:280px;float:left;margin:10px;" /></div>
<div style="width:300px;float:left;margin-left:0px;">
<div style="border-bottom:4px solid #94D6CC;padding-top:5px;float:left;margin:0px;width:240px;margin-top:15px;">
<div style="font-family:'arial narrow';font-size:25px;color:#8C8C8C;text-align:left;margin:0px;line-height:100%;letter-spacing:.1px;text-transform:uppercase;">designer&#39;s note</div>
</div>
</div>
<div style="width:300px;float:left;margin:0px;margin-top:10px;">
<div style="font-family:'ms pgothic';font-size:12px;color:#888888;line-height:105%;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.</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