kaliforhnia

mayo

Dec 28th, 2018
645
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.88 KB | None | 0 0
  1. <div style="margin:auto;width:350px;height:510px;">
  2. <div style="float:left;width:340px;height:200px;">
  3. <div style="float:left;width:340px;height:200px;overflow:hidden;">
  4. <div style="width:360px;height:200px;overflow:auto;">
  5. <div style="float:left;width:340px;height:20px;background-color:#0B1F70;border-radius:10px;margin-top:172px;">&nbsp;</div>
  6.  
  7. <div style="float:left;width:320px;margin-left:10px;background-color:#A9B0B3;height:8px;">&nbsp;</div>
  8.  
  9. <div style="float:left;width:300px;height:160px;background-color:#FFFCBF;margin-left:20px;opacity:.6;">
  10. <div style="float:left;width:290px;height:143px;margin:5px;overflow:hidden;">
  11. <div style="width:310px;height:160px;overflow:auto;">
  12. <div style="float:left;width:310px;height:auto;">
  13. <div style="float:left;width:310px;height:20px;">
  14. <div style="width:0px;height:0px;border-bottom:20px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;float:left;margin-top:0px;margin-left:15px;">&nbsp;</div>
  15.  
  16. <div style="float:left;width:20px;height:20px;background-color:#000;border-radius:100%;margin-top:12px;margin-left:-20px;">
  17. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;color:#fff;text-align:center;margin-top:3px;"><b>1</b></div>
  18. </div>
  19.  
  20. <div style="float:left;width:250px;font-family:'century gothic';text-transform:uppercase;font-size:11px;color:#000;margin-top:13px;text-align:left;margin-left:10px;"><b>section title</b></div>
  21. </div>
  22.  
  23. <div style="float:left;width:280px;margin-left:5px;margin-top:15px;">
  24. <div style="float:left;width:280px;font-family:calibri;text-transform:uppercase;font-size:8px;line-height:8px;text-align:justify;color:#0B1F70;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia fringilla risus vel imperdiet. Duis sit amet enim sagittis sem suscipit auctor nec et leo. Mauris in ornare turpis. Etiam malesuada sit amet lacus eget malesuada. Phasellus lacinia mi odio, ac pretium dui interdum a. Vestibulum non sapien nisi. Nulla at magna quam. Vivamus placerat lacus ac sem tempor tincidunt. Nam finibus dictum turpis a finibus. Pellentesque id lectus a enim consequat efficitur. Donec a vehicula odio. Nunc id venenatis lacus, quis rhoncus purus. Duis sed tortor est. Pellentesque pretium libero augue, ac commodo arcu placerat in. Curabitur eros felis, condimentum et lacinia eu, pulvinar vitae massa.</div>
  25. </div>
  26. </div>
  27.  
  28. <div style="float:left;width:310px;height:auto;margin-top:10px;">
  29. <div style="float:left;width:310px;height:20px;">
  30. <div style="width:0px;height:0px;border-bottom:20px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;float:left;margin-top:0px;margin-left:15px;">&nbsp;</div>
  31.  
  32. <div style="float:left;width:20px;height:20px;background-color:#000;border-radius:100%;margin-top:12px;margin-left:-20px;">
  33. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;color:#fff;text-align:center;margin-top:3px;"><b>2</b></div>
  34. </div>
  35.  
  36. <div style="float:left;width:250px;font-family:'century gothic';text-transform:uppercase;font-size:11px;color:#000;margin-top:13px;text-align:left;margin-left:10px;"><b>section title</b></div>
  37. </div>
  38.  
  39. <div style="float:left;width:280px;margin-left:5px;margin-top:15px;">
  40. <div style="float:left;width:280px;font-family:calibri;text-transform:uppercase;font-size:8px;line-height:8px;text-align:justify;color:#0B1F70;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia fringilla risus vel imperdiet. Duis sit amet enim sagittis sem suscipit auctor nec et leo. Mauris in ornare turpis. Etiam malesuada sit amet lacus eget malesuada. Phasellus lacinia mi odio, ac pretium dui interdum a. Vestibulum non sapien nisi. Nulla at magna quam. Vivamus placerat lacus ac sem tempor tincidunt. Nam finibus dictum turpis a finibus. Pellentesque id lectus a enim consequat efficitur. Donec a vehicula odio. Nunc id venenatis lacus, quis rhoncus purus. Duis sed tortor est. Pellentesque pretium libero augue, ac commodo arcu placerat in. Curabitur eros felis, condimentum et lacinia eu, pulvinar vitae massa.</div>
  41. </div>
  42. </div>
  43.  
  44. <div style="float:left;width:310px;height:auto;margin-top:10px;">
  45. <div style="float:left;width:310px;height:20px;">
  46. <div style="width:0px;height:0px;border-bottom:20px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;float:left;margin-top:0px;margin-left:15px;">&nbsp;</div>
  47.  
  48. <div style="float:left;width:20px;height:20px;background-color:#000;border-radius:100%;margin-top:12px;margin-left:-20px;">
  49. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;color:#fff;text-align:center;margin-top:3px;"><b>3</b></div>
  50. </div>
  51.  
  52. <div style="float:left;width:250px;font-family:'century gothic';text-transform:uppercase;font-size:11px;color:#000;margin-top:13px;text-align:left;margin-left:10px;"><b>section title</b></div>
  53. </div>
  54.  
  55. <div style="float:left;width:280px;margin-left:5px;margin-top:15px;">
  56. <div style="float:left;width:280px;font-family:calibri;text-transform:uppercase;font-size:8px;line-height:8px;text-align:justify;color:#0B1F70;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia fringilla risus vel imperdiet. Duis sit amet enim sagittis sem suscipit auctor nec et leo. Mauris in ornare turpis. Etiam malesuada sit amet lacus eget malesuada. Phasellus lacinia mi odio, ac pretium dui interdum a. Vestibulum non sapien nisi. Nulla at magna quam. Vivamus placerat lacus ac sem tempor tincidunt. Nam finibus dictum turpis a finibus. Pellentesque id lectus a enim consequat efficitur. Donec a vehicula odio. Nunc id venenatis lacus, quis rhoncus purus. Duis sed tortor est. Pellentesque pretium libero augue, ac commodo arcu placerat in. Curabitur eros felis, condimentum et lacinia eu, pulvinar vitae massa.</div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65.  
  66. <div style="float:left;width:320px;height:300px;background-color:#FFFCBF;margin-left:10px;border-radius:0px 0px 20px 20px;">
  67. <div style="width:0px;height:0px;border-bottom:80px solid #063A82;border-right:70px solid transparent;border-left:70px solid transparent;float:left;margin-top:50px;margin-left:90px;">&nbsp;</div>
  68.  
  69. <div style="float:left;width:140px;height:100px;border-radius:21px 21px 100px 100px;background-color:#063A82;margin-top:-10px;margin-left:90px;">
  70. <div style="font-family:'century gothic';color:#FFFCBF;text-align:center;font-size:15px;text-transform:uppercase;line-height:13px;margin-top:25px;"><b>the real raindrop mayo:</b></div>
  71. </div>
  72.  
  73. <div style="float:left;width:320px;margin-top:5px;">
  74. <div style="font-family:'century gothic';text-transform:uppercase;font-size:18px;color:#063A82;text-align:center;"><b>pleuvoir</b></div>
  75. </div>
  76. </div>
  77.  
  78. <div style="width:320px;float:left;text-align:right;font-size:7px;line-height:15px;text-transform:uppercase;color:#000;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164/" title="do not remove."><span style="color:#000000;">cr.ᴷ</span></a></div>
  79. </div>
Advertisement
Add Comment
Please, Sign In to add comment