API tools faq
paste
Advertisement
mickeywithoutears

Destiny

mickeywithoutears
Jan 7th, 2017
195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.81 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:900px;margin-top:50px;">
  2. <div style="float:left;width:900px;background:#ecb4bf;">
  3. <div style="float:left;width:900px;height:635px;opacity:.7;margin-top:50px;border-top:#ffffff 10px solid;border-bottom:#ffffff 10px solid;"><img alt="" src="http://i.imgur.com/GQBg06C.jpg" style="width:900px;height:635px;" /></div>
  4.  
  5. <div style="float:left;width:860px;height:590px;margin-top:-645px;padding:20px;opacity:.97;">
  6. <div style="float:left;width:860px;height:590px;overflow:hidden;">
  7. <div style="float:left;width:860px;height:590px;padding-right:20px;overflow:auto;">
  8. <div style="float:left;width:860px;">
  9. <div style="float:left;width:860px;height:30px;">
  10. <div style="float:left;width:25px;height:30px;line-height:30px;font-size:30px;color:#fce8ea;">✘</div>
  11.  
  12. <div style="float:right;width:50px;height:10px;padding:7px;background:#ecb4bf;border:outset 3px;text-transform:uppercase;letter-spacing:1px;line-height:10px;font-size:10px;text-align:center;color:#fce8ea;">search</div>
  13.  
  14. <div style="float:right;width:150px;height:10px;padding:7px;margin-right:10px;background:#fce8ea;border:3px inset;letter-spacing:1px;line-height:10px;font-size:10px;color:#ecb4bf;">search keywords...</div>
  15. </div>
  16.  
  17. <div style="float:left;width:860px;height:64px;margin-top:150px;">
  18. <div style="margin:auto;width:500px;height:100px;border:5px solid #fce8ea;opacity:.7;padding:10px;font-size:50px;color:#9E3C43;text-align:center;text-transform:uppercase;line-height:50px;letter-spacing:1px;">lorem ipsum<br />
  19. roleplay</div>
  20. </div>
  21.  
  22. <div style="float:left;width:860px;height:64px;margin-top:295px;opacity:.7;">
  23. <div style="float:left;width:230px;height:64px;margin-left:30px;">
  24. <div style="float:left;width:190px;height:40px;">
  25. <div style="float:left;width:14px;height:9px;padding-left:26px;margin-top:2px;line-height:9px;opacity:.5;"><img alt="" src="http://i.imgur.com/tVezbvO.gif" style="width:14px;height:9px;" /></div>
  26.  
  27. <div style="float:left;width:140px;height:10px;margin-top:4px;padding-left:10px;font-size:10px;line-height:10px;text-transform:uppercase;letter-spacing:1px;color:#9E3C43;"><strong>now playing</strong></div>
  28.  
  29. <div style="float:left;width:190px;height:2px;background:#9E3C43;margin-top:0px;">&nbsp;</div>
  30.  
  31. <div style="float:left;width:175px;height:10px;margin-top:4px;padding-left:15px;font-size:10px;line-height:10px;text-transform:uppercase;letter-spacing:1px;color:#9E3C43;"><strong>the velvet - red velvet</strong></div>
  32. </div>
  33.  
  34. <div style="float:left;width:40px;height:40px;margin-top:-5px;">
  35. <div style="float:left;width:40px;height:40px;overflow:hidden;border-radius:100px;opacity:.97;">
  36. <div style="float:left;width:62px;height:60px;margin-top:-13px;margin-left:-12px;overflow:hidden;"><iframe height="90" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/252183136&amp;color=9e3c43&amp;;show_artwork=false;" width="250"></iframe></div>
  37. </div>
  38. </div>
  39. </div>
  40.  
  41. <div style="float:right;width:400px;height:50px;margin-right:20px;font-size:15px;color:#9e3c43;text-align:right;text-transform:uppercase;line-height:15px;letter-spacing:1px;"><strong><span style="background-color:#fce8ea;">&nbsp;Just believe in fate and destiny will be forever yours.</span></strong></div>
  42. </div>
  43. </div>
  44.  
  45. <div style="float:left;width:860px;height:5px;margin-top:100px;background:#fce8ea;">&nbsp;</div>
  46.  
  47. <div style="float:left;width:860px;margin-top:150px;opacity:.7;">
  48. <div style="margin:auto;width:390px;">
  49. <div style="float:left;width:390px;">
  50. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  51. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>about us</strong></div>
  52. </div>
  53.  
  54. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  55. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:justify;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consectetur bibendum arcu, non consequat risus consequat et. Proin non enim lectus. Integer consectetur nunc lorem. Aenean nunc quam, pharetra nec molestie at, posuere vitae leo. Ut mattis posuere augue et pretium. Fusce dictum id nunc ut convallis. Nunc id odio elit. Vivamus mollis justo felis, euismod pretium dolor laoreet eget. Vestibulum laoreet tincidunt dictum. Vestibulum commodo tristique sapien, nec rutrum ipsum eleifend at. Ut tempus, nibh in tempus dignissim, metus odio maximus massa, cursus hendrerit est lectus sed ipsum. Quisque justo libero, posuere in faucibus id, rutrum eu orci. Duis elementum volutpat felis, eu posuere quam. Integer pretium enim mattis, volutpat tellus porta, vehicula nibh.</p></div>
  56. </div>
  57.  
  58. <div style="float:left;width:390px;margin-top:10px;height:60px;">
  59. <div style="float:left;width:60px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  60.  
  61. <div style="float:left;width:60px;margin-left:6px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  62.  
  63. <div style="float:left;width:60px;margin-left:6px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  64.  
  65. <div style="float:left;width:60px;margin-left:6px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  66.  
  67. <div style="float:left;width:60px;margin-left:6px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  68.  
  69. <div style="float:left;width:60px;margin-left:6px;"><img alt="" src="http://i.imgur.com/rqyXlm9.jpg" style="width:60px;height:60px;" /></div>
  70. </div>
  71.  
  72. <div style="float:left;width:390px;margin-top:80px;">
  73. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  74. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>terms &amp; conditions</strong></div>
  75. </div>
  76.  
  77. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  78. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:justify;"><p>01// Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  79. <br />
  80. 02// Cras consectetur bibendum arcu, non consequat risus consequat et.<br />
  81. <br />
  82. 03//&nbsp;Proin non enim lectus. Integer consectetur nunc lorem.<br />
  83. <br />
  84. 04//&nbsp;Aenean nunc quam, pharetra nec molestie at, posuere vitae leo.<br />
  85. <br />
  86. 05//&nbsp;Ut mattis posuere augue et pretium. Fusce dictum id nunc ut convallis.<br />
  87. <br />
  88. 06//&nbsp;Nunc id odio elit. Vivamus mollis justo felis, euismod pretium dolor laoreet eget.<br />
  89. <br />
  90. 07//&nbsp;Vestibulum laoreet tincidunt dictum. Vestibulum commodo tristique sapien, nec rutrum ipsum eleifend at.<br />
  91. <br />
  92. 08//&nbsp;Ut tempus, nibh in tempus dignissim, metus odio maximus massa, cursus hendrerit est lectus sed ipsum.<br />
  93. <br />
  94. 09//&nbsp;Quisque justo libero, posuere in faucibus id, rutrum eu orci. Duis elementum volutpat felis, eu posuere quam.<br />
  95. <br />
  96. 10//&nbsp;Integer pretium enim mattis, volutpat tellus porta, vehicula nibh.</p></div>
  97. </div>
  98. </div>
  99.  
  100. <div style="float:left;width:390px;margin-top:80px;">
  101. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  102. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>how to join</strong></div>
  103. </div>
  104.  
  105. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  106. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:justify;"><p>01// Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  107. <br />
  108. 02// Cras consectetur bibendum arcu, non consequat risus consequat et.<br />
  109. <br />
  110. 03//&nbsp;Proin non enim lectus. Integer consectetur nunc lorem.<br />
  111. <br />
  112. 04//&nbsp;Aenean nunc quam, pharetra nec molestie at, posuere vitae leo.<br />
  113. <br />
  114. 05//&nbsp;Ut mattis posuere augue et pretium. Fusce dictum id nunc ut convallis.<br />
  115. <br />
  116. 06//&nbsp;Nunc id odio elit. Vivamus mollis justo felis, euismod pretium dolor laoreet eget.<br />
  117. <br />
  118. 07//&nbsp;Vestibulum laoreet tincidunt dictum. Vestibulum commodo tristique sapien, nec rutrum ipsum eleifend at.<br />
  119. <br />
  120. 08//&nbsp;Ut tempus, nibh in tempus dignissim, metus odio maximus massa, cursus hendrerit est lectus sed ipsum.<br />
  121. <br />
  122. 09//&nbsp;Quisque justo libero, posuere in faucibus id, rutrum eu orci. Duis elementum volutpat felis, eu posuere quam.<br />
  123. <br />
  124. 10//&nbsp;Integer pretium enim mattis, volutpat tellus porta, vehicula nibh.</p></div>
  125. </div>
  126. </div>
  127.  
  128. <div style="float:left;width:390px;margin-top:2px;">
  129. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  130. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:center;"><p>name<br />
  131. <br />
  132. activity<br />
  133. <br />
  134. timezone<br />
  135. <br />
  136. idol // band<br />
  137. <br />
  138. password</p></div>
  139. </div>
  140. </div>
  141.  
  142. <div style="float:left;width:390px;margin-top:80px;">
  143. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  144. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>updates &amp; events</strong></div>
  145. </div>
  146.  
  147. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  148. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:justify;"><p>01 JAN 2017// Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  149. <br />
  150. 02<span style="color:rgb(252,232,234);font-size:10px;letter-spacing:1px;text-align:justify;background-color:rgb(158,60,67);">&nbsp;JAN 2017/</span>/ Cras consectetur bibendum arcu, non consequat risus consequat et.<br />
  151. <br />
  152. 03<span style="color:rgb(252,232,234);font-size:10px;letter-spacing:1px;text-align:justify;background-color:rgb(158,60,67);">&nbsp;JAN 2017/</span>//&nbsp;Proin non enim lectus. Integer consectetur nunc lorem.<br />
  153. <br />
  154. 04<span style="color:rgb(252,232,234);font-size:10px;letter-spacing:1px;text-align:justify;background-color:rgb(158,60,67);">&nbsp;JAN 2017/</span>/ Aenean nunc quam, pharetra nec molestie at, posuere vitae leo.<br />
  155. <br />
  156. 05<span style="color:rgb(252,232,234);font-size:10px;letter-spacing:1px;text-align:justify;background-color:rgb(158,60,67);">&nbsp;JAN 2017/</span>/&nbsp;Ut mattis posuere augue et pretium. Fusce dictum id nunc ut convallis.</p></div>
  157. </div>
  158. </div>
  159.  
  160. <div style="float:left;width:390px;margin-top:80px;">
  161. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  162. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>hiatuslist</strong></div>
  163. </div>
  164.  
  165. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  166. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:center;"><p>Lorem ipsum dolor // sit amet // consectetur adipiscing elit //&nbsp;Cras consectetur // bibendum arc // non consequat // risus // consequat et //&nbsp;Proin non // enim lectus // Integer // consectetur // nunc lorem</p></div>
  167. </div>
  168. </div>
  169.  
  170. <div style="float:left;width:390px;margin-top:80px;">
  171. <div style="float:left;width:350px;background:#9e3c43;padding:20px;padding-bottom:5px;">
  172. <div style="float:left;width:350px;letter-spacing:1px;text-transform:uppercase;line-height:10px;font-size:10px;color:#fce8ea;text-align:left;"><strong>blacklist</strong></div>
  173. </div>
  174.  
  175. <div style="float:left;width:350px;background:#9e3c43;padding:20px;margin-top:2px;">
  176. <div style="float:left;width:350px;letter-spacing:1px;line-height:10px;font-size:10px;color:#fce8ea;text-align:center;"><p>Lorem ipsum dolor // sit amet // consectetur adipiscing elit //&nbsp;Cras consectetur // bibendum arc // non consequat // risus // consequat et //&nbsp;Proin non // enim lectus // Integer // consectetur // nunc lorem</p></div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185.  
  186. <div style="float:left;width:900px;height:50px;">&nbsp;</div>
  187. </div>
  188.  
  189. <div style="float:left;width:800px;padding-left:50px;padding-right:50px;opacity:.7;">
  190. <div style="margin:auto;width:100px;margin-top:5px;height:7px;line-height:7px;text-align:center;letter-spacing:1px;font-size:7px;color:#777569;"><span class="tooltip" title="DESIGNED &amp; CODED BY MICKEYWITHOUTEARS @THE GATHERING"><a href="http://www.asianfanfics.com/story/view/610724"><span style="color:#9e3c43;">MICKEYWITHOUTEARS</span></a></span></div>
  191. </div>
  192.  
  193. <div style="float:left;width:900px;height:50px;">&nbsp;</div>
  194. </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!