API tools faq
paste
Advertisement
RienRien

Remember ft. APINK

RienRien
Oct 26th, 2015
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.10 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:1000px;height:750px;text-align:center;background-color:#69d2e8;">
  2. <div style="float:left;width:1000px;height:120px;margin-top:20px;border-bottom:5px solid #fff;">
  3. <div style="float:left;margin-top:25px;margin-left:125px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:20px;width:60px;height:10px;line-height:10px;"><span style="color:#FFFFFF;"><span style="font-size:18px;"><span style="font-family:'avant garde';"><em><span style="letter-spacing:0px;">Link</span></em></span></span></span></div>
  4.  
  5. <div style="float:left;margin-top:25px;margin-left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:20px;width:60px;height:10px;line-height:10px;"><span style="color:#FFFFFF;"><span style="font-size:18px;"><span style="font-family:'avant garde';"><em><span style="letter-spacing:0px;">Link</span></em></span></span></span></div>
  6.  
  7. <div style="float:left;margin-top:0px;margin-left:40px;border:5px solid #fff;padding:20px;width:160px;height:50px;line-height:20px;"><span style="color:#FFFFFF;"><span style="font-size:48px;"><span style="font-family:'avant garde';"><em><span style="letter-spacing:-6px;">Remember</span></em></span></span></span><br />
  8. <span style="color:#FFFFFF;"><span style="font-size:14px;"><span style="font-family:arial;letter-spacing:5px;">roleplay</span></span></span></div>
  9.  
  10. <div style="float:left;margin-top:25px;margin-left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:20px;width:60px;height:10px;line-height:10px;"><span style="color:#FFFFFF;"><span style="font-size:18px;"><span style="font-family:'avant garde';"><em><span style="letter-spacing:0px;">Link</span></em></span></span></span></div>
  11.  
  12. <div style="float:left;margin-top:25px;margin-left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:20px;width:60px;height:10px;line-height:10px;"><span style="color:#FFFFFF;"><span style="font-size:18px;"><span style="font-family:'avant garde';"><em><span style="letter-spacing:0px;">Link</span></em></span></span></span></div>
  13. </div>
  14.  
  15. <div style="float:left;width:1000px;height:556px;margin-top:0px;border-bottom:5px solid #69d2e7;"><img alt="" src="http://i296.photobucket.com/albums/mm186/RienRienn/apink_zps4c8poksm.gif" style="height:556px;width:1000px;" /></div>
  16.  
  17. <div style="float:left;width:1000px;margin-top:-561px;">
  18. <div style="float:left;width:0;height:0;border-top:500px solid #b2d9c4;border-right:200px solid transparent;border-bottom:57px solid #69d2e7;opacity:.7;">&nbsp;</div>
  19.  
  20. <div style="float:left;width:0;height:0;border-top:500px solid #b2d9c4;border-left:200px solid transparent;margin-left:600px;border-bottom:57px solid #69d2e7;opacity:.7;">&nbsp;</div>
  21. </div>
  22.  
  23. <div style="float:left;width:1000px;margin-top:-563px;"><img alt="overlay_zpsnxz4875v.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/overlay_zps2jvrheqa.png" style="height:556px;width:1000px;" /></div>
  24. </div>
  25.  
  26. <div style="float:left;margin-top:-170px;margin-left:360px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding-top:20px;padding-bottom:20px;">
  27. <div style="float:left;width:63px;height:63px;margin-left:10px;overflow:hidden;opacity:1;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/214839635&amp;color=a8dad9&amp;&amp;hide_related=true&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false&amp;visual=false" width="64"></iframe></div>
  28.  
  29. <div style="float:left;line-height:10px;text-align:justify;padding:10px;"><span style="color:#FFFFFF;"><em><span style="font-family:'avant garde';"><span style="font-size:12px;">Do you remember, the sun that shone on us<br />
  30. The wide and blue ocean, just like yesterday<br />
  31. In those memories where time has stopped</span></span></em></span></div>
  32. </div>
  33.  
  34. <div style="float:left;width:980px;height:520px;text-align:center;background-color:#d1f8a1;margin-top:-1px;padding:10px;">
  35. <div style="float:left;width:1000px;">
  36. <div style="float:left;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #69d2e8;margin-top:-50px;margin-left:450px;">&nbsp;</div>
  37. </div>
  38.  
  39. <div style="float:left;margin-left:90px;width:300px;height:300px;border-bottom:5px solid #fff;">
  40. <div style="float:left;width:300px;height:210px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';"><span style="font-size:162px;"><span style="font-family:arial;letter-spacing:-6px;"><u>00.</u></span></span></span></span></div>
  41.  
  42. <div style="float:left;width:250px;text-align:right;"><em><span style="color:#FFFFFF;"><span style="font-size:14px;"><span style="font-family:'avant garde';letter-spacing:2px;">&nbsp; &nbsp;&nbsp;<span style="font-family:arial;">&nbsp;</span></span></span></span></em><span style="color:#FFFFFF;"><span style="font-size:14px;"><span style="font-family:'avant garde';letter-spacing:2px;"><span style="font-family:arial;">members, and counting</span></span></span></span></div>
  43. </div>
  44.  
  45. <div style="float:left;margin-left:0px;width:480px;border-left-width:5px;border-left-style:solid;border-left-color:rgb(255,255,255);height:200px;margin-top:70px;padding:10px;text-align:justify;line-height:11px;background-color:#c0ea8d;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis. Fusce urna nisl, egestas sed aliquam vel, pulvinar eu elit. Cras id sapien at massa sollicitudin pellentesque. Duis semper nisl in ultrices ultrices. Mauris vehicula quis risus eu ornare. Pellentesque hendrerit ullamcorper dui, fringilla fringilla ipsum egestas sit amet. Vestibulum non purus felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in imperdiet magna.<br />
  46. <br />
  47. Pellentesque sed efficitur est. Sed ut diam et massa efficitur sagittis. Vivamus euismod imperdiet nunc, a venenatis augue dignissim in. Vestibulum sagittis quam in nulla convallis, ut consequat massa malesuada. Morbi non augue ante. Nulla id nibh in diam condimentum finibus. Sed aliquam, ante luctus euismod mollis, dui ex rhoncus velit, ac gravida diam metus ut urna. Sed eget mollis sapien. Etiam maximus pharetra turpis, quis interdum nulla porta non. Sed consectetur placerat massa, vitae ullamcorper turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris gravida lectus vitae quam rutrum, sit amet condimentum dolor aliquam. Pellentesque vel ipsum in libero maximus mollis nec ut velit.</span></span></span></div>
  48.  
  49. <div style="float:left;margin-left:0px;width:480px;border-left-width:5px;border-left-style:solid;border-left-color:rgb(255,255,255);height:80px;margin-top:0px;padding:10px;line-height:70px;text-align:right;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:72px;letter-spacing:-6px;"><u>ABOUT</u></span></span></span></div>
  50. </div>
  51.  
  52. <div style="float:left;width:980px;height:auto;text-align:center;background-color:#f0e596;margin-top:-1px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:70px;">
  53. <div style="float:left;width:1000px;">
  54. <div style="float:left;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #d1f8a1;margin-top:-50px;margin-left:450px;">&nbsp;</div>
  55. </div>
  56.  
  57. <div style="float:left;margin-top:70px;margin-left:50px;width:400px;">
  58. <div style="float:left;width:400px;border-right-width:5px;border-right-style:solid;border-right-color:rgb(255,255,255);border-top:5px solid #fff;height:auto;padding:10px;line-height:11px;background-color:rgb(232,220,136);"><span style="font-size:12px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';">GENERAL <span style="font-family:arial;"><strong>RULES</strong></span></span></span></span>
  59.  
  60. <hr style="border:1px solid #e2d887;" />
  61. <p style="text-align:left;"><br />
  62. <br />
  63. <span style="font-size:12px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';">01. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  64. <br />
  65. 02. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  66. <br />
  67. 03. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  68. <br />
  69. 04. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  70. <br />
  71. 05. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  72. <br />
  73. 06. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  74. <br />
  75. 07. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  76. <br />
  77. 08. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  78. <br />
  79. 09. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  80. <br />
  81. 10. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.</span></span></span></p>
  82. </div>
  83.  
  84. <div style="float:left;margin-left:0px;width:380px;height:80px;margin-top:0px;padding:10px;line-height:70px;text-align:left;"><font color="#ffffff" face="arial"><span style="font-size:72px;letter-spacing:-6px;"><u>RULES</u></span></font></div>
  85. </div>
  86.  
  87. <div style="float:left;margin-top:70px;margin-left:55px;width:400px;">
  88. <div style="float:left;width:400px;border-left-width:5px;border-left-style:solid;border-left-color:rgb(255,255,255);border-bottom:5px solid #fff;height:auto;padding:10px;line-height:11px;background-color:rgb(232,220,136);"><span style="font-size:12px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';">HOW TO </span><font face="arial"><b>JOIN</b></font></span></span>
  89.  
  90. <hr style="border:1px solid #e2d887;" />
  91. <p style="text-align:left;"><br />
  92. <br />
  93. <span style="font-size:12px;"><span style="color:#FFFFFF;"><span style="font-family:'avant garde';">01. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  94. <br />
  95. 02. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  96. <br />
  97. 03. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  98. <br />
  99. 04. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  100. <br />
  101. 05. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  102. <br />
  103. 06. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  104. <br />
  105. 07. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  106. <br />
  107. 08. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  108. <br />
  109. 09. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.<br />
  110. <br />
  111. 10. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor rhoncus metus, a finibus arcu aliquet quis.</span></span></span></p>
  112. </div>
  113.  
  114. <div style="float:left;margin-left:0px;width:380px;height:80px;margin-top:0px;padding:10px;line-height:70px;text-align:right;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:72px;letter-spacing:-6px;"><u>HTJ</u></span></span></span></div>
  115. </div>
  116. </div>
  117.  
  118. <div style="float:left;width:980px;height:auto;text-align:center;background-color:#f8ec69;margin-top:-1px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:70px;">
  119. <div style="float:left;width:1000px;">
  120. <div style="float:left;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #f0e596;margin-top:-50px;margin-left:450px;">&nbsp;</div>
  121. </div>
  122.  
  123. <div style="float:left;margin-top:70px;margin-left:290px;width:400px;">
  124. <div style="float:left;width:400px;border-top-width:5px;border-top-style:solid;border-top-color:rgb(255,255,255);border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:rgb(255,255,255);height:auto;padding:10px;line-height:11px;background-color:#f2e65f;">
  125. <div style="float:left;">
  126. <div style="float:left;width:70px;height:70px;"><img alt="50_zps7rxhkfl9.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/50_zps7rxhkfl9.png" style="height:70px;width:70px;" /></div>
  127.  
  128. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN EUNJI</span></span><br />
  129. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  130. </div>
  131.  
  132. <div style="float:left;margin-top:5px;">
  133. <div style="float:left;width:70px;height:70px;"><img alt="56_zps0uhqk9xy.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/56_zps0uhqk9xy.png" style="height:70px;width:70px;" /></div>
  134.  
  135. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN BOMI</span></span><br />
  136. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  137. </div>
  138.  
  139. <div style="float:left;margin-top:5px;">
  140. <div style="float:left;width:70px;height:70px;"><img alt="57_zpstdtbysdf.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/57_zpstdtbysdf.png" style="height:70px;width:70px;" /></div>
  141.  
  142. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN HAYOUNG</span></span><br />
  143. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  144. </div>
  145.  
  146. <div style="float:left;margin-top:5px;">
  147. <div style="float:left;width:70px;height:70px;"><img alt="55_zps8jheptrz.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/55_zps8jheptrz.png" style="height:70px;width:70px;" /></div>
  148.  
  149. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN CHORONG</span></span><br />
  150. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  151. </div>
  152.  
  153. <div style="float:left;margin-top:5px;">
  154. <div style="float:left;width:70px;height:70px;"><img alt="59_zpsvanqtrmm.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/59_zpsvanqtrmm.png" style="height:70px;width:70px;" /></div>
  155.  
  156. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN NAEUN</span></span><br />
  157. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  158. </div>
  159.  
  160. <div style="float:left;margin-top:5px;">
  161. <div style="float:left;width:70px;height:70px;"><img alt="58_zpskvpsbzfd.png" src="http://i296.photobucket.com/albums/mm186/RienRienn/58_zpskvpsbzfd.png" style="height:70px;width:70px;" /></div>
  162.  
  163. <div style="float:left;width:305px;height:50px;margin-left:5px;padding:10px;text-align:justify;background-color:rgb(234,222,85);"><span style="font-size:10px;"><span style="color:#FFFFFF;">ADMIN NAMJOO</span></span><br />
  164. <span style="color:#FFFFFF;"><span style="font-size:11px;"><span style="font-family:'avant garde';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue commodo neque venenatis tristique. Curabitur orci urna, ullamcorper in pretium ac, semper eget nunc. Keep it this short.</span></span></span></div>
  165. </div>
  166. </div>
  167.  
  168. <div style="float:left;margin-left:0px;width:380px;height:80px;margin-top:0px;padding:10px;line-height:70px;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:62px;letter-spacing:-6px;"><u>THE ADMINS</u></span></span></span></div>
  169. </div>
  170. </div>
  171.  
  172. <div style="float:left;width:980px;height:150px;padding:10px;background-color:rgb(105,210,232);">
  173. <div style="float:left;width:1000px;">
  174. <div style="float:left;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #f8ec69;margin-top:-50px;margin-left:450px;">&nbsp;</div>
  175. </div>
  176.  
  177. <div style="float:left;margin-top:50px;margin-left:50px;line-height:15px;"><strong><span style="font-size:10px;"><span style="font-family:arial;"><a href="http://www.asianfanfics.com/story/view/986684/videography-layout-collection-layoutpreview"><span style="color:#FFFFFF;">VIDEOGRAPHY COLLECTION</span></a></span></span><br />
  178. <span style="font-size:10px;"><span style="font-family:arial;"><a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="color:#FFFFFF;">SWAK COLLECTIONS.&copy; 2015</span></a></span></span></strong></div>
  179.  
  180. <div style="float:left;margin-top:50px;margin-left:200px;line-height:15px;text-align:center;"><a href="http://www.asianfanfics.com/profile/view/496046"><span style="color:#FFFFFF;"><strong><span style="font-size:10px;"><span style="font-family:arial;">LAYOUT CODED AND DESIGNED<br />
  181. BY RIENRIEN OF SWAK SHOP</span></span></strong></span></a></div>
  182.  
  183. <div style="float:left;margin-top:50px;margin-left:200px;line-height:15px;text-align:center;"><strong><span style="color:#FFFFFF;"><span style="font-size:10px;"><span style="font-family:arial;">CREDITS FOR THE IMAGES<br />
  184. USED IN THIS LAYOUT</span></span></span></strong></div>
  185. </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!