Advertisement
affinxty

— mocha.

Mar 23rd, 2017
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.25 KB | None | 0 0
  1. <div style="margin:50px auto 50px auto;">
  2. <div style="margin:auto;width:530px;height:500px;">
  3. <div style="float:left;width:530px;height:500px;border:#dcdcdc solid 1px;">
  4. <div style="float:left;margin:9px auto auto -80px;width:170px;height:480px;">
  5. <div style="float:left;margin:9px auto auto 9px;width:150px;height:150px;border-radius:150px;border:solid 1px #A57956;background-color:#fff;"><img alt="" src="https://68.media.tumblr.com/085cf0d2303fa24ac67d45d0a3d2526f/tumblr_ok7i0eKvj31umvyf1o3_500.jpg" style="margin:9px auto auto 9px;float:left;width:130px;height:130px;border-radius:130px;" /></div>
  6.  
  7. <div style="float:left;margin-top:5px;margin-left:9px;width:150px;height:25px;border:solid 1px #a57956;background-color:#fff;">
  8. <div style="margin-top:7px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>im nayeon.</strong></div>
  9. </div>
  10.  
  11. <div style="float:left;margin-top:5px;margin-left:9px;width:150px;height:25px;border:solid 1px #a57956;background-color:#fff;">
  12. <div style="margin-top:7px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>twice.</strong></div>
  13. </div>
  14.  
  15. <div style="float:left;margin-top:5px;margin-left:9px;width:150px;height:25px;border:solid 1px #a57956;background-color:#fff;">
  16. <div style="margin-top:7px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>twenty-one.</strong></div>
  17. </div>
  18.  
  19. <div style="float:left;margin-top:5px;margin-left:9px;width:150px;height:25px;border:solid 1px #a57956;background-color:#fff;">
  20. <div style="margin-top:7px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>vocalist.</strong></div>
  21. </div>
  22.  
  23. <div style="float:left;margin-top:5px;margin-left:9px;width:150px;height:25px;border:solid 1px #a57956;background-color:#fff;">
  24. <div style="margin-top:7px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>jyp entertainment.</strong></div>
  25. </div>
  26. </div>
  27.  
  28. <div style="float:left;margin-top:9px;margin-left:10px;border-left:1px solid #a57956;width:410px;height:480px;overflow:hidden;">
  29. <div style="float:left;margin:10px auto auto 10px;width:440px;height:460px;overflow:auto;">
  30. <div style="width:410px;">
  31. <div style="float:left;border-top:1px solid #a57956;border-right:1px solid #a57956;border-bottom:1px solid #a57956;width:390px;">
  32. <div style="float:left;margin-top:5px;background-color:#a57956;height:20px;padding-left:10px;padding-right:10px;">
  33. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>about me</strong></div>
  34. </div>
  35.  
  36. <div style="float:left;margin:10px;width:370px;">
  37. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus lectus et varius blandit. Nunc a urna placerat purus posuere pulvinar eget sed quam. Proin tempus ipsum vitae vulputate semper. Proin et erat non erat viverra ornare a a tortor. Ut scelerisque, mauris sit amet ultricies bibendum, felis ex ultrices enim, ut finibus est odio quis dui. Morbi ut tempor tellus. Fusce elementum ornare semper. height not fixed.</div>
  38. </div>
  39. </div>
  40.  
  41. <div style="float:left;margin-top:10px;border-top:1px solid #a57956;border-right:1px solid #a57956;border-bottom:1px solid #a57956;width:390px;">
  42. <div style="float:left;margin-top:5px;background-color:#a57956;height:20px;padding-left:10px;padding-right:10px;">
  43. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>background.</strong></div>
  44. </div>
  45.  
  46. <div style="float:left;margin:10px;width:370px;">
  47. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus lectus et varius blandit. Nunc a urna placerat purus posuere pulvinar eget sed quam. Proin tempus ipsum vitae vulputate semper. Proin et erat non erat viverra ornare a a tortor. Ut scelerisque, mauris sit amet ultricies bibendum, felis ex ultrices enim, ut finibus est odio quis dui. Morbi ut tempor tellus. Fusce elementum ornare semper.</div>
  48.  
  49. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">&nbsp;</div>
  50.  
  51. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">Aliquam erat dolor, posuere at lobortis eu, aliquet ut turpis. Curabitur orci justo, congue at vehicula tincidunt, tincidunt non tellus. Pellentesque viverra mi a accumsan vehicula. Phasellus sit amet scelerisque magna, eu feugiat ipsum. Sed gravida nec metus id mattis. Donec vestibulum in sem a malesuada. Etiam vel risus bibendum, varius mauris ac, mollis mi. Nam et risus enim. Nullam sodales, ex ac ultricies dapibus, nibh nulla dictum magna, in sollicitudin nunc neque non mauris. L</div>
  52.  
  53. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">&nbsp;</div>
  54.  
  55. <div style="font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dolor nunc, lobortis quis mauris id, consectetur vulputate dui. Vestibulum ut molestie nibh. Curabitur nulla ipsum, commodo quis nunc nec, accumsan rutrum metus. Phasellus luctus nunc sed iaculis vestibulum. In ultrices posuere justo ut faucibus. Nulla facilisi. Ut aliquet elit tellus, vitae consequat nunc faucibus eu. height not fixed.</div>
  56. </div>
  57. </div>
  58.  
  59. <div style="float:left;margin-top:10px;border-top:1px solid #a57956;border-right:1px solid #a57956;border-bottom:1px solid #a57956;width:390px;">
  60. <div style="float:left;margin-top:5px;background-color:#a57956;height:20px;padding-left:10px;padding-right:10px;">
  61. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>plotlines.</strong></div>
  62. </div>
  63.  
  64. <div style="float:left;margin:10px;width:370px;">
  65. <div style="width:370px;border-bottom:1px solid #a57956;">
  66. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo1.</strong> info here.</div>
  67. </div>
  68.  
  69. <div style="width:370px;border-bottom:1px solid #a57956;">
  70. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo2.</strong> info here.</div>
  71. </div>
  72.  
  73. <div style="width:370px;border-bottom:1px solid #a57956;">
  74. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo3.</strong> info here.</div>
  75. </div>
  76.  
  77. <div style="width:370px;border-bottom:1px solid #a57956;">
  78. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo4.</strong> info here.</div>
  79. </div>
  80.  
  81. <div style="width:370px;border-bottom:1px solid #a57956;">
  82. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo5.</strong> info here.</div>
  83. </div>
  84.  
  85. <div style="width:370px;border-bottom:1px solid #a57956;">
  86. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo6.</strong> info here.</div>
  87. </div>
  88.  
  89. <div style="width:370px;border-bottom:1px solid #a57956;">
  90. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo7.</strong> info here.</div>
  91. </div>
  92.  
  93. <div style="width:370px;border-bottom:1px solid #a57956;">
  94. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo8.</strong> info here.</div>
  95. </div>
  96.  
  97. <div style="width:370px;border-bottom:1px solid #a57956;">
  98. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot oo9.</strong> info here.</div>
  99. </div>
  100.  
  101. <div style="width:370px;border-bottom:1px solid #a57956;">
  102. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o10.</strong> info here.</div>
  103. </div>
  104.  
  105. <div style="width:370px;border-bottom:1px solid #a57956;">
  106. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o11.</strong> info here.</div>
  107. </div>
  108.  
  109. <div style="width:370px;border-bottom:1px solid #a57956;">
  110. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o12.</strong> info here.</div>
  111. </div>
  112.  
  113. <div style="width:370px;border-bottom:1px solid #a57956;">
  114. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o13.</strong> info here.</div>
  115. </div>
  116.  
  117. <div style="width:370px;border-bottom:1px solid #a57956;">
  118. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o14.&nbsp;</strong>info here.</div>
  119. </div>
  120.  
  121. <div style="width:370px;">
  122. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>plot o15.</strong> info here.</div>
  123. </div>
  124. </div>
  125. </div>
  126.  
  127. <div style="float:left;margin-top:10px;border-top:1px solid #a57956;border-right:1px solid #a57956;border-bottom:1px solid #a57956;width:390px;">
  128. <div style="float:left;margin-top:5px;background-color:#a57956;height:20px;padding-left:10px;padding-right:10px;">
  129. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:center;letter-spacing:1px;"><strong>ooc notes.</strong></div>
  130. </div>
  131.  
  132. <div style="float:left;margin:10px;width:370px;">
  133. <div style="width:370px;border-bottom:1px solid #a57956;">
  134. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>timezone /&nbsp;</strong>&nbsp;info here.</div>
  135. </div>
  136.  
  137. <div style="width:370px;border-bottom:1px solid #a57956;">
  138. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><b>writing style /&nbsp;</b>info here.</div>
  139. </div>
  140.  
  141. <div style="width:370px;border-bottom:1px solid #a57956;">
  142. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><b>genres /&nbsp;</b>info here.</div>
  143. </div>
  144.  
  145. <div style="width:370px;border-bottom:1px solid #a57956;">
  146. <div style="margin-top:5px;margin-bottom:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>activity level /</strong>info here.</div>
  147. </div>
  148.  
  149. <div style="width:370px;">
  150. <div style="margin-top:5px;font-family:arial;font-size:8px;color:#000;text-transform:uppercase;text-align:justify;line-height:10px;"><strong>message /&nbsp;</strong> info here.</div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158.  
  159. <div style="margin-top:5px;font-family:arial;font-size:7px;color:#000;text-transform:uppercase;text-align:center;"><span style="color:#a57956;">&quot;mocha&quot;</span>&nbsp; by <a href="http://www.roleplayrepublic.com/roleplay/view_desc/20431"><span style="color:#000;">fernweh.</span></a> do not remove credit.</div>
  160. </div>
  161. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement