API tools faq
paste
kaliforhnia

twitter

kaliforhnia
Apr 7th, 2018
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.43 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:400px;">
  2. <div style="height:380px;">
  3. <div style="float:left;width:370px;height:350px;">
  4. <div style="float:left;width:370px;height:50px;background-color:#20c7ff;border:1px solid #283840;">&nbsp;</div>
  5.  
  6. <div style="float:left;width:100px;height:100px;background-color:#fff;margin-top:-30px;margin-left:10px;"><img alt="" src="https://78.media.tumblr.com/1972d3e546b2f2dc863adc863408350d/tumblr_p3t2jiwJb61x11dxso3_400.png" style="width:100px;height:100px;" /></div>
  7.  
  8. <div style="float:left;width:125px;height:200px;margin-left:-110px;">
  9. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:75px;border:1px solid #e7e8eb;">
  10. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  11. </div>
  12.  
  13. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:95px;margin-left:-122px;border:1px solid #e7e8eb;">
  14. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  15. </div>
  16.  
  17. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:115px;margin-left:-122px;border:1px solid #e7e8eb;">
  18. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  19. </div>
  20.  
  21. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:135px;margin-left:-122px;border:1px solid #e7e8eb;">
  22. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  23. </div>
  24.  
  25. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:155px;margin-left:-122px;border:1px solid #e7e8eb;">
  26. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  27. </div>
  28.  
  29. <div style="float:left;width:120px;background-color:#1b84b5;margin-top:175px;margin-left:-122px;border:1px solid #e7e8eb;">
  30. <div style="font-family:'franklin gothic book';font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:justify;"><b>&nbsp;trivia.&nbsp;</b>lorem ipsum dolor</div>
  31. </div>
  32. </div>
  33.  
  34. <div style="float:left;width:120px;margin-top:200px;margin-left:-122px;">
  35. <div style="font-size:9px;line-height:15px;color:#1b84b5;text-transform:uppercase;text-align:center;"><span style="background-color:#283840;">&nbsp;title.&nbsp;</span>&nbsp;666 medias.</div>
  36. </div>
  37.  
  38. <div style="float:left;width:120px;height:80px;background-color:#e7e8eb;margin-top:215px;margin-left:-122px;">
  39. <div style="float:left;margin:5px;width:110px;height:70px;overflow:hidden;">
  40. <div style="width:130px;height:70px;overflow:auto;">
  41. <div style="width:110px;">
  42. <div style="float:left;width:50px;height:50px;"><img alt="" src="https://78.media.tumblr.com/3e6c8dcd4ac75fd8d17de93e151e7615/tumblr_ojbz94xsgm1w0rbngo6_500.jpg" style="width:50px;height:50px;" /></div>
  43.  
  44. <div style="float:left;width:50px;height:50px;margin-left:10px;"><img alt="" src="https://78.media.tumblr.com/37bd9526696a2ad1c836c102d0ad2810/tumblr_ojbz94xsgm1w0rbngo8_500.png" style="width:50px;height:50px;" /></div>
  45.  
  46. <div style="float:left;width:50px;height:50px;margin-top:5px;"><img alt="" src="https://78.media.tumblr.com/17e10e6672ad2e293d195d9ba7b8d064/tumblr_ojbz94xsgm1w0rbngo7_250.jpg" style="width:50px;height:50px;" /></div>
  47.  
  48. <div style="float:left;width:50px;height:50px;margin-top:5px;margin-left:10px;"><img alt="" src="https://78.media.tumblr.com/70bb422a886f1bed04beafc6e6d180df/tumblr_ojbz94xsgm1w0rbngo9_400.png" style="width:50px;height:50px;" /></div>
  49.  
  50. <div style="float:left;width:50px;height:50px;margin-top:5px;margin-left:0px;"><img alt="" src="https://78.media.tumblr.com/dbf069cd17ad05aef392402f0ee918bf/tumblr_oljewu0c9M1vyylkbo2_250.png" style="width:50px;height:50px;" /></div>
  51.  
  52. <div style="float:left;width:50px;height:50px;margin-top:5px;margin-left:10px;"><img alt="" src="https://78.media.tumblr.com/cfeedab709c15282f3e8363c65bb49d5/tumblr_oljewu0c9M1vyylkbo3_400.png" style="width:50px;height:50px;" /></div>
  53.  
  54. <div style="float:left;width:50px;height:50px;margin-top:5px;margin-left:0px;"><img alt="" src="https://78.media.tumblr.com/e59e607dcfbfda7ba318e7c4aed224dd/tumblr_oljewu0c9M1vyylkbo4_250.jpg" style="width:50px;height:50px;" /></div>
  55.  
  56. <div style="float:left;width:50px;height:50px;margin-top:5px;margin-left:10px;"><img alt="" src="https://78.media.tumblr.com/0238f696edb857856532072dc5c7ad7a/tumblr_oljewu0c9M1vyylkbo5_400.jpg" style="width:50px;height:50px;" /></div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61.  
  62. <div style="float:left;width:245px;height:290px;margin-top:5px;">
  63. <div style="float:left;width:245px;height:280px;margin:5px;overflow:hidden;">
  64. <div style="width:265px;height:280px;overflow:auto;">
  65. <div style="width:245px;">
  66. <div style="float:left;width:230px;height:13px;border:1px solid #20C7FF;">
  67. <div style="font-family:'franklin gothic book';font-size:12px;line-height:13px;color:#fff;text-align:right;text-transform:uppercase;"><span style="background-color:#20c7ff;">&nbsp;section title.&nbsp;</span></div>
  68. </div>
  69.  
  70. <div style="float:left;width:230px;height:auto;border:1px solid #20C7FF;">
  71. <div style="font-family:'helvetica neue';font-size:9px;line-height:11px;color:#000;text-align:justify;text-transform:uppercase;margin:5px;">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.</div>
  72. </div>
  73.  
  74. <div style="float:left;width:230px;height:13px;border:1px solid #20C7FF;margin-top:5px;">
  75. <div style="font-family:'franklin gothic book';font-size:12px;line-height:13px;color:#fff;text-align:right;text-transform:uppercase;"><span style="background-color:#20c7ff;">&nbsp;section title.&nbsp;</span></div>
  76. </div>
  77.  
  78. <div style="float:left;width:230px;height:auto;border:1px solid #20C7FF;">
  79. <div style="font-family:'helvetica neue';font-size:9px;line-height:11px;color:#000;text-align:justify;text-transform:uppercase;margin:5px;">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.</div>
  80. </div>
  81.  
  82. <div style="float:left;width:230px;height:13px;border:1px solid #20C7FF;margin-top:5px;">
  83. <div style="font-family:'franklin gothic book';font-size:12px;line-height:13px;color:#fff;text-align:right;text-transform:uppercase;"><span style="background-color:#20c7ff;">&nbsp;section title.&nbsp;</span></div>
  84. </div>
  85.  
  86. <div style="float:left;width:230px;height:auto;border:1px solid #20C7FF;">
  87. <div style="font-family:'helvetica neue';font-size:9px;line-height:11px;color:#000;text-align:justify;text-transform:uppercase;margin:5px;"><b>lover&#39;s name.</b>&nbsp;lorem ipsum<br />
  88. <b>status</b>&nbsp;lorem ipsum<br />
  89. <b>since</b>&nbsp;dd//mm//yy</div>
  90.  
  91. <div style="float:left;width:100px;height:105px;margin-left:5px;"><img alt="" src="https://78.media.tumblr.com/99857a47cb5437e517a65444d929a0b0/tumblr_ovlekkBqai1vk2smno9_1280.jpg" style="width:100px;height:100px;" /></div>
  92.  
  93. <div style="float:left;width:110px;height:100px;margin:5px;overflow:hidden;margin-top:-2px;">
  94. <div style="width:130px;height:100px;overflow:auto;">
  95. <div style="width:110px;">
  96. <div style="font-family:'helvetica neue';font-size:7px;line-height:8px;color:#20c7ff;text-align:justify;text-transform:uppercase;">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.</div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101.  
  102. <div style="float:left;width:230px;height:13px;border:1px solid #20C7FF;margin-top:5px;">
  103. <div style="font-family:'franklin gothic book';font-size:12px;line-height:13px;color:#fff;text-align:right;text-transform:uppercase;"><span style="background-color:#20c7ff;">&nbsp;section title.&nbsp;</span></div>
  104. </div>
  105.  
  106. <div style="float:left;width:230px;height:auto;border:1px solid #20C7FF;">
  107. <div style="font-family:'helvetica neue';font-size:9px;line-height:11px;color:#000;text-align:justify;text-transform:uppercase;margin:5px;">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.</div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!