Advertisement
dukkuu

[S] hwayi //home

Apr 15th, 2015
256
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.38 KB | None | 0 0
  1. <div style="width:900px;background-color:#000;font-family:arial;color:#fff;font-size:10px;line-height:110%;float:left;">
  2. <div style="height:70px;width:100%;float:left;"></div>
  3. <div style="margin-left:50px;float:left;">
  4. <div style="font-size:50px;font-weight:bold;line-height:50px;height:50px;">hwayi;</div>
  5. <div style="height:1px;background-color:#fff;width:50px;border-top:4px solid #000;border-bottom:4px solid #000;"></div><div style="margin-left:60px;height:10px;line-height:10px;margin-top:-10px;">a moster boy</div>
  6. </div>
  7.  
  8. <div style="width:320px;margin-right:50px;margin-top:-20px;height:100px;float:right;">
  9. <div style="width:100px;height:100px;"><img src="http://i4.minus.com/ixjddk2GHByJF.jpg" style="width:100px;height:100px;border-radius:60px;"></div>
  10. <div style="width:100px;height:100px;margin-left:110px;margin-top:-100px;"><img src="http://i3.minus.com/ibfQslaauvBiQI.jpg" style="width:100px;height:100px;border-radius:60px;"></div>
  11. <div style="width:100px;height:100px;margin-left:220px;margin-top:-100px;"><img src="http://i1.minus.com/ib0n6A20euuBnQ.jpg" style="width:100px;height:100px;border-radius:60px;"></div>
  12. </div>
  13.  
  14. <div style="width:800px;padding:50px;font-size:12px;line-height:15px;float:left;">
  15. <div style="width:150px;height:170px;float:left;">
  16. <div style="border:1px solid #fff;padding:4px;height:15px;">navigation</div>
  17. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><i><a href="/" style="color:#fff;text-decoration:none;">home</a></i></div>
  18. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><a href="/" style="color:#fff;text-decoration:none;">request</a></div>
  19. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><a href="/" style="color:#fff;text-decoration:none;">link</a></div>
  20. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><a href="/" style="color:#fff;text-decoration:none;">link</a></div>
  21. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><a href="/" style="color:#fff;text-decoration:none;">link</a></div>
  22. <div style="border-left:1px solid #fff;border-bottom:1px solid #fff;padding:4px;height:15px;margin-left:15px;"><a href="/" style="color:#fff;text-decoration:none;">link</a></div>
  23. </div>
  24.  
  25. <div style="width:600px;padding-bottom:50px;text-align:justify;float:right;">
  26.  
  27. <div style="width:600px;">
  28. <div style="width:550px;padding:24px;border:1px solid #fff;text-transform:uppercase;">
  29. <p>Lorem ipsum dolor sit amet, ad choro melius his, te tantas accusamus evertitur quo. Ius porro utroque in! His tempor mnesarchum et, augue definitionem has ea. Sit id amet idque. Lorem ipsum dolor sit amet, ad choro melius his, te tantas accusamus evertitur quo. Ius porro utroque in! His tempor mnesarchum et, augue definitionem has ea. Sit id amet idque.</p>
  30. </div>
  31. <div style="width:2px;height:20px;background-color:#fff;margin-left:500px;"></div>
  32. <div style="border:1px solid #fff;padding:14px;text-align:center;margin-left:400px;width:170px;height:15px;">about</div>
  33. </div>
  34.  
  35. <div style="width:600px;margin-top:-40px;">
  36. <div style="border:1px solid #fff;padding:14px;text-align:center;width:170px;height:15px;">rules & regulations</div>
  37. <div style="width:2px;height:20px;background-color:#fff;margin-left:100px;"></div>
  38. <div style="width:550px;padding:24px;border:1px solid #fff;text-transform:uppercase;">
  39. <p>Lorem ipsum dolor sit amet, ad choro melius his, te tantas accusamus evertitur quo. Ius porro utroque in! His tempor mnesarchum et, augue definitionem has ea. Sit id amet idque.Lorem ipsum dolor sit amet, ad choro melius his, te tantas accusamus evertitur quo. Ius porro utroque in! His tempor mnesarchum et, augue definitionem has ea. Sit id amet idque.</p>
  40. </div>
  41. </div>
  42.  
  43. <div style="width:600px;margin-top:20px;">
  44. <div style="border:1px solid #fff;padding:14px;text-align:center;width:120px;height:15px;">request status</div>
  45. <div style="width:20px;height:1px;background-color:#fff;margin-left:150px;margin-top:-22px;"></div>
  46. <div style="width:380px;padding:24px;border:1px solid #fff;text-transform:uppercase;margin-left:170px;margin-top:-24px;letter-spacing:2px;font-size:10px">
  47. <p>username [<i>designer</i>] - 00%<br/>
  48. username [<i>designer</i>] - 00%<br/>
  49. username [<i>designer</i>] - 00%<br/>
  50. username [<i>designer</i>] - 00%<br/>
  51. (use shift+enter to create new lines)
  52. </div>
  53. </div>
  54.  
  55. <div style="width:600px;margin-top:20px;">
  56. <div style="border:1px solid #fff;padding:14px;text-align:center;width:120px;height:15px;margin-left:450px;">designers</div>
  57. <div style="width:20px;height:1px;background-color:#fff;margin-left:430px;margin-top:-22px;"></div>
  58. <div style="width:380px;padding:24px;border:1px solid #fff;text-transform:uppercase;margin-top:-24px;line-height:50px;font-size:50px;text-align:center;">
  59. <div style="width:110px;height:110px;"><img src="http://i1.minus.com/ib0n6A20euuBnQ.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  60. <div style="width:110px;height:110px;margin-left:135px;margin-top:-110px;"><img src="http://i3.minus.com/ibfQslaauvBiQI.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  61. <div style="width:110px;height:110px;margin-left:270px;margin-top:-110px;"><img src="http://i4.minus.com/ixjddk2GHByJF.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  62. <div style="width:110px;height:110px;margin-top:25px;"><img src="http://i4.minus.com/ixjddk2GHByJF.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  63. <div style="width:110px;height:110px;margin-left:135px;margin-top:-110px;"><img src="http://i3.minus.com/ibfQslaauvBiQI.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  64. <div style="width:110px;height:110px;margin-left:270px;margin-top:-110px;"><img src="http://i1.minus.com/ib0n6A20euuBnQ.jpg" style="110px;height:110px;"><div style="width:50px;height:50px;border:5px solid #fff;padding:5px;margin-left:20px;margin-top:-90px;opacity:.99;"><a href="/" style="color:#fff;text-decoration:none;">H</div></div>
  65. </div>
  66. </div>
  67.  
  68. </div>
  69. </div>
  70.  
  71. <div style="width:900px;height:100px;"><img src="http://i3.minus.com/ivWK6WHL8Q2hq.jpg" style="width:900px;height:100px;float:left;"></div>
  72.  
  73. <div style="width:200px;padding:24px;border:1px solid #fff;margin-left:325px;;text-align:center;font-size:8px;margin-top:50px;float:left;"><a href="/" style="color:#fff;text-decoration:none;">layout designed and coded by dukkuu at semicolon;</a><br/>insert name here graphic shop</div>
  74.  
  75. <div style="width:100%;height:50px;float:left;"></div>
  76.  
  77. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement