API tools faq
paste
Advertisement
mickeywithoutears

Lilies

mickeywithoutears
Mar 8th, 2016
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.62 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:910px;margin:auto;">
  2. <div style="float:left;width:900px;height:550px;margin-top:100px;"><img alt="" src="http://i.imgur.com/Z9fB6WM.png" style="width:450px;height:550px;" /><img alt="" src="http://i.imgur.com/SNPJGsY.png" style="width:450px;height:550px;" /></div>
  3.  
  4. <div style="float:left;width:900px;height:650px;margin-top:-600px;">
  5. <div style="float:left;width:900px;height:50px;background:#000000;">
  6. <div style="float:left;width:400px;padding:10px;margin-left:20px;height:30px;letter-spacing:2px;text-transform:uppercase;"><span style="color:#D3D3D3;"><span style="font-family:arial;"><span style="font-size:26px;"><span style="font-size:22px;"><strong>HOME &nbsp; &nbsp; &nbsp;</strong></span><span style="font-size:12px;"> link 01 &nbsp; &nbsp; &nbsp;link 02 &nbsp; &nbsp; &nbsp;link 03</span></span></span></span></div>
  7.  
  8. <div style="float:right;height:12px;margin-top:12px;line-height:10px;padding:7px;margin-right:30px;background:#333333;border:outset 1px;"><span style="font-size:11px;"><span style="font-family:arial;"><span style="color:#D3D3D3;">SEARCH</span></span></span></div>
  9.  
  10. <div style="float:right;width:150px;height:15px;margin-top:18px;background:#cccccc;border-radius:8px;margin-right:10px;line-height:12px;border:inset 1px;">&nbsp; &nbsp;<em><span style="font-size:10px;"><span style="color:#808080;">search keywords...</span></span></em></div>
  11. </div>
  12.  
  13. <div style="float:left;width:900px;height:550px;overflow:hidden;">
  14. <div style="float:left;width:915px;height:550px;padding-right:15px;overflow:auto;">
  15. <div style="float:left;width:900px;height:550px;">
  16. <div style="margin:auto;width:500px;height:100px;margin-top:200px;padding:20px;border:5px solid #000000;">
  17. <div style="float:left;width:460px;height:60px;padding:20px;text-align:center;background:rgb(0,0,0);">
  18. <p style="line-height:60px;height:60px;text-transform:uppercase"><span style="font-family:impact;"><span style="color:#D3D3D3;"><span style="font-size:36px;">shop name here</span></span></span></p>
  19. </div>
  20. </div>
  21.  
  22. <div style="float:left;margin-left:350px;width:0px;height:0px;border-bottom:100px solid #000000;border-top:100px solid transparent;border-right:100px solid transparent;border-left:100px solid transparent;">&nbsp;</div>
  23. </div>
  24.  
  25. <div style="float:left;width:900px;height:550px;">
  26. <div style="float:left;width:900px;height:5px;background:#000000;">&nbsp;</div>
  27.  
  28. <div style="float:left;width:860px;height:485px;margin-top:10px;background:#000000;opacity:0.9;padding:20px;">
  29. <div style="float:left;width:304px;">
  30. <div style="float:left;width:280px;height:15px;line-height:15px;padding:10px;border:2px solid #cccccc;">
  31. <div style="float:left;width:265px;"><span style="font-size:16px;"><span style="font-family:impact;">about shop</span></span></div>
  32.  
  33. <div style="float:left;width:15px;"><span style="font-size:16px;"><span style="font-family:impact;">▼</span></span></div>
  34. </div>
  35.  
  36. <div style="float:left;width:280px;padding:10px;border:2px solid #cccccc;border-top:0px;line-height:11px;">
  37. <p style="text-align: justify;"><span style="font-size:11px;"><span style="font-family:helvetica;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus orci a eros imperdiet, ultrices molestie tellus sollicitudin. Etiam sit amet nisl ut erat ultrices mollis. Integer vestibulum erat eget tellus tristique efficitur. In malesuada justo metus, non rutrum magna imperdiet eget.</span></span></p>
  38. </div>
  39.  
  40. <div style="float:left;width:280px;height:15px;margin-top:20px;line-height:15px;padding:10px;padding:10px;border:2px solid #cccccc;">
  41. <div style="float:left;width:265px;"><span style="font-size:16px;"><span style="font-family:impact;">news and updates</span></span></div>
  42.  
  43. <div style="float:left;width:15px;"><span style="font-size:16px;"><span style="font-family:impact;">▼</span></span></div>
  44. </div>
  45.  
  46. <div style="float:left;width:280px;padding:10px;border:2px solid #cccccc;border-top:0px;line-height:11px;">
  47. <p style="text-align: justify;"><span style="font-size:11px;"><span style="font-family:helvetica;"><u>08/03/16</u>&nbsp; revamped!! //&nbsp;</span></span><u style="font-family: helvetica; font-size: 11px;">09/03/16</u><span style="font-family: helvetica; font-size: 11px;">&nbsp; we&#39;re open for request!!</span></p>
  48. </div>
  49.  
  50. <div style="float:left;width:280px;height:15px;margin-top:20px;line-height:15px;padding:10px;padding:10px;border:2px solid #cccccc;">
  51. <div style="float:left;width:265px;"><span style="font-size:16px;"><span style="font-family:impact;">our lovely affiliates</span></span></div>
  52.  
  53. <div style="float:left;width:15px;"><span style="font-size:16px;"><span style="font-family:impact;">▼</span></span></div>
  54. </div>
  55.  
  56. <div style="float:left;width:280px;padding:10px;border:2px solid #cccccc;border-top:0px;line-height:11px;">
  57. <p style="text-align: justify;"><span style="font-size:11px;"><span style="font-family:helvetica;">lorem ipsum dolor // sit amet // consectetur adipiscing elit // In cursus orci a eros imperdiet // ultrices molestie // tellus sollicitudin // Etiam sit amet nisl ut erat // ultrices mollis // Integer // vestibulum erat // eget tellus tristique efficitur // In malesuada // justo metus // non rutrum magna // imperdiet eget</span></span></p>
  58. </div>
  59. </div>
  60.  
  61. <div style="float:left;width:536px;margin-left:20px;height:485px;overflow:hidden;">
  62. <div style="float:left;width:551px;padding-right:15px;height:485px;overflow:auto;">
  63. <div style="float:left;width:536px;">
  64. <div style="float:left;width:15px;height:110px;line-height:15px;padding:10px;border:2px solid #cccccc;">
  65. <div style="float: left; width: 15px; height:95px; text-align: center;"><span style="font-size:16px;"><span style="font-family:impact;">r<br />
  66. u<br />
  67. l<br />
  68. e<br />
  69. s</span></span></div>
  70.  
  71. <div style="float:left;width:15px;height:15px; text-align: center"><span style="font-size:36px;"><span style="font-family:impact;">▸</span></span></div>
  72. </div>
  73.  
  74. <div style="float:left;width:475px;height:110px;padding:10px;border:2px solid #cccccc;border-left:0px;line-height:11px;overflow:hidden;">
  75. <div style="float:left;width:500px;height:110px;padding-right:15px;overflow:auto;">
  76. <div style="float:left;width:475px;">
  77. <p style="text-align: justify;"><span style="font-size:11px;"><span style="font-family:helvetica;">001. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  78. 002.&nbsp;In cursus orci a eros imperdiet, ultrices molestie tellus sollicitudin.<br />
  79. 003.&nbsp;Etiam sit amet nisl ut erat ultrices mollis.<br />
  80. 004.&nbsp;Integer vestibulum erat eget tellus tristique efficitur.<br />
  81. 005.&nbsp;In malesuada justo metus, non rutrum magna imperdiet eget.<br />
  82. 006.&nbsp;Nam vestibulum auctor nunc, eu molestie tellus mollis vel.<br />
  83. 007.&nbsp;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
  84. 008. Curabitur eu laoreet nisi. Etiam fermentum nibh fringilla ex dictum vestibulum in sit amet diam.<br />
  85. 009.&nbsp;Vivamus scelerisque nisl nec aliquet tristique.<br />
  86. 010.&nbsp;Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span></span></p>
  87. </div>
  88. </div>
  89. </div>
  90.  
  91. <div style="float:left;width:15px;height:150px;margin-top:20px;line-height:15px;padding:10px;border:2px solid #cccccc;">
  92. <div style="float: left; width: 15px; height:135px; text-align: center;"><span style="font-size:16px;"><span style="font-family:impact;">r<br />
  93. e<br />
  94. q<br />
  95. u<br />
  96. e<br />
  97. s<br />
  98. t</span></span></div>
  99.  
  100. <div style="float:left;width:15px;height:15px; text-align: center"><span style="font-size:36px;"><span style="font-family:impact;">▸</span></span></div>
  101. </div>
  102.  
  103. <div style="float:left;width:475px;height:150px;margin-top:20px;padding:10px;border:2px solid #cccccc;border-left:0px;line-height:11px;overflow:hidden;">
  104. <div style="float:left;width:500px;height:150px;padding-right:15px;overflow:auto;">
  105. <div style="float:left;width:475px;">
  106. <p style="text-align: center;"><span style="font-size:11px;"><span style="font-family:helvetica;">Lorem ipsum dolor sit amet // link // completed<br />
  107. consectetur adipiscing elit // link // completed<br />
  108. In cursus orci a eros imperdiet // link // completed<br />
  109. ultrices molestie tellus sollicitudin // link // completed<br />
  110. Etiam sit amet nisl ut erat ultrices mollis // link // working on<br />
  111. Integer vestibulum erat eget tellus tristique efficitur // link // working on<br />
  112. In malesuada justo metus // link // pending<br />
  113. non rutrum magna imperdiet eget // link // pending<br />
  114. Nam vestibulum auctor nunc // link // pending<br />
  115. eu molestie tellus mollis vel // link // pending<br />
  116. Cum sociis natoque penatibus et magnis dis parturient montes // link // pending<br />
  117. nascetur ridiculus mus // link // pending<br />
  118. Curabitur eu laoreet nisi // link // pending<br />
  119. Etiam fermentum nibh fringilla ex dictum vestibulum in sit amet diam // link // pending<br />
  120. Vivamus scelerisque nisl nec aliquet tristique // link // pending<br />
  121. Class aptent taciti sociosqu ad litora torquent per conubia nostra // link // pending<br />
  122. per inceptos himenaeos // link // pending<br />
  123. uisque eleifend malesuada elit // link // pending<br />
  124. in euismod erat sodales nec // link // pending<br />
  125. Mauris eleifend dictum justo // link // pending<br />
  126. it congue ipsum egestas quis // link // pending</span></span></p>
  127. </div>
  128. </div>
  129. </div>
  130.  
  131. <div style="float:left;width:510px;margin-top:20px;padding:10px;border:2px solid #cccccc;line-height:11px;">
  132. <div style="float:left;width:90px;"><img alt="" src="http://i.imgur.com/UaS46VB.png" style="width: 90px; height: 90px;" /></div>
  133.  
  134. <div style="float:left;margin-left:10px;width:410px;">
  135. <p style="text-align: justify;"><span style="font-size:11px;"><span style="font-family:helvetica;">Lorem ipsum dolor sit amet [--/100]<br />
  136. by consectetur<br />
  137. Adipiscing elit. In cursus orci a eros imperdiet, ultrices molestie tellus sollicitudin. Etiam sit amet nisl ut erat ultrices mollis. Integer vestibulum erat eget tellus tristique efficitur. In malesuada justo metus, non rutrum magna imperdiet eget.</span></span></p>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. <div style="float:left;width:900px;height:50px;background:#000000;">
  149. <div style="float:right;margin-right:25px;margin-top:18px;height:9px;line-height:10px;"><span style="letter-spacing:2px;"><span style="font-size:8px;"><span title="[layout coded by mickeywithoutears @ The Gathering] [best viewed in chrome] [please do not steal or claim as yours] [please do not remove the credits]"><a href="http://www.asianfanfics.com/story/view/610724"><span style="color:#A9A9A9;">MICKEYWITHOUTEARS</span></a></span></span></span></div>
  150. </div>
  151. </div>
  152.  
  153. <div style="float:left;width:910px;height:50px;">&nbsp;</div>
  154. </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!