[T] Cali Waves

01 - Homepage

<div style="width:840px;float:left;margin:auto;margin-bottom:20px;margin-left:35px;"><img alt="" src="http://i.imgur.com/WrVQjUd.png?1" style="width:420px;float:left;margin:-3px;padding:3px;height:541px;" /><img alt="" src="http://i.imgur.com/87ILq4G.png?1" style="width:420px;float:left;margin:-3px;padding:3px;" />
<div style="width:846px;float:left;margin:0px;height:547px;margin-top:-547px;margin-left:-3px;">
<div style="width:345px;height:255px;float:left;margin-left:250.5px;margin-top:120px;">
<div style="width:345px;height:14px;float:left;margin:0px;">
<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>
</div>

<div style="width:210px;height:210px;float:left;margin-left:53px;margin-top:11px;border:7.5px solid #000;border-radius:210px;">
<div style="width:205px;float:left;margin-left:19px;margin-top:85px;">
<div style="font-family:'orator std', 'courier new';font-size:27px;float:left;margin:0px;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:.1px;"><strong>california<br />
beaches</strong></div>
</div>
</div>
</div>

<div style="width:740px;float:left;margin-top:30px;height:115px;margin-left:50px;">
<div style="width:190px;float:left;margin:0px;height:100px;">
<div style="width:115px;height:115px;float:left;margin-left:20px;margin-top:10px;"><img alt="" src="http://i.imgur.com/ruBUeJf.png" style="width:100px;height:100px;float:left;" />
<div style="width:60px;height:60px;float:left;margin-top:-100px;margin-left:20px;"><iframe height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/73782844&amp;color=E8E8E8&amp;&amp;show_artwork=false" width="59"></iframe></div>
</div>
</div>

<div style="width:330px;float:left;margin-left:15px;height:115px;">
<div style="width:72px;float:left;margin:0px;margin-top:20px;text-align:center;"><strong><span style="font-family:'arial narrow';font-size:70px;text-align:center;line-height:100%;text-transform:uppercase;">01</span></strong>

<div style="font-family:'trebuchet ms';font-size:11px;color:#000;margin-top:-4px;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.2px;">december</div>
</div>

<div style="width:250px;height:80px;margin-top:25px;float:left;margin-left:8px;overflow:auto;">
<div style="font-family:courier;font-size:10px;color:#000;line-height:105%;text-transform:uppercase;letter-spacing:.7px;text-align:justify;margin-right:10px;">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.</div>
</div>
</div>

<div style="width:190px;float:left;margin-left:15px;height:115px;">
<div style="font-family:futura;font-size:50px;color:#000;text-align:center;line-height:100%;margin-top:40px;text-transform:uppercase;letter-spacing:.3px;">open</div>

<div style="font-family:'century gothic', 'avant garde gothic', verdana;font-size:11px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;margin-top:-3px;">10 requests available</div>
</div>
</div>
</div>

<div style="width:777.5px;float:left;margin-left:60px;margin-top:8px;border-left:3px solid #000;padding-top:10px;padding-bottom:10px;">
<div style="width:710px;float:left;margin-left:80px;margin-top:20px;">
<div style="width:340px;float:left;margin:0px;">
<div style="width:100px;height:100px;background-color:#FFFFFF;border:8px solid #FFFFFF;float:left;border-radius:100px;margin-left:-140px;margin-top:0px;">
<div style="width:90px;height:90px;background-color:#FFFFFF;border:5px solid #000;float:left;border-radius:100px;">
<div style="font-family:'orator std', 'courier new';font-size:20px;float:left;margin-top:37px;margin-left:15px;line-height:100%;text-transform:uppercase;letter-spacing:-.5px;text-align:center;"><strong>about</strong></div>

<div style="font-family:'helvetica neue';font-size:5px;color:#000;text-align:left;margin-left:12px;margin-right:10px;line-height:100%;letter-spacing:2.5px;float:left;margin-top:-3px;"><strong>///////////////</strong></div>
</div>
</div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;">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. 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. <strong>write at least to this line!</strong><br />
<br />
E 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. 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.</div>
</div>

<div style="width:300px;float:left;margin-left:30px;">
<div style="width:300px;float:left;">
<div style="font-family:'trebuchet ms';font-size:20px;text-align:left;margin-left:2px;line-height:70%;text-transform:uppercase;color:#888888;">batch one requests</div>

<div style="font-family:'helvetica neue';font-size:5px;color:#000;text-align:left;margin-left:2px;margin-right:10px;line-height:100%;letter-spacing:2.5px;float:left;margin-top:3px;margin-bottom:10px;"><strong>//////////////////////////////////////////////////////</strong></div>
</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">001. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">002. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">003. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">004. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">005. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">006. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">007. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">008. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">009. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">010. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">011. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">012. &nbsp;name &brvbar;&nbsp;designer name&nbsp;&brvbar; status</div>
</div>
</div>

<div style="width:844px;height:232px;float:left;margin-left:-51px;margin-top:20px;background-color:#FFFFFF;">
<div style="width:820px;height:200px;float:left;margin-top:8px;border:8px solid #000;">
<div style="width:40px;height:20px;float:left;margin-top:88px;"><span style="color:#000000;"><span style="font-family:helvetica;font-size:40px;text-align:left;line-height:100%;opacity:.5;">⟨</span></span></div>

<div style="width:735px;float:left;margin:0px;height:180px;margin-top:10px;margin-left:10px;"><img alt="" src="http://i.imgur.com/DtMdvkW.png" style="height:160px;float:left;margin:0px;border:#2E2E2E solid 10px;" /><img alt="" src="http://i.imgur.com/WBul2W9.png" style="height:160px;float:left;margin:0px 0px 0px 15px;border:10px solid rgb(46,46,46);width:133px;" /><img alt="" src="http://i.imgur.com/6vwHs38.png" style="height:160px;float:left;margin:0px 0px 0px 15px;border:10px solid rgb(46,46,46);width:192px;" /><img alt="" src="http://i.imgur.com/JIPybl2.png" style="height:160px;float:left;margin:0px 0px 0px 15px;border:10px solid rgb(46,46,46);width:133px;" /></div>

<div style="width:35px;height:20px;float:left;margin-top:88px;"><span style="color:#000000;"><span style="font-family:helvetica;font-size:40px;text-align:left;line-height:100%;opacity:.5;">⟩</span></span></div>
</div>
</div>

<div style="width:777.5px;float:left;margin-top:10px;padding-bottom:10px;">
<div style="width:710px;float:left;margin-left:80px;margin-top:20px;">
<div style="width:340px;float:left;margin:0px;">
<div style="width:100px;height:100px;background-color:#FFFFFF;border:8px solid #FFFFFF;float:left;border-radius:100px;margin-left:-140px;margin-top:0px;">
<div style="width:90px;height:90px;background-color:#FFFFFF;border:5px solid #000;float:left;border-radius:100px;">
<div style="font-family:'orator std', 'courier new';font-size:20px;float:left;margin-top:37px;margin-left:15px;line-height:100%;text-transform:uppercase;letter-spacing:-.5px;text-align:center;"><strong>rules</strong></div>

<div style="font-family:'helvetica neue';font-size:5px;color:#000;text-align:left;margin-left:12px;margin-right:10px;line-height:100%;letter-spacing:2.5px;float:left;margin-top:-3px;"><strong>///////////////</strong></div>
</div>
</div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><strong>001.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.</div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>002.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>003.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>004.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>005.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>006.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>007.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>008.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>009.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>010.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>

<div style="font-family:'courier new';font-size:10.5px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;"><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"><strong>011.</strong></span><span style="font-family:'courier new';font-size:11px;letter-spacing:-.20000000298023224px;line-height:10.289999961853027px;text-align:justify;text-transform:uppercase;"> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. INTEGER NEC ODIO.</span></div>
</div>

<div style="width:300px;float:left;margin-left:30px;">
<div style="width:300px;float:left;">
<div style="font-family:'trebuchet ms';font-size:20px;text-align:left;margin-left:2px;line-height:70%;text-transform:uppercase;color:#888888;">blacklist</div>

<div style="font-family:'helvetica neue';font-size:5px;color:#000;text-align:left;margin-left:2px;margin-right:10px;line-height:100%;letter-spacing:2.5px;float:left;margin-top:3px;margin-bottom:10px;"><strong>//////////////////////////////////////////////////////</strong></div>
</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">001. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">002. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">003. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">004. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">005. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">006. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">007. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">008. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">009. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">010. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">011. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>

<div style="font-family:'courier new';font-size:11px;color:#888888;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:118%;letter-spacing:-.2px;">012. &nbsp;name &brvbar;&nbsp;date of banishment &brvbar; reason</div>
</div>
</div>
</div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:.5px;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-gallery-layout" rel="nofollow"><span style="color:#000000;">coded &amp; designed by holistic from syncratic designs.</span></a></div>
</div>

02 - Pickup

<div style="width:840px;float:left;margin:auto;margin-bottom:20px;margin-left:35px;">
<div style="width:345px;height:255px;float:left;margin-left:250.5px;margin-top:10px;">
<div style="width:345px;height:14px;float:left;margin:0px;">
<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>

<div style="width:64px;float:left;height:14px;margin-left:5px;">
<div style="font-family:futura;font-size:12px;color:#000;text-align:left;text-transform:uppercase;line-height:100%;letter-spacing:1.3px;"><a href="#" rel="nofollow"><span style="color:#000000;">link</span></a></div>
</div>
</div>

<div style="width:210px;height:210px;float:left;margin-left:53px;margin-top:11px;border:7.5px solid #000;border-radius:210px;">
<div style="width:205px;float:left;margin-left:19px;margin-top:85px;">
<div style="font-family:'orator std', 'courier new';font-size:27px;float:left;margin:0px;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:.1px;"><strong>california<br />
beaches</strong></div>
</div>
</div>
</div>

<div style="width:740px;float:left;margin-top:30px;margin-left:50px;">
<div style="width:330px;float:left;margin:0px;"><img alt="" src="http://i.imgur.com/247KBK3.png" style="width:290px;float:left;border:12px solid #000;padding:8px;" />
<div style="width:330px;float:left;margin-left:40px;margin-top:-10px;">
<div style="width:330px;float:left;border-left:3px solid #000;padding-top:5px;padding-bottom:10px;">
<div style="width:330px;float:left;margin-left:80px;margin-top:20px;">
<div style="width:200px;float:left;margin:0px;">
<div style="width:100px;height:100px;background-color:#FFFFFF;border:8px solid #FFFFFF;float:left;border-radius:100px;margin-left:-140px;margin-top:0px;">
<div style="width:90px;height:90px;background-color:#FFFFFF;border:5px solid #000;float:left;border-radius:100px;">
<div style="font-family:'orator std', 'courier new';font-size:20px;float:left;margin-top:37px;margin-left:2px;line-height:100%;text-transform:uppercase;letter-spacing:-2.5px;text-align:center;"><strong>reminder</strong></div>

<div style="font-family:'helvetica neue';font-size:5px;color:#000;text-align:left;margin-left:12px;margin-right:10px;line-height:100%;letter-spacing:2.5px;float:left;margin-top:-3px;"><strong>///////////////</strong></div>
</div>
</div>

<div style="font-family:'courier new';font-size:10px;color:#555555;text-align:justify;text-transform:uppercase;margin-right:10px;line-height:98%;letter-spacing:-.2px;margin-left:-10px;">i would not change the title on the left hand side, because it would not go well tbh. <strong>make sure the poster has a width of 290px.&nbsp;</strong>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 egqu ad litora torquent per conubia nostra, per inceptos himenaeo ociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. <strong>write at least to this line!</strong></div>
</div>
</div>
</div>
</div>
</div>

<div style="width:370px;float:left;margin-left:25px;">
<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;"><span style="font-family:'trebuchet ms';"><strong><a href="#" rel="nofollow"><span style="color:#000000;">poster 1</span></a><span style="color:#000000;">&nbsp;/ </span><a href="#" rel="nofollow"><span style="color:#000000;">poster 2</span></a></strong></span></div>
</div>

<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;margin-left:5px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;">requester name</div>
</div>

<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;margin-top:5px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;"><strong><a href="#" rel="nofollow"><span style="color:#000000;">background link</span></a></strong></div>
</div>

<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;margin-left:5px;margin-top:5px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;">designer name</div>
</div>

<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;margin-top:5px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;"><a href="#" rel="nofollow"><span style="color:#000000;"><strong>story link</strong></span></a></div>
</div>

<div style="width:148px;float:left;height:18px;border:6px solid #000;padding:3px;margin-left:5px;margin-top:5px;">
<div style="font-family:'trebuchet ms';font-size:12px;color:#000;text-align:center;text-transform:uppercase;">batch number</div>
</div>

<div style="width:325px;float:left;margin-top:20px;">
<div style="font-family:'courier new';font-size:12px;color:#555555;text-align:justify;line-height:110%;text-transform:uppercase;"><em><span style="color:#000000;"><strong>designer&#39;s name here says</strong></span> - </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.</div>
</div>
</div>
</div>
</div>