API tools faq
paste
Advertisement
holistic

serenity

holistic
Mar 24th, 2014
464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.63 KB | None | 0 0
raw download clone embed print report
  1. <!-- hey guys! so a quick REMINDER: REMEMBER THAT THE BACKGROUND PICTURE IS ACTUALLY TWO PICTURES WITH EQUAL WIDTH AND HEIGHT c: -->
  2. <div style="width:750px;float:left;margin:auto;margin-left:20px;margin-bottom:10px;">
  3. <div style="width:750px;height:29px;background-color:#C5D9D6;float:left;">
  4. <div style="font-family:arial;letter-spacing:10px;font-size:13px;color:#FFFFFF;margin-left:580px;line-height:100%;margin-top:8px;"><a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">L</span></a> <a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">L</span></a> <a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">L</span></a> <a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">L</span></a> <a href="http://url.com" rel="nofollow"><span style="color:#FFFFFF;">L</span></a></div>
  5. </div>
  6.  
  7. <div style="width:750px;float:left;margin:0px;"><img alt="" src="http://i.imgur.com/Klx6j8B.png" style="width:374px;float:left;margin:-3px;padding:3px;height:475px;opacity:.7;" /><img alt="" src="http://i.imgur.com/yMxAwRt.png" style="width:376px;float:left;margin:-3px;padding:3px;opacity:.7;" /></div>
  8.  
  9. <div style="width:750px;height:475px;float:left;margin:0px;margin-top:-475px;opacity:.999;">
  10. <div style="width:650px;float:left;height:290px;margin-top:115px;margin-left:100px;">
  11. <div style="width:470px;float:left;height:12px;margin:0px;margin-left:180px;">
  12. <div style="font-family:'helvetica neue';font-size:11px;color:#FFFFFF;text-align:left;margin-left:10px;margin-right:20px;line-height:120%;letter-spacing:1px;text-transform:uppercase;">country &bull; bias &bull; age &bull; graphic designer &bull; leo &bull; trivia &bull; trivia</div>
  13. </div>
  14.  
  15. <div style="width:650px;margin-top:18px;">
  16. <div style="width:125px;float:left;margin:0px;height:270px;opacity:.75;background-color:#FFFFFF;border-radius:125px 0px 0px 125px;">&nbsp;</div>
  17.  
  18. <div style="width:15px;height:270px;float:left;margin:0px;margin-left:5px;opacity:.75;background-color:#FFFFFF;">&nbsp;</div>
  19.  
  20. <div style="width:15px;height:270px;float:left;margin:0px;margin-left:5px;opacity:.75;background-color:#FFFFFF;">&nbsp;</div>
  21.  
  22. <div style="width:480px;height:270px;float:left;margin:0px;margin-left:5px;opacity:.75;background-color:#FFFFFF;">
  23. <div style="width:20px;height:20px;float:left;margin-top:37px;margin-left:25px;margin-right:18px;">
  24. <div style="font-family:'lucida grande';font-size:70px;color:#777777;line-height:100%;text-align:left;margin-top:10px;"><strong>&ldquo;</strong></div>
  25. </div>
  26.  
  27. <div style="font-family:'century gothic', 'trebuchet ms';font-size:58px;color:#9BD4CC;text-transform:uppercase;line-height:100%;letter-spacing:-.5px;margin-top:37px;">Username</div>
  28.  
  29. <div style="height:130px;width:390px;float:left;margin-top:10px;margin-bottom:20px;margin-left:50px;margin-right:40px;overflow:auto;">
  30. <div style="font-family:'lucida grande';font-size:11px;color:#888888;text-align:justify;line-height:108%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam.</div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36.  
  37. <div style="width:750px;float:left;margin:0px;height:170px;background-color:#C5D9D6;">
  38. <div style="width:250px;margin-top:55px;margin-left:40px;float:left;">
  39. <div style="font-family:'century gothic', 'trebuchet ms';font-size:58px;color:#FFFFFF;text-transform:uppercase;line-height:100%;letter-spacing:-.5px;">michelle</div>
  40. </div>
  41.  
  42. <div style="width:100px;height:100px;float:left;margin-top:35px;margin-left:60px;border-radius:100px;background-color:#FFFFFF;">
  43. <div style="width:66px;height:60px;float:left;padding:5px;padding-right:0px;margin-left:12px;margin-top:15px;overflow:auto;">
  44. <div style="font-family:'helvetica neue';font-size:7.5px;color:#888888;text-align:justify;line-height:120%;letter-spacing:.5px;text-transform:uppercase;"><strong>Friend 1 -</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla s ipsum.</div>
  45. </div>
  46. </div>
  47.  
  48. <div style="width:100px;height:100px;float:left;margin-top:35px;margin-left:20px;border-radius:100px;background-color:#FFFFFF;">
  49. <div style="width:66px;height:60px;float:left;padding:5px;padding-right:0px;margin-left:12px;margin-top:15px;overflow:auto;">
  50. <div style="font-family:'helvetica neue';font-size:7.5px;color:#888888;text-align:justify;line-height:120%;letter-spacing:.5px;text-transform:uppercase;"><strong>Friend 2 -</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla s ipsum.</div>
  51. </div>
  52. </div>
  53.  
  54. <div style="width:100px;height:100px;float:left;margin-top:35px;margin-left:20px;border-radius:100px;background-color:#FFFFFF;">
  55. <div style="width:66px;height:60px;float:left;padding:5px;padding-right:0px;margin-left:12px;margin-top:15px;overflow:auto;">
  56. <div style="font-family:'helvetica neue';font-size:7.5px;color:#888888;text-align:justify;line-height:120%;letter-spacing:.5px;text-transform:uppercase;"><strong>Friend 3 -</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla s ipsum.</div>
  57. </div>
  58. </div>
  59. </div>
  60.  
  61. <div style="font-family:ms pgothic, trebuchet ms;font-size:10px;color:#A9A9A9;text-align:center;line-height:175%;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-gallery-layout"><span style="color:#A9A9A9;">CODED &amp; DESIGNED BY HOLISTIC FROM SYNCRATIC DESIGNS</span></a></div>
  62. </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!