API tools faq
paste
Advertisement
kaliforhnia

summer ft yeri

kaliforhnia
Feb 25th, 2020
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.98 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:450px;height:320px;">
  2. <div style="float:left;width:444px;height:304px;border:1px solid #E5E5E7;">
  3. <div style="float:left;width:440px;height:300px;background-color:#FFD952;margin:1px;">
  4. <div style="float:left;margin:5px;width:430px;height:290px;overflow:hidden;">
  5. <div style="width:450px;height:290px;overflow:auto;">
  6. <div style="width:430px;">
  7. <div style="float:left;width:430px;height:290px;">
  8. <div style="float:left;width:200px;height:200px;border-radius:100%;background-color:#FFE999;margin-top:40px;margin-left:120px;">
  9. <div style="float:left;width:160px;margin-top:80px;margin-left:20px;text-align:center;font-family:helvetica;text-transform:uppercase;font-size:15px;letter-spacing:-.5px;color:#000;line-height:13px;"><b>❝ summer is a state of mind. ❞</b></div>
  10.  
  11. <div style="float:left;width:160px;margin-top:-25px;margin-left:21px;text-align:center;font-family:helvetica;text-transform:uppercase;font-size:15px;letter-spacing:-.5px;color:#FFD952;line-height:13px;"><b>❝ summer is a state of mind. ❞</b></div>
  12. </div>
  13.  
  14. <div style="float:left;width:auto;font-family:helvetica;text-transform:uppercase;font-size:9px;color:#000;margin-top:40px;margin-left:350px;">scroll down▼</div>
  15. </div>
  16.  
  17. <div style="float:left;width:430px;height:290px;">
  18. <div style="float:left;width:140px;height:290px;border-right:1px dashed #E5E5E7;">
  19. <div style="float:left;width:104px;height:104px;border-radius:10px 0px 10px 0px;border:1px solid #FFE999;margin-left:15px;"><img alt="" src="https://78.media.tumblr.com/d4cb53622e3cd45ad6b505bd8c3587fd/tumblr_p704fdx6UE1wmaulvo4_1280.jpg" style="width:100px;height:100px;margin:1px;border-radius:10px 0px 10px 0px;" /></div>
  20.  
  21. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  22. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  23. </div>
  24.  
  25. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  26. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  27. </div>
  28.  
  29. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  30. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  31. </div>
  32.  
  33. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  34. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  35. </div>
  36.  
  37. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  38. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  39. </div>
  40.  
  41. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  42. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><b>trivia.</b></div>
  43. </div>
  44.  
  45. <div style="float:left;width:130px;margin-left:5px;margin-top:5px;height:20px;background-color:#FFE999;border-radius:0px 10px;">
  46. <div style="font-family:helvetica;text-transform:uppercase;text-align:center;font-size:9px;color:#FFD952;line-height:21px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164/k---------p-layouts-layoutgallery-layoutdump" title="do not remove."><span style="color:#FFD952;"><b>credits.</b></span></a></div>
  47. </div>
  48. </div>
  49.  
  50. <div style="float:left;width:280px;height:290px;overflow:hidden;">
  51. <div style="width:300px;height:290px;overflow:auto;">
  52. <div style="width:280px;">
  53. <div style="float:left;width:270px;height:2px;background-color:#FFE999;margin-top:20px;margin-left:5px;">&nbsp;</div>
  54.  
  55. <div style="float:left;width:auto;background-color:#FFD952;margin-top:-8px;margin-left:20px;">
  56. <div style="font-family:helvetica;text-transform:uppercase;font-size:9px;margin:1px 3px;color:#FFE999;"><b>section: lorem ipsum</b></div>
  57. </div>
  58.  
  59. <div style="float:left;width:270px;margin:5px;height:auto;">
  60. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo. Sed fringilla ante quis semper laoreet. Proin porta finibus odio nec posuere. Vivamus nec libero nibh. Maecenas aliquam, eros in convallis varius, diam tortor sollicitudin leo, ac rutrum ipsum nisi mattis orci. Suspendisse laoreet tellus id sapien tincidunt volutpat. Fusce tellus turpis, sollicitudin sollicitudin ultricies et, sodales sed dui.</div>
  61. </div>
  62.  
  63. <div style="float:left;width:270px;height:2px;background-color:#FFE999;margin-top:20px;margin-left:5px;">&nbsp;</div>
  64.  
  65. <div style="float:left;width:auto;background-color:#FFD952;margin-top:-8px;margin-left:20px;">
  66. <div style="font-family:helvetica;text-transform:uppercase;font-size:9px;margin:1px 3px;color:#FFE999;"><b>section: lorem ipsum</b></div>
  67. </div>
  68.  
  69. <div style="float:left;width:270px;margin:5px;height:auto;">
  70. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo. Sed fringilla ante quis semper laoreet. Proin porta finibus odio nec posuere. Vivamus nec libero nibh. Maecenas aliquam, eros in convallis varius, diam tortor sollicitudin leo, ac rutrum ipsum nisi mattis orci. Suspendisse laoreet tellus id sapien tincidunt volutpat. Fusce tellus turpis, sollicitudin sollicitudin ultricies et, sodales sed dui.</div>
  71. </div>
  72.  
  73. <div style="float:left;width:270px;height:2px;background-color:#FFE999;margin-top:20px;margin-left:5px;">&nbsp;</div>
  74.  
  75. <div style="float:left;width:auto;background-color:#FFD952;margin-top:-8px;margin-left:20px;">
  76. <div style="font-family:helvetica;text-transform:uppercase;font-size:9px;margin:1px 3px;color:#FFE999;"><b>section: lorem ipsum</b></div>
  77. </div>
  78.  
  79. <div style="float:left;width:270px;margin:5px;height:auto;">
  80. <div style="float:left;width:110px;height:110px;background-color:#FFD952;">
  81. <div style="float:left;width:104px;height:104px;border:1px solid #FFE999;border-radius:10px 0px;"><img alt="" src="https://78.media.tumblr.com/3256da6bdcb9759248637d9518fe37cc/tumblr_pd7jtrsQyG1xy0oz3o3_500.jpg" style="width:100px;height:100px;margin:1px;border-radius:10px 0px;" /></div>
  82. </div>
  83.  
  84. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;margin:0px 3px;"><b>name:</b> Lorem ipsum dolor</div>
  85.  
  86. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;margin:0px 3px;"><b>status:</b> Lorem ipsum dolor</div>
  87.  
  88. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;margin:0px 3px;"><b>since:</b> Lorem ipsum dolor</div>
  89.  
  90. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;margin:0px 3px;"><b>message:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo. Sed fringilla ante quis semper laoreet. Proin porta finibus odio nec posuere. Vivamus nec libero nibh. Maecenas aliquam, eros in convallis varius, diam tortor sollicitudin leo, ac rutrum ipsum nisi mattis orci. Suspendisse laoreet tellus id sapien tincidunt volutpat.</div>
  91.  
  92. <div style="float:left;width:270px;height:2px;background-color:#FFE999;margin-top:20px;margin-left:5px;">&nbsp;</div>
  93.  
  94. <div style="float:left;width:auto;background-color:#FFD952;margin-top:-8px;margin-left:20px;">
  95. <div style="font-family:helvetica;text-transform:uppercase;font-size:9px;margin:1px 3px;color:#FFE999;"><b>section: lorem ipsum</b></div>
  96. </div>
  97.  
  98. <div style="float:left;width:270px;margin:5px;height:auto;">
  99. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:9px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo. Sed fringilla ante quis semper laoreet. Proin porta finibus odio nec posuere. Vivamus nec libero nibh. Maecenas aliquam, eros in convallis varius, diam tortor sollicitudin leo, ac rutrum ipsum nisi mattis orci. Suspendisse laoreet tellus id sapien tincidunt volutpat. Fusce tellus turpis, sollicitudin sollicitudin ultricies et, sodales sed dui.</div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </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!