kaliforhnia

charcoal peach

May 8th, 2018
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.12 KB | None | 0 0
  1. <div style="margin:auto;width:410px;">
  2. <div style="height:300px;">
  3. <div style="float:left;width:400px;height:270px;background-color:#FFD1B3;">
  4. <div style="float:left;width:400px;height:60px;border-bottom:1px solid #636363;">
  5. <div style="float:left;width:200px;margin-top:10px;margin-left:180px;">
  6. <div style="font-family:'franklin gothic book';color:#636363;font-size:28px;line-height:22px;text-align:right;text-transform:uppercase;"><b>charcoal peach.</b></div>
  7. </div>
  8. </div>
  9.  
  10. <div style="float:left;width:100px;height:100px;background-color:#FFECD1;margin-left:10px;margin-top:-40px;"><img alt="" src="https://78.media.tumblr.com/8d4626043a6990ae5205a3a1ac320c6e/tumblr_okva6xmA2c1si0kwmo1_500.jpg" style="height:90px;width:90px;margin:5px;" /></div>
  11.  
  12. <div style="float:left;width:250px;height:120px;background-color:#FFECD1;margin-left:30px;margin-top:10px;">
  13. <div style="float:left;margin:5px;width:240px;height:110px;overflow:hidden;">
  14. <div style="width:260px;height:110px;overflow:auto;">
  15. <div style="width:240px;">
  16. <div style="font-family:calibri;text-transform:uppercase;line-height:9px;font-size:9px;text-align:justify;color:#636363;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium. Nunc vitae rhoncus neque. Morbi finibus, arcu at fringilla facilisis, orci sapien aliquet risus, eleifend imperdiet magna risus non purus. Duis euismod metus nec aliquet congue. Donec ullamcorper diam sem, at vulputate augue imperdiet at. Pellentesque eros diam, pellentesque ut diam ut, consequat interdum nibh. Nunc condimentum malesuada dolor et elementum. Nullam posuere elit et nulla ornare, at viverra massa finibus.</div>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21.  
  22. <div style="float:left;width:400px;height:60px;border-top:1px solid #636363;margin-top:10px;">
  23. <div style="float:left;width:100px;height:100px;background-color:#FFECD1;margin-left:10px;margin-top:-50px;">
  24. <div style="float:left;margin:5px;width:90px;height:90px;overflow:hidden;">
  25. <div style="width:110px;height:90px;overflow:auto;">
  26. <div style="width:90px;"><img alt="" src="https://78.media.tumblr.com/60970771f344987aa63a0c564b4b3d5f/tumblr_ow2m9fM4qk1wvu0d2o4_250.jpg" style="width:90px;height:90px;margin-top:2px;margin-bottom:2px;" /><img alt="" src="https://78.media.tumblr.com/2d78420c78882bcd2cecc61c4c6bf748/tumblr_op32p0xjZO1v8g6i0o1_500.jpg" style="width:90px;height:90px;margin-top:2px;margin-bottom:2px;" /><img alt="" src="https://78.media.tumblr.com/3d7572a49f42a20b9d0dd3688d7df70f/tumblr_oyx2qqzYPA1v72zoro2_250.png" style="width:90px;height:90px;margin-top:2px;margin-bottom:2px;" /><img alt="" src="https://78.media.tumblr.com/e29cf0089c0e345ba32d6ee3f83b269f/tumblr_oyx2qqzYPA1v72zoro9_250.png" style="width:90px;height:90px;margin-top:2px;margin-bottom:2px;" /></div>
  27. </div>
  28. </div>
  29. </div>
  30.  
  31. <div style="width:250px;height:50px;margin-left:140px;margin-top:10px;">
  32. <div style="float:left;margin:5px;width:240px;height:40px;overflow:hidden;">
  33. <div style="width:260px;height:40px;overflow:auto;">
  34. <div style="width:240px;">
  35. <div style="float:left;width:110px;background-color:#FFECD1;">
  36. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  37. </div>
  38.  
  39. <div style="float:left;width:110px;background-color:#FFECD1;margin-left:20px;">
  40. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  41. </div>
  42.  
  43. <div style="float:left;width:110px;background-color:#FFECD1;margin-top:10px;">
  44. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  45. </div>
  46.  
  47. <div style="float:left;width:110px;background-color:#FFECD1;margin-top:10px;margin-left:20px;">
  48. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  49. </div>
  50.  
  51. <div style="float:left;width:110px;background-color:#FFECD1;margin-top:10px;margin-left:0px;">
  52. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  53. </div>
  54.  
  55. <div style="float:left;width:110px;background-color:#FFECD1;margin-top:10px;margin-left:20px;">
  56. <div style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:11px;color:#636363;text-align:center;margin:5px;">insert trivia.</div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64.  
  65. <div style="width:400px;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>
  66. </div>
  67. </div>
Advertisement
Add Comment
Please, Sign In to add comment