API tools faq
paste
Advertisement
bluebxrry

AFLOAT

bluebxrry
Feb 19th, 2015
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 69.70 KB | None | 0 0
raw download clone embed print report
  1. [ FRONT ]
  2.  
  3. <div style="width:800px;margin:10px auto;">
  4. <div style="width:700px;float:left;background-color:#FFF;border-left:50px solid #efefef;border-right:50px solid #efefef;">
  5. <div style="width:700px;height:150px;background-color:#FFF;float:left;">
  6. <div style="width:400px;height:150px;float:left;">
  7. <div style="height:150px;line-height:150px;width:100px;float:left;margin-left:20px;"><em><span style="font-size:172px;"><span style="color:#b7d1cd;"><span style="font-family:'times new roman';letter-spacing:-6px;"><strong>A</strong></span></span></span></em></div>
  8.  
  9. <div style="height:40px;line-height:40px;width:275px;float:left;margin:40px 0px 0px 5px;border-bottom:1px solid #ddd;"><span style="font-family:arial;"><strong><span style="font-size:50px;"><span style="color:#b7d1cd;"><span style="letter-spacing:-6px;text-transform:uppercase;">float.</span></span></span></strong></span></div>
  10.  
  11. <div style="height:15px;line-height:10px;width:280px;float:left;text-align:right;margin-top:5px;"><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#A9A9A9;text-transform:uppercase;">a poster shop by username</span></span></span></div>
  12. </div>
  13.  
  14. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;margin-left:20px;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="#"><span style="color:#b7d1cd;text-transform:uppercase;">home</span></a></span></span></div>
  15.  
  16. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/2"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">staff</span></span></a></span></span></div>
  17.  
  18. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/3"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">archive</span></span></a></span></span></div>
  19.  
  20. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/4"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">affies</span></span></a></span></span></div>
  21. </div>
  22.  
  23. <div style="width:250px;height:250px;background-color:#b7d1cd;float:left;">
  24. <div style="border:5px solid #FFF;width:220px;height:220px;margin:10px;float:left;">
  25. <div style="height:20px;line-height:20px;float:left;width:200px;margin:25px 0px 0px 10px;"><span style="color:#FFFFFF;"><span style="font-size:28px;"><strong><span style="font-family:arial;">like a rock.</span></strong></span></span></div>
  26.  
  27. <div style="width:200px;height:85px;float:left;margin:5px 0px 0px 10px;overflow:hidden;">
  28. <div style="width:220px;height:85px;overflow:auto;float:left;">
  29. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="font-size:11px;"><span style="font-family:arial;"><span style="color:#FFFFFF;">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus aliquet elit ac nisl. Phasellus a est. Pellentesque dapibus hendrerit tortor. Sed aliquam ultrices mauris. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Morbi ac felis. Proin faucibus arcu quis ante. Phasellus nec sem in justo pellentesque facilisis. Cras dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent blandit laoreet nibh.&nbsp;</span></span></span></div>
  30. </div>
  31. </div>
  32.  
  33. <div style="background:#b7d1cd;height:50px;width:50px;float:left;overflow:hidden;margin:10px 0px 0px 0px;">
  34. <div style="height:34px;width:25px;float:left;overflow:hidden;margin:9px 12px 0px;">
  35. <div style="height:60px;width:65px;float:left;margin:-19px 0px 0px -18px;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/169945028&amp;color=b7d1cd&amp;&amp;hide_related=true&amp;show_artwork=false" style="border-radius:100%;" width="100%"></iframe></div>
  36. </div>
  37. </div>
  38.  
  39. <div style="height:30px;float:left;width:155px;margin:10px 0px 0px 0px;line-height:12px;border-left:5px solid #FFF;padding-left:5px;padding-top:20px;"><span style="color:#FFFFFF;text-transform:uppercase;"><span style="font-family:arial;"><span style="font-size:16px;letter-spacing:-1px;"><strong>happy little pill</strong></span><br />
  40. <span style="font-size:12px;">troye sivan x flaxo</span></span></span></div>
  41. </div>
  42. </div>
  43.  
  44. <div style="width:450px;height:250px;float:left;"><img alt="" src="http://i.imgur.com/rbsEkJY.png" style="width:450px;height:250px;opacity:.7;" /></div>
  45.  
  46. <div style="width:700px;height:150px;float:left;margin-top:20px;background-color:#FFF;">
  47. <div style="width:240px;padding:5px 10px;float:left;border-left:10px solid #b7d1cd;line-height:15px;"><span style="font-size:16px;"><span style="font-family:arial;"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">rules &amp; regulations</span></span></strong><br />
  48. <span style="color:#D3D3D3;"><span style="text-transform:uppercase;"><strong>forms</strong></span></span></span></span></div>
  49.  
  50. <div style="width:430px;height:150px;float:left;">
  51. <div style="width:400px;height:110px;margin:0px 10px;overflow:hidden;float:left;">
  52. <div style="width:430px;height:110px;overflow:auto;float:left;">
  53. <div style="width:400px;line-height:10px;float:left;text-align:justify;"><span style="font-size:11px;"><span style="font-family:arial;"><span style="color:#d3d3d3;">Aliquam lobortis. Ut leo. Fusce vel dui. Pellentesque auctor neque nec urna. Aenean vulputate eleifend tellus. Pellentesque ut neque. Cras varius. Etiam sit amet orci eget eros faucibus tincidunt. Integer tincidunt. Aenean vulputate eleifend tellus. Etiam sit amet orci eget eros faucibus tincidunt. Integer tincidunt. Etiam ut purus mattis mauris sodales aliquam. Praesent congue erat at massa. Duis vel nibh at velit scelerisque suscipit. Nam at tortor in tellus interdum sagittis. Vivamus in erat ut urna cursus vestibulum. Nunc interdum lacus sit amet orci. Donec posuere vulputate arcu. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Quisque id mi. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Maecenas vestibulum mollis diam. Quisque rutrum.Aliquam lobortis. Ut leo. Fusce vel dui. Pellentesque auctor neque nec urna. Aenean vulputate eleifend tellus. Pellentesque ut neque. Cras varius. Etiam sit amet orci eget eros faucibus tincidunt. Integer tincidunt. Aenean vulputate eleifend tellus. Etiam sit amet orci eget eros faucibus tincidunt. Integer tincidunt. Etiam ut purus mattis mauris sodales aliquam. Praesent congue erat at massa. Duis vel nibh at velit scelerisque suscipit. Nam at tortor in tellus interdum sagittis. Vivamus in erat ut urna cursus vestibulum. Nunc interdum lacus sit amet orci. Donec posuere vulputate arcu. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Quisque id mi. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Maecenas vestibulum mollis diam. Quisque rutrum.</span></span></span></div>
  54. </div>
  55. </div>
  56.  
  57. <div style="width:420px;height:1px;background-color:#b7d1cd;float:left;margin-top:10px;">&nbsp;</div>
  58.  
  59. <div style="width:130px;height:20px;line-height:20px;background-color:#b7d1cd;float:left;margin:9px 0px 0px 10px;text-align:center;"><span style="font-size:12px;"><a href="#"><span style="font-family:arial;"><span style="color:#FFFFFF;">FORM ONE</span></span></a></span></div>
  60.  
  61. <div style="width:130px;height:20px;line-height:20px;background-color:#b7d1cd;float:left;margin:9px 0px 0px 5px;text-align:center;"><span style="font-size:12px;"><a href="#"><span style="font-family:arial;"><span style="color:#FFFFFF;">FORM TWO</span></span></a></span></div>
  62.  
  63. <div style="width:130px;height:20px;line-height:20px;background-color:#b7d1cd;float:left;margin:9px 0px 0px 5px;text-align:center;"><span style="font-size:12px;"><a href="#"><span style="font-family:arial;"><span style="color:#FFFFFF;">FORM THREE</span></span></a></span></div>
  64. </div>
  65. </div>
  66.  
  67. <div style="width:700px;height:2px;margin-top:80px;background-color:#efefef;float:left;">&nbsp;</div>
  68.  
  69. <div style="width:700px;height:120px;float:left;margin-top:-64px;">
  70. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  71. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><strong><span style="color:#FFFFFF;"><span style="font-family:arial;">STATUS<br />
  72. OPEN</span></span></strong></span></div>
  73. </div>
  74.  
  75. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  76. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><a href="#" title="use this banner!"><span style="font-size:16px;"><strong><span style="color:#FFFFFF;"><span style="font-family:arial;">SUPPORT<br />
  77. US !</span></span></strong></span></a></div>
  78. </div>
  79.  
  80. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  81. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><a href="#" title="click here for the form"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>HIRING<br />
  82. 00 STAFF</b></font></span></a></div>
  83. </div>
  84.  
  85. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  86. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>SINCE<br />
  87. YYMMDD</b></font></span></div>
  88. </div>
  89. </div>
  90.  
  91. <div style="width:670px;padding:5px 10px;float:left;border-left:10px solid #b7d1cd;line-height:15px;margin-top:20px;"><span style="font-size:16px;"><span style="font-family:arial;"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">updates &amp;</span></span></strong><br />
  92. <span style="color:#D3D3D3;"><span style="text-transform:uppercase;"><strong>requests masterlist</strong></span></span></span></span></div>
  93.  
  94. <div style="width:700px;height:120px;float:left;margin-top:10px;">
  95. <div style="margin:10px;height:100px;width:329px;overflow:hidden;float:left;">
  96. <div style="width:343px;height:100px;float:left;overflow:auto;">
  97. <div style="width:320px;line-height:11px;float:left;text-align:justify;">
  98. <div style="width:50px;height:50px;background-color:#b7d1cd;float:left;margin:0px 5px 0px 0px;">
  99. <div style="float:left;line-height:12px;height:30px;width:50px;text-align:center;margin-top:10px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>MM<br />
  100. DD</b></font></span></div>
  101. </div>
  102. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">Suspendisse non nisl sit amet velit hendrerit rutrum. Nunc nec neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus blandit leo ut odio. Vestibulum fringilla pede sit amet augue. Quisque id odio. Nam adipiscing.</span></span></span></div>
  103.  
  104. <div style="width:320px;line-height:11px;float:left;text-align:justify;margin-top:10px;">
  105. <div style="width:50px;height:50px;background-color:#b7d1cd;float:left;margin:0px 5px 0px 0px;">
  106. <div style="float:left;line-height:12px;height:30px;width:50px;text-align:center;margin-top:10px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>MM<br />
  107. DD</b></font></span></div>
  108. </div>
  109. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">Suspendisse non nisl sit amet velit hendrerit rutrum. Nunc nec neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus blandit leo ut odio. Vestibulum fringilla pede sit amet augue. Quisque id odio. Nam adipiscing.</span></span></span></div>
  110.  
  111. <div style="width:320px;line-height:11px;float:left;text-align:justify;margin-top:10px;">
  112. <div style="width:50px;height:50px;background-color:#b7d1cd;float:left;margin:0px 5px 0px 0px;">
  113. <div style="float:left;line-height:12px;height:30px;width:50px;text-align:center;margin-top:10px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>MM<br />
  114. DD</b></font></span></div>
  115. </div>
  116. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">Suspendisse non nisl sit amet velit hendrerit rutrum. Nunc nec neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus blandit leo ut odio. Vestibulum fringilla pede sit amet augue. Quisque id odio. Nam adipiscing.</span></span></span></div>
  117.  
  118. <div style="width:320px;line-height:11px;float:left;text-align:justify;margin-top:10px;">
  119. <div style="width:50px;height:50px;background-color:#b7d1cd;float:left;margin:0px 5px 0px 0px;">
  120. <div style="float:left;line-height:12px;height:30px;width:50px;text-align:center;margin-top:10px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>MM<br />
  121. DD</b></font></span></div>
  122. </div>
  123. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">Suspendisse non nisl sit amet velit hendrerit rutrum. Nunc nec neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus blandit leo ut odio. Vestibulum fringilla pede sit amet augue. Quisque id odio. Nam adipiscing.&nbsp;</span></span></span></div>
  124. </div>
  125.  
  126. <div style="width:320px;line-height:10px;float:left;text-align:justify;margin-top:10px;">
  127. <div style="width:50px;height:50px;background-color:#b7d1cd;float:left;margin:0px 5px 0px 0px;">
  128. <div style="float:left;line-height:12px;height:30px;width:50px;text-align:center;margin-top:10px;"><span style="font-size:16px;"><font color="#ffffff" face="arial"><b>MM<br />
  129. DD</b></font></span></div>
  130. </div>
  131. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">Suspendisse non nisl sit amet velit hendrerit rutrum. Nunc nec neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus blandit leo ut odio. Vestibulum fringilla pede sit amet augue. Quisque id odio. Nam adipiscing.&nbsp;</span></span></span></div>
  132. </div>
  133.  
  134. <div style="width:2px;height:120px;background-color:#efefef;float:left;">&nbsp;</div>
  135.  
  136. <div style="margin:10px;height:100px;width:329px;overflow:hidden;float:left;">
  137. <div style="width:343px;height:100px;float:left;overflow:auto;">
  138. <div style="width:320px;height:35px;float:left;">
  139. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  140. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  141.  
  142. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  143. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  144. </div>
  145. </div>
  146.  
  147. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  148. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  149. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  150.  
  151. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  152. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  153. </div>
  154. </div>
  155.  
  156. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  157. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  158. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  159.  
  160. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  161. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  162. </div>
  163. </div>
  164.  
  165. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  166. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  167. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  168.  
  169. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  170. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  171. </div>
  172. </div>
  173.  
  174. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  175. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  176. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  177.  
  178. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  179. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  180. </div>
  181. </div>
  182.  
  183. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  184. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  185. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  186.  
  187. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  188. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  189. </div>
  190. </div>
  191.  
  192. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  193. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  194. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  195.  
  196. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  197. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  198. </div>
  199. </div>
  200.  
  201. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  202. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  203. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  204.  
  205. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  206. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  207. </div>
  208. </div>
  209.  
  210. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  211. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  212. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  213.  
  214. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  215. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  216. </div>
  217. </div>
  218.  
  219. <div style="width:320px;height:35px;float:left;margin-top:5px;">
  220. <div style="height:25px;width:320px;float:left;line-height:10px;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;">STORY NAME</span></span></span></strong></a><br />
  221. <span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">by username</span></span></span></div>
  222.  
  223. <div style="background-color:#efefef;width:100px;height:10px;float:left;" title="20%">
  224. <div style="background-color:#b7d1cd;width:10px;height:10px;float:left;">&nbsp;</div>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230.  
  231. <div style="height:10px;width:700px;line-height:10px;float:left;margin-top:5px;text-align:center;"><a href="#"><span style="color:#b7d1cd;"><span style="font-size:10px;"><span style="font-family:arial;text-transform:uppercase;">layout coded by casparlee. do not remove credits.</span></span></span></a></div>
  232. </div>
  233. </div>
  234.  
  235. ---------------------------------------------------------------------------------------------------------------------------------
  236.  
  237. [ STAFF ]
  238.  
  239. <div style="width:800px;margin:10px auto;">
  240. <div style="width:700px;float:left;background-color:#FFF;border-left:50px solid #efefef;border-right:50px solid #efefef;">
  241. <div style="width:700px;height:150px;background-color:#FFF;float:left;">
  242. <div style="width:400px;height:150px;float:left;">
  243. <div style="height:150px;line-height:150px;width:100px;float:left;margin-left:20px;"><em><span style="font-size:172px;"><span style="color:#b7d1cd;"><span style="font-family:'times new roman';letter-spacing:-6px;"><strong>A</strong></span></span></span></em></div>
  244.  
  245. <div style="height:40px;line-height:40px;width:275px;float:left;margin:40px 0px 0px 5px;border-bottom:1px solid #ddd;"><span style="font-family:arial;"><strong><span style="font-size:50px;"><span style="color:#b7d1cd;"><span style="letter-spacing:-6px;text-transform:uppercase;">float.</span></span></span></strong></span></div>
  246.  
  247. <div style="height:15px;line-height:10px;width:280px;float:left;text-align:right;margin-top:5px;"><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#A9A9A9;text-transform:uppercase;">a poster shop by username</span></span></span></div>
  248. </div>
  249.  
  250. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;margin-left:20px;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="#"><span style="color:#A9A9A9;text-transform:uppercase;">home</span></a></span></span></div>
  251.  
  252. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/2"><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">staff</span></span></a></span></span></div>
  253.  
  254. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/3"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">archive</span></span></a></span></span></div>
  255.  
  256. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/4"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">affies</span></span></a></span></span></div>
  257. </div>
  258.  
  259. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  260. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="http://media.tumblr.com/efb7d35e1cacbf997605cbf97c2bff97/tumblr_inline_mo5dbh3rf01qz4rgp.png" style="width:200px;height:100px;" /></div>
  261.  
  262. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  263. <div style="width:220px;height:100px;overflow:auto;float:left;">
  264. <div style="width:200px;height:100px;float:left;">
  265. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  266.  
  267. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  268. </div>
  269.  
  270. <div style="width:200px;height:100px;float:left;">
  271. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  272.  
  273. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  274.  
  275. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  276. </div>
  277. </div>
  278. </div>
  279.  
  280. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  281. <div style="width:220px;height:100px;float:left;overflow:auto;">
  282. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  283. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  284. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  285. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  286. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  287. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  288. </div>
  289. </div>
  290. </div>
  291.  
  292. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  293. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="https://36.media.tumblr.com/2c7e70e815dcc3489fdbce0114215580/tumblr_mqphdtXQPi1syuy4do2_400.png" style="width:200px;height:100px;" /></div>
  294.  
  295. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  296. <div style="width:220px;height:100px;overflow:auto;float:left;">
  297. <div style="width:200px;height:100px;float:left;">
  298. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  299.  
  300. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  301. </div>
  302.  
  303. <div style="width:200px;height:100px;float:left;">
  304. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  305.  
  306. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  307.  
  308. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  309. </div>
  310. </div>
  311. </div>
  312.  
  313. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  314. <div style="width:220px;height:100px;float:left;overflow:auto;">
  315. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  316. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  317. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  318. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  319. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  320. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  326. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="https://31.media.tumblr.com/8ac5164e315d379ffb8590fc5adc3328/tumblr_inline_mq7eibYA3p1qz4rgp.png" style="width:200px;height:100px;" /></div>
  327.  
  328. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  329. <div style="width:220px;height:100px;overflow:auto;float:left;">
  330. <div style="width:200px;height:100px;float:left;">
  331. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  332.  
  333. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  334. </div>
  335.  
  336. <div style="width:200px;height:100px;float:left;">
  337. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  338.  
  339. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  340.  
  341. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  342. </div>
  343. </div>
  344. </div>
  345.  
  346. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  347. <div style="width:220px;height:100px;float:left;overflow:auto;">
  348. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  349. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  350. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  351. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  352. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  353. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  354. </div>
  355. </div>
  356. </div>
  357.  
  358. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  359. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="https://31.media.tumblr.com/b29b357ea77ef2c2de49001c36214018/tumblr_inline_mo5dbrw4Ev1qz4rgp.png" style="width:200px;height:100px;" /></div>
  360.  
  361. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  362. <div style="width:220px;height:100px;overflow:auto;float:left;">
  363. <div style="width:200px;height:100px;float:left;">
  364. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  365.  
  366. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  367. </div>
  368.  
  369. <div style="width:200px;height:100px;float:left;">
  370. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  371.  
  372. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  373.  
  374. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  375. </div>
  376. </div>
  377. </div>
  378.  
  379. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  380. <div style="width:220px;height:100px;float:left;overflow:auto;">
  381. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  382. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  383. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  384. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  385. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  386. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  387. </div>
  388. </div>
  389. </div>
  390.  
  391. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  392. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="http://media.tumblr.com/a8d02bfef5e727c4e158186250f48aeb/tumblr_inline_mo5dbxA9id1qz4rgp.png" style="width:200px;height:100px;" /></div>
  393.  
  394. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  395. <div style="width:220px;height:100px;overflow:auto;float:left;">
  396. <div style="width:200px;height:100px;float:left;">
  397. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  398.  
  399. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  400. </div>
  401.  
  402. <div style="width:200px;height:100px;float:left;">
  403. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  404.  
  405. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  406.  
  407. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  408. </div>
  409. </div>
  410. </div>
  411.  
  412. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  413. <div style="width:220px;height:100px;float:left;overflow:auto;">
  414. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  415. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  416. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  417. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  418. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  419. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  420. </div>
  421. </div>
  422. </div>
  423.  
  424. <div style="width:200px;height:205px;float:left;margin:20px 0px 0px 25px;">
  425. <div style="width:200px;height:100px;background-color:#FFF;float:left;"><img alt="" src="http://media.tumblr.com/023a66218bf438859530a1a6b4ca1fd3/tumblr_inline_mo5dboisBj1qz4rgp.png" style="width:200px;height:100px;" /></div>
  426.  
  427. <div style="width:200px;height:100px;float:left;margin-top:-100px;overflow:hidden;">
  428. <div style="width:220px;height:100px;overflow:auto;float:left;">
  429. <div style="width:200px;height:100px;float:left;">
  430. <div style="height:20px;width:200px;float:left;text-align:center;margin-top:40px;background-color:#FFF;opacity:.8;line-height:20px;"><span style="font-family:arial;"><span style="font-size:16px;"><strong><span style="color:#b7d1cd;opacity:.99;text-transform:uppercase;">username</span></strong></span></span></div>
  431.  
  432. <div style="height:10px;width:200px;float:left;text-align:center;margin-top:2px;line-height:10px;"><span style="font-size:11px;"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">scroll down for links</span></span></span></span></div>
  433. </div>
  434.  
  435. <div style="width:200px;height:100px;float:left;">
  436. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">contact</span></span></span></a></strong></span></div>
  437.  
  438. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 0px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">portfolio</span></span></span></a></strong></span></div>
  439.  
  440. <div style="height:20px;width:100px;float:left;text-align:center;margin-top:2px;line-height:20px;background-color:#b7d1cd;margin:10px 0px 10px 50px;"><span style="font-size:14px;"><strong><a href="#"><span style="color:#FFFFFF;"><span style="font-family:arial;"><span style="opacity:.99;text-transform:uppercase;">ask</span></span></span></a></strong></span></div>
  441. </div>
  442. </div>
  443. </div>
  444.  
  445. <div style="width:200px;height:100px;margin-top:5px;overflow:hidden;float:left;">
  446. <div style="width:220px;height:100px;float:left;overflow:auto;">
  447. <div style="width:200px;line-height:10px;float:left;text-align:justify;"><span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ALIAS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  448. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STRENGTH :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  449. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>WEAKNESS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  450. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>ACTIVITY :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  451. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>STATUS :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum</span></span></span><br />
  452. <span style="color:#b7d1cd;"><span style="font-family:arial;"><span style="font-size:11px;"><strong>MESSAGE :</strong> </span></span></span><span style="color:#A9A9A9;"><span style="font-family:arial;"><span style="font-size:11px;">lorem ipsum dolor sit amet, consectetuer adipiscing elit. maecenas feugiat consequat diam. maecenas metus. vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. aenean dictum lacinia tortor. nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. nulla pretium mi et risus. fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. curabitur molestie. duis velit augue, condimentum at, ultrices a, luctus ut, orci. donec pellentesque egestas eros. integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula.&nbsp;</span></span></span></div>
  453. </div>
  454. </div>
  455. </div>
  456. </div>
  457. </div>
  458.  
  459. ---------------------------------------------------------------------------------------------------------------------------------
  460.  
  461. [ ARCHIVE ]
  462.  
  463. <div style="width:800px;margin:10px auto;">
  464. <div style="width:700px;float:left;background-color:#FFF;border-left:50px solid #efefef;border-right:50px solid #efefef;">
  465. <div style="width:700px;height:150px;background-color:#FFF;float:left;">
  466. <div style="width:400px;height:150px;float:left;">
  467. <div style="height:150px;line-height:150px;width:100px;float:left;margin-left:20px;"><em><span style="font-size:172px;"><span style="color:#b7d1cd;"><span style="font-family:'times new roman';letter-spacing:-6px;"><strong>A</strong></span></span></span></em></div>
  468.  
  469. <div style="height:40px;line-height:40px;width:275px;float:left;margin:40px 0px 0px 5px;border-bottom:1px solid #ddd;"><span style="font-family:arial;"><strong><span style="font-size:50px;"><span style="color:#b7d1cd;"><span style="letter-spacing:-6px;text-transform:uppercase;">float.</span></span></span></strong></span></div>
  470.  
  471. <div style="height:15px;line-height:10px;width:280px;float:left;text-align:right;margin-top:5px;"><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#A9A9A9;text-transform:uppercase;">a poster shop by username</span></span></span></div>
  472. </div>
  473.  
  474. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;margin-left:20px;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="#"><span style="color:#A9A9A9;text-transform:uppercase;">home</span></a></span></span></div>
  475.  
  476. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/2"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">staff</span></span></a></span></span></div>
  477.  
  478. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/3"><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">archive</span></span></a></span></span></div>
  479.  
  480. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/4"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">affies</span></span></a></span></span></div>
  481. </div>
  482.  
  483. <div style="width:200px;float:left;margin:15px 0px 0px 40px;">
  484. <div style="width:200px;margin-top:5px;"><img alt="" src="http://40.media.tumblr.com/e804dc7baa97cb1d0b428eb871fbb915/tumblr_mnil316z5n1roez34o1_500.jpg" style="width:200px;height:300px;" /></div>
  485.  
  486. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://40.media.tumblr.com/bbff1cc2fc46c8916cadc368ef2e27cb/tumblr_mgmd4pV7ed1r4cyf8o1_500.jpg" style="width:200px;height:195px;" /></div>
  487.  
  488. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="https://40.media.tumblr.com/08f6596f7ee85f544193cc3d46fc5cb5/tumblr_mz1wwk1U3W1sn9d9xo1_500.jpg" style="width:200px;height:133px;" /></div>
  489.  
  490. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://40.media.tumblr.com/tumblr_mb0c5hFCyW1qmbg8bo1_500.jpg" style="width:200px;height:146px;" /></div>
  491. </div>
  492.  
  493. <div style="width:200px;float:left;margin:15px 0px 0px 10px;">
  494. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://36.media.tumblr.com/02d047d492f7488f053eddff1f414362/tumblr_mlrvxnBKeX1roez34o1_500.jpg" style="width:200px;height:134px;" /></div>
  495.  
  496. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://40.media.tumblr.com/02aec10e89daa45715bf41ec40aa98de/tumblr_mp1sadTehd1rpb7goo1_500.jpg" style="width:200px;height:300px;" /></div>
  497.  
  498. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://36.media.tumblr.com/050a02efe12f89fdc35aba7238e588ff/tumblr_mo36x0PTc31qeyoxro1_500.jpg" style="width:200px;height:133px;" /></div>
  499.  
  500. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="https://36.media.tumblr.com/37556289dd5e6aead95fcb27d88d74e6/tumblr_mwz7haGsz41t20rcyo1_500.jpg" style="width:200px;height:300px;" /></div>
  501. </div>
  502.  
  503. <div style="width:200px;float:left;margin:15px 0px 0px 10px;">
  504. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://36.media.tumblr.com/3611ac30d0135f67bd1b0ca12c6502e7/tumblr_mo1ovsWKBs1rfrax8o1_500.jpg" style="width:200px;height:288px;" /></div>
  505.  
  506. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://40.media.tumblr.com/9ae14efc6c52e321a2dc5af0cbd6cad3/tumblr_mhk27ueckv1rpwuqwo1_500.jpg" style="width:200px;height:297px;" /></div>
  507.  
  508. <div style="width:200px;margin-top:5px;float:left;"><img alt="" src="http://40.media.tumblr.com/8d20bd6f0f68f618aaa77a13fe39c7d9/tumblr_mh33azbktI1r51psro1_500.jpg" style="width:200px;height:301px;" /></div>
  509. </div>
  510. </div>
  511. </div>
  512.  
  513. ---------------------------------------------------------------------------------------------------------------------------------
  514.  
  515. [ AFFILIATES ]
  516.  
  517. <div style="width:800px;margin:10px auto;">
  518. <div style="width:700px;float:left;background-color:#FFF;border-left:50px solid #efefef;border-right:50px solid #efefef;padding-bottom:5px;">
  519. <div style="width:700px;height:150px;background-color:#FFF;float:left;">
  520. <div style="width:400px;height:150px;float:left;">
  521. <div style="height:150px;line-height:150px;width:100px;float:left;margin-left:20px;"><em><span style="font-size:172px;"><span style="color:#b7d1cd;"><span style="font-family:'times new roman';letter-spacing:-6px;"><strong>A</strong></span></span></span></em></div>
  522.  
  523. <div style="height:40px;line-height:40px;width:275px;float:left;margin:40px 0px 0px 5px;border-bottom:1px solid #ddd;"><span style="font-family:arial;"><strong><span style="font-size:50px;"><span style="color:#b7d1cd;"><span style="letter-spacing:-6px;text-transform:uppercase;">float.</span></span></span></strong></span></div>
  524.  
  525. <div style="height:15px;line-height:10px;width:280px;float:left;text-align:right;margin-top:5px;"><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#A9A9A9;text-transform:uppercase;">a poster shop by username</span></span></span></div>
  526. </div>
  527.  
  528. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;margin-left:20px;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="#"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">home</span></span></a></span></span></div>
  529.  
  530. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/2"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">staff</span></span></a></span></span></div>
  531.  
  532. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/3"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">archive</span></span></a></span></span></div>
  533.  
  534. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/4"><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">affies</span></span></a></span></span></div>
  535. </div>
  536.  
  537. <div style="width:700px;height:2px;margin-top:80px;background-color:#efefef;float:left;">&nbsp;</div>
  538.  
  539. <div style="width:700px;height:120px;float:left;margin-top:-64px;">
  540. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  541. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  542. here</b></span></a></span></span></div>
  543. </div>
  544.  
  545. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  546. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  547. here</b></span></a></span></span></div>
  548. </div>
  549.  
  550. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  551. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  552. here</b></span></a></span></span></div>
  553. </div>
  554.  
  555. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  556. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  557. here</b></span></a></span></span></div>
  558. </div>
  559. </div>
  560.  
  561. <div style="width:700px;height:2px;margin-top:80px;background-color:#efefef;float:left;">&nbsp;</div>
  562.  
  563. <div style="width:700px;height:120px;float:left;margin-top:-64px;">
  564. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  565. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  566. here</b></span></a></span></span></div>
  567. </div>
  568.  
  569. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  570. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  571. here</b></span></a></span></span></div>
  572. </div>
  573.  
  574. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  575. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  576. here</b></span></a></span></span></div>
  577. </div>
  578.  
  579. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  580. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  581. here</b></span></a></span></span></div>
  582. </div>
  583. </div>
  584.  
  585. <div style="width:700px;height:2px;margin-top:80px;background-color:#efefef;float:left;">&nbsp;</div>
  586.  
  587. <div style="width:700px;height:120px;float:left;margin-top:-64px;">
  588. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  589. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  590. here</b></span></a></span></span></div>
  591. </div>
  592.  
  593. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  594. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  595. here</b></span></a></span></span></div>
  596. </div>
  597.  
  598. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  599. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  600. here</b></span></a></span></span></div>
  601. </div>
  602.  
  603. <div style="height:120px;width:120px;background-color:#b7d1cd;float:left;border-radius:100%;margin-left:44px;">
  604. <div style="float:left;line-height:12px;height:30px;width:120px;text-align:center;margin-top:45px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><span style="color:#FFFFFF;text-transform:uppercase;" title="+ shop description;"><b>shop name<br />
  605. here</b></span></a></span></span></div>
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610.  
  611. ---------------------------------------------------------------------------------------------------------------------------------
  612.  
  613. [ PICK UP ]
  614.  
  615. <div style="width:800px;margin:10px auto;">
  616. <div style="width:700px;float:left;background-color:#FFF;border-left:50px solid #efefef;border-right:50px solid #efefef;">
  617. <div style="width:700px;height:150px;background-color:#FFF;float:left;">
  618. <div style="width:400px;height:150px;float:left;">
  619. <div style="height:150px;line-height:150px;width:100px;float:left;margin-left:20px;"><em><span style="font-size:172px;"><span style="color:#b7d1cd;"><span style="font-family:'times new roman';letter-spacing:-6px;"><strong>A</strong></span></span></span></em></div>
  620.  
  621. <div style="height:40px;line-height:40px;width:275px;float:left;margin:40px 0px 0px 5px;border-bottom:1px solid #ddd;"><span style="font-family:arial;"><strong><span style="font-size:50px;"><span style="color:#b7d1cd;"><span style="letter-spacing:-6px;text-transform:uppercase;">float.</span></span></span></strong></span></div>
  622.  
  623. <div style="height:15px;line-height:10px;width:280px;float:left;text-align:right;margin-top:5px;"><span style="font-size:14px;"><span style="font-family:arial;"><span style="color:#A9A9A9;text-transform:uppercase;">a poster shop by username</span></span></span></div>
  624. </div>
  625.  
  626. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;margin-left:20px;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="#"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">home</span></span></a></span></span></div>
  627.  
  628. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/2"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">staff</span></span></a></span></span></div>
  629.  
  630. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/3"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">archive</span></span></a></span></span></div>
  631.  
  632. <div style="width:70px;height:150px;line-height:150px;text-align:center;float:left;"><span style="font-size:14px;"><span style="font-family:arial;"><a href="/4"><span style="color:#A9A9A9;"><span style="text-transform:uppercase;">affies</span></span></a></span></span></div>
  633. </div>
  634.  
  635. <div style="width:700px;float:left;margin-top:20px;background-color:#FFF;">
  636. <div style="width:290px;float:left;padding-bottom:10px;">
  637. <div style="width:260px;padding:5px 10px;float:left;border-left:10px solid #b7d1cd;line-height:15px;"><span style="font-size:16px;"><span style="font-family:arial;"><a href="#"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">Story name here</span></span></strong></a><br />
  638. <span style="font-size:14px;"><span style="color:#D3D3D3;"><span style="text-transform:uppercase;">by username</span></span></span></span></span></div>
  639.  
  640. <div style="width:265px;padding:5px 10px;float:left;border-left:5px solid #b7d1cd;line-height:10px;text-align:justify;margin-top:15px;"><span style="font-size:11px;"><span style="font-family:arial;"><span style="color:#b7d1cd;">Author note here. In consectetuer turpis ut velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Duis vel nibh at velit scelerisque suscipit. Sed libero. Sed in libero ut nibh placerat accumsan. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.&nbsp;</span></span></span></div>
  641.  
  642. <div style="width:265px;padding:5px 10px;float:left;border-left:5px solid #b7d1cd;line-height:15px;margin-top:15px;"><a href="#"><span style="font-size:14px;"><span style="font-family:arial;"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">poster one</span></span></strong></span></span></a></div>
  643.  
  644. <div style="width:265px;padding:5px 10px;float:left;border-left:5px solid #b7d1cd;line-height:15px;margin-top:5px;"><a href="#"><span style="font-size:14px;"><span style="font-family:arial;"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">poster two</span></span></strong></span></span></a></div>
  645.  
  646. <div style="width:265px;padding:5px 10px;float:left;border-left:5px solid #b7d1cd;line-height:15px;margin-top:5px;"><a href="#"><span style="font-size:14px;"><span style="font-family:arial;"><strong><span style="color:#b7d1cd;"><span style="text-transform:uppercase;">background</span></span></strong></span></span></a></div>
  647. </div>
  648.  
  649. <div style="width:400px;float:left;padding-bottom:10px;"><span style="font-size:11px;"><span style="font-family:arial;"><span style="color:#d3d3d3;"><img alt="" src="https://40.media.tumblr.com/46535ca2f5b9ad93ef8961815ada205b/tumblr_n48s2558kZ1ry59r9o1_500.png" style="width:400px;height:600px;" /></span></span></span></div>
  650. </div>
  651. </div>
  652. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!