Advertisement
holistic

jjong

Apr 14th, 2014
263
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.92 KB | None | 0 0
  1. <div style="width:800px;float:left;margin:auto;">
  2. <div style="width:800px;float:left;margin:0px;background-color:#000;height:210px;">
  3. <div style="font-family:'century gothic';font-size:30px;color:#FFFFFF;text-align:center;line-height:100%;margin-top:30px;text-transform:uppercase;"><strong>Kim jonghyun</strong></div>
  4. </div>
  5.  
  6. <div style="width:200px;height:260px;float:left;margin-left:300px;background-color:#000;">&nbsp;</div>
  7.  
  8. <div style="width:800px;float:left;margin:0px;background-color:#000;height:70px;text-align:center;line-height:500%;color:#FFFFFF;">SYNCRATIC</div>
  9.  
  10. <div style="width:800px;float:left;margin:0px;margin-top:-460px;height:200px;">
  11. <div style="width:167px;height:200px;float:left;margin-left:110px;"><img alt="" src="http://31.media.tumblr.com/5d4f403c38016ee591b760f1fcd3a3a5/tumblr_mqu91lu6LS1r36tcgo1_500.jpg" style="height:200px;float:left;margin:-3px;padding:3px;" />
  12. <div style="width:167px;height:200px;float:left;margin:0px;margin-top:-200px;">
  13. <div style="width:122px;height:100px;float:left;margin-left:20px;margin-top:35px;background-color:#FFFFFF;opacity:.6;">
  14. <div style="width:92px;height:70px;float:left;margin-left:15px;margin-right:15px;opacity:.999;margin-top:10px;overflow:auto;">
  15. <div style="font-family:'times new roman';font-size:12px;color:#000;text-align:justify;line-height:105%;"><em>Quote here - Lorem ipsum dol or sit amet, consect etur 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</em></div>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20.  
  21. <div style="width:167px;height:200px;float:left;margin-left:40px;"><img alt="" src="http://25.media.tumblr.com/eedeae13f6eaa7a7a3ea3f0e51ec25ed/tumblr_mqu918XKlQ1r36tcgo1_500.jpg" style="height:200px;float:left;margin:-3px;padding:3px;" />
  22. <div style="width:167px;height:200px;float:left;margin:0px;margin-top:-200px;">
  23. <div style="width:122px;height:100px;float:left;margin-left:20px;margin-top:35px;background-color:#FFFFFF;opacity:.6;">
  24. <div style="width:92px;height:70px;float:left;margin-left:15px;margin-right:15px;opacity:.999;margin-top:10px;overflow:auto;">
  25. <div style="font-family:'times new roman';font-size:12px;color:#000;text-align:center;line-height:105%;">
  26. <div style="border-top:#A9A9A9 1.5px solid;float:left;width:70px;margin-left:11px;margin-top:3px;margin-bottom:-7px;">&nbsp;</div>
  27. <em>trivia here<br />
  28. trivia here<br />
  29. trivia here<br />
  30. enter + shift<br />
  31. for more spaces</em></div>
  32.  
  33. <div style="border-top:#A9A9A9 1.5px solid;float:left;width:70px;margin-left:11px;margin-top:3px;">&nbsp;</div>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38.  
  39. <div style="width:167px;height:200px;float:left;margin-left:30px;"><img alt="" src="http://31.media.tumblr.com/37f034886c09a71ec2ccbaf3f2501daf/tumblr_mqu90o2IXv1r36tcgo1_500.jpg" style="height:200px;float:left;margin:-3px;padding:3px;" />
  40. <div style="width:167px;height:200px;float:left;margin:0px;margin-top:-200px;">
  41. <div style="width:122px;height:100px;float:left;margin-left:20px;margin-top:35px;background-color:#FFFFFF;opacity:.6;">
  42. <div style="width:92px;height:70px;float:left;margin-left:15px;margin-right:15px;opacity:.999;margin-top:10px;overflow:auto;">
  43. <div style="font-family:'times new roman';font-size:12px;color:#000;text-align:justify;line-height:105%;"><em>Quote here - Lorem ipsum dol or sit amet, consect etur 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</em></div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49.  
  50. <div style="width:800px;height:170px;float:left;margin:0px;margin-top:-250px;">
  51. <div style="width:300px;height:170px;float:left;">
  52. <div style="width:290px;float:left;margin-left:5px;height:145px;overflow:auto;">
  53. <div style="font-family:'helvetica neue';letter-spacing:1px;font-size:9px;text-transform:uppercase;color:#A9A9A9;line-height:106%;text-align:justify;margin-right:15px;margin-left:15px;">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. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.</div>
  54. </div>
  55.  
  56. <div style="width:290px;height:13px;margin-top:15px;float:left;margin-left:10px;">
  57. <div style="font-family:'trebuchet ms';font-size:11px;color:#000;text-align:right;line-height:100%;text-transform:uppercase;margin-right:20px;">link . link . link . link .</div>
  58. </div>
  59. </div>
  60.  
  61. <div style="width:200px;height:250px;float:left;">
  62. <div style="width:62px;height:62px;float:left;margin-left:55px;margin-top:40px;border:5px solid #FFFFFF;padding:5px;"><iframe height="62" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/104496121&amp;color=B2D6D6&amp;&amp;show_artwork=false" width="62"></iframe></div>
  63.  
  64. <div style="width:200px;float:left;margin-top:10px;">
  65. <div style="font-family:'helvetica neue';font-size:8px;color:#FFFFFF;text-align:center;margin-left:10px;margin-right:10px;line-height:120%;text-transform:uppercase;letter-spacing:.8px;">shinee - selene 6.23<br />
  66. <em>the misconceptions of us</em></div>
  67. </div>
  68. </div>
  69.  
  70. <div style="width:300px;height:250px;float:left;">
  71. <div style="width:290px;float:left;margin-left:5px;height:145px;overflow:auto;">
  72. <div style="font-family:'helvetica neue';letter-spacing:1px;font-size:9px;text-transform:uppercase;color:#A9A9A9;line-height:106%;text-align:justify;margin-right:15px;margin-left:15px;">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. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.</div>
  73. </div>
  74.  
  75. <div style="width:290px;height:13px;margin-top:15px;float:left;margin-left:15px;">
  76. <div style="font-family:'trebuchet ms';font-size:11px;color:#000;text-align:left;line-height:100%;text-transform:uppercase;">link . link . link . link .</div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement