Advertisement
kintsuki

[ PROJECT LOONA ] 1/3

May 20th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
  1. <div style="height:310px;width:600px;margin:auto;">
  2. <div style="height:300px;width:600px;float:left;background-color:#000;">
  3. <div style="width:150px;height:287px;float:left;margin:0px;text-transform:uppercase;text-align:justify;font-family:Calibri;font-size:8px;line-height:11px;letter-spacing:1.5px;color:#000;">
  4. <div style="width:150px;height:300px;overflow:hidden;">
  5. <div style="width:170px;height:300px;overflow:auto;">
  6. <div style="width:150px;height:285px;float:left;background-color:transparent;">&nbsp;</div>
  7.  
  8. <div style="height:11px;width:11px;float:left;background-color:#fff;margin:-280px 0px 0px 5px;">&nbsp;</div>
  9.  
  10. <div style="height:50px;width:1px;float:left;background-color:#fff;margin:-269px 0px 0px 10px;">&nbsp;</div>
  11.  
  12. <div style="width:150px;height:15px;float:left;text-transform:uppercase;text-align:center;font-family:'arial narrow';font-size:12px;line-height:15px;letter-spacing:5px;color:#fff;"><strong>about</strong></div>
  13.  
  14. <div style="width:150px;height:300px;float:left;background-color:#000;">
  15. <div style="width:150px;height:300px;float:left;">
  16. <div style="width:140px;height:140px;float:left;margin:5px;"><img alt="" src="https://vignette.wikia.nocookie.net/loonatheworld/images/2/21/LOONA_1-3_Love_and_Live_HaSeul.PNG/revision/latest?cb=20170419235545" style="width:140px;height:140px;" /></div>
  17.  
  18. <div style="width:140px;height:140px;text-align:center;color:#fff;margin:5px;float:left;background-color:transparent;border:1px #fff solid;">
  19. <div style="margin-top:4px;margin-left:4px;">
  20. <div style="width:140px;height:130px;overflow:hidden;margin-left:0px;">
  21. <div style="width:157px;height:130px;text-align:justify;overflow:auto;">
  22. <div style="width:130px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.<br />
  23. <br />
  24. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34.  
  35. <div style="width:150px;height:287px;float:left;margin:0px;text-transform:uppercase;text-align:justify;font-family:Calibri;font-size:8px;line-height:11px;letter-spacing:1.5px;color:#000;">
  36. <div style="width:150px;height:300px;overflow:hidden;">
  37. <div style="width:170px;height:300px;overflow:auto;">
  38. <div style="width:150px;height:285px;float:left;background-color:transparent;">&nbsp;</div>
  39.  
  40. <div style="height:11px;width:11px;float:left;background-color:#FFC3AC;margin:-280px 0px 0px 5px;">&nbsp;</div>
  41.  
  42. <div style="height:50px;width:1px;float:left;background-color:#FFC3AC;margin:-269px 0px 0px 10px;">&nbsp;</div>
  43.  
  44. <div style="width:150px;height:15px;float:left;text-transform:uppercase;text-align:center;font-family:'arial narrow';font-size:12px;line-height:15px;letter-spacing:5px;color:#FFC3AC;"><strong>lover</strong></div>
  45.  
  46. <div style="width:150px;height:300px;float:left;background-color:#000;">
  47. <div style="width:150px;height:300px;float:left;">
  48. <div style="width:140px;height:140px;float:left;margin:5px;"><img alt="" src="https://vignette.wikia.nocookie.net/loonatheworld/images/a/ab/LOONA_1-3_Love_and_Live_HyunJin.PNG/revision/latest?cb=20170419234944" style="width:140px;height:140px;" /></div>
  49.  
  50. <div style="width:140px;height:140px;text-align:center;color:#fff;margin:5px;float:left;background-color:transparent;border:1px #FFC3AC solid;">
  51. <div style="margin-top:4px;margin-left:4px;">
  52. <div style="width:140px;height:130px;overflow:hidden;margin-left:0px;">
  53. <div style="width:157px;height:130px;text-align:justify;overflow:auto;">
  54. <div style="width:130px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  55. <div style="width:130px;height:10px;float:left;text-transform:uppercase;text-align:center;font-family:arial;font-size:9px;line-height:10px;color:#FFC3AC;"><strong>name</strong></div>
  56.  
  57. <div style="width:130px;height:10px;float:left;margin-top:1px;text-transform:uppercase;text-align:center;font-family:arial;font-size:9px;line-height:10px;color:#FFC3AC;"><strong>date</strong></div>
  58.  
  59. <div style="width:130px;height:10px;float:left;margin-top:1px;margin-bottom:1px;text-transform:uppercase;text-align:center;font-family:arial;font-size:9px;line-height:10px;color:#FFC3AC;"><strong>status</strong></div>
  60. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.<br />
  61. <br />
  62. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72.  
  73. <div style="width:150px;height:287px;float:left;margin:0px;text-transform:uppercase;text-align:justify;font-family:Calibri;font-size:8px;line-height:11px;letter-spacing:1.5px;color:#000;">
  74. <div style="width:150px;height:300px;overflow:hidden;">
  75. <div style="width:170px;height:300px;overflow:auto;">
  76. <div style="width:150px;height:285px;float:left;background-color:transparent;">&nbsp;</div>
  77.  
  78. <div style="height:11px;width:11px;float:left;background-color:#B44935;margin:-280px 0px 0px 5px;">&nbsp;</div>
  79.  
  80. <div style="height:50px;width:1px;float:left;background-color:#B44935;margin:-269px 0px 0px 10px;">&nbsp;</div>
  81.  
  82. <div style="width:150px;height:15px;float:left;text-transform:uppercase;text-align:center;font-family:'arial narrow';font-size:12px;line-height:15px;letter-spacing:5px;color:#B44935;"><strong>plots</strong></div>
  83.  
  84. <div style="width:150px;height:300px;float:left;background-color:#000;">
  85. <div style="width:150px;height:300px;float:left;">
  86. <div style="width:140px;height:140px;float:left;margin:5px;"><img alt="" src="https://scontent-sea1-1.cdninstagram.com/vp/d42785a3276d8527d4da9c1c07295255/5B143B3E/t51.2885-15/s480x480/e35/c0.94.749.749/17333716_1825350941050763_7705292490051420160_n.jpg?ig_cache_key=MTQ3MTU3OTg5NzYyNDQxMTAyNw%3D%3D.2.c" style="width:140px;height:140px;" /></div>
  87.  
  88. <div style="width:140px;height:140px;text-align:center;color:#fff;margin:5px;float:left;background-color:transparent;border:1px #B44935 solid;">
  89. <div style="margin-top:4px;margin-left:4px;">
  90. <div style="width:140px;height:130px;overflow:hidden;margin-left:0px;">
  91. <div style="width:157px;height:130px;text-align:justify;overflow:auto;">
  92. <div style="width:130px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  93. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  94.  
  95. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  96.  
  97. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  98.  
  99. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  100.  
  101. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  102.  
  103. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  104.  
  105. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  106.  
  107. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  108.  
  109. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  110.  
  111. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  112.  
  113. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  114.  
  115. <div style="width:130px;height:auto;float:left;background-color:transparent;border-bottom:1px #B44935 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu.</div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126.  
  127. <div style="width:150px;height:287px;float:left;margin:0px;text-transform:uppercase;text-align:justify;font-family:Calibri;font-size:8px;line-height:11px;letter-spacing:1.5px;color:#000;">
  128. <div style="width:150px;height:300px;overflow:hidden;">
  129. <div style="width:170px;height:300px;overflow:auto;">
  130. <div style="width:150px;height:285px;float:left;background-color:transparent;">&nbsp;</div>
  131.  
  132. <div style="height:11px;width:11px;float:left;background-color:#FF242A;margin:-280px 0px 0px 5px;">&nbsp;</div>
  133.  
  134. <div style="height:50px;width:1px;float:left;background-color:#FF242A;margin:-269px 0px 0px 10px;">&nbsp;</div>
  135.  
  136. <div style="width:150px;height:15px;float:left;text-transform:uppercase;text-align:center;font-family:'arial narrow';font-size:12px;line-height:15px;letter-spacing:5px;color:#FF242A;"><strong>ooc</strong></div>
  137.  
  138. <div style="width:150px;height:300px;float:left;background-color:#000;">
  139. <div style="width:150px;height:300px;float:left;">
  140. <div style="width:140px;height:140px;float:left;margin:5px;"><img alt="" src="https://scontent-sea1-1.cdninstagram.com/vp/1624a087b3d30cce119642be4721d318/5B4B50C7/t51.2885-15/s480x480/e35/c0.94.749.749/17333746_401145420253350_5575732337578082304_n.jpg?ig_cache_key=MTQ3MTU3OTIwOTMzMDcwNzc4Mw%3D%3D.2.c" style="width:140px;height:140px;" /></div>
  141.  
  142. <div style="width:140px;height:140px;text-align:center;color:#fff;margin:5px;float:left;background-color:transparent;border:1px #FF242A solid;">
  143. <div style="margin-top:4px;margin-left:4px;">
  144. <div style="width:140px;height:130px;overflow:hidden;margin-left:0px;">
  145. <div style="width:157px;height:130px;text-align:justify;overflow:auto;">
  146. <div style="width:130px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.<br />
  147. <br />
  148. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159.  
  160. <div style="width:600px;height:300px;float:left;margin-top:-300px;"><img alt="" src="https://mir-s3-cdn-cf.behance.net/project_modules/disp/b17b2318937501.562d1e1a44866.png" style="width:600px;height:300px;" title="bg" /></div>
  161.  
  162. <div style="width:600px;height:10px;float:left;background-color:transparent;margin:0px;font-family:arial;font-size:8px;line-height:10px;letter-spacing:1px;color:#000;text-align:center;text-transform:uppercase;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21382/"><span style="color:#000000;">credit</span></a></div>
  163. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement