API tools faq
paste
Advertisement
Guest User

chips&salsa portfolio

a guest
Jul 29th, 2015
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.12 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:820px; margin:0px auto;">
  2. <img src="http://i375.photobucket.com/albums/oo195/yoomes/Chips%20and%20Salsa_zpse4axyvxl.png" style="float:left;">
  3.  
  4. <div style="float:left; width:820px; height:600px; background-color:transparent; margin-top:-600px; overflow:hidden; margin-bottom:10px; ">
  5. <div style="float:left; width:833px; height:614px; background-color:transparent; overflow:auto;">
  6.  
  7. <div style="width:350px; height:auto; font:50px times new roman; color:#fff; text-transform:uppercase; letter-spacing:-2px; font-weight:900; background-color:transparent; padding: 240px 190px 0px;">
  8. chips&salsa</div>
  9. <div style="width:350px; height:auto; text-align:center;font:9px times new roman; color:#fff; text-transform:uppercase; letter-spacing:2px; font-weight:0; background-color:transparent; margin-top:-10px;padding: 5px 190px 2px;">
  10. scroll down for more content, please.</div>
  11.  
  12. <div style="float:left; width:820px; height:450px; background-color:#000; margin-top:650px;">
  13. <div style="float:left; width:820px; height:450px; background-color:#000; margin-top:-100px;">
  14. <div style="float:left; width:auto; height:0px; padding:50px 50px 0px; background-color:#000;">
  15.  
  16. <div style="width:140px; height:auto; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 20px 30px; margin-top:0px;">navigation:
  17. <br /><br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">index.</a>
  18. <br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">place.</a>
  19. <br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">place.</a>
  20. </div>
  21.  
  22. <div style="width:100px; height:auto; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 20px 50px; margin-top:3px;">for examples, <a href="" style="font-weight:bold; color:#000; text-decoration:none;">click here.</a></div>
  23.  
  24. <div style="width:140px; height:auto; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 20px 30px; margin-top:3px;">find me at:
  25. <br /><br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">shop name.</a>
  26. <br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">shop name.</a>
  27. <br /><a href="" style="font-weight:bold; color:#000; text-decoration:none;">shop name.</a>
  28. </div>
  29.  
  30. <div style="width:200px; height:80px; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 0px 0px; margin-top:3px;text-align:center;"><div style="padding-top:20px;">my other shop</div>
  31. </div>
  32.  
  33. <div style="width:160px; height:auto; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 20px 20px; margin-top:3px; text-align:center;">theme credits to:
  34. <br /><br /><a href="http://www.asianfanfics.com/profile/view/503210" style="font-weight:bold; color:#000; text-decoration:none;">ymsbond</a> +
  35. <a href="http://www.asianfanfics.com/story/view/984326" style="font-weight:bold; color:#000; text-decoration:none;">vousmevoyez.</a>
  36. </div>
  37. </div>
  38. <div style="float:left; width:440px; height:408px; font:8px times new roman; color:#000; text-transform:uppercase; letter-spacing:2px; background-color:#fff; padding: 20px 20px; margin-top:50px; text-align:center; margin-left:-20px;">
  39.  
  40. <div style="float:left; width:auto; height:auto; font:8px times new roman; color:#fff; text-transform:uppercase; letter-spacing:2px; background-color:#000; padding: 5px 10px; margin-top:0px; text-align:center; margin-left:0px;">about</div>
  41. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 10px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex. Sed orci lectus, vulputate sit amet luctus eget, mattis vel ligula. Proin lobortis est ac nulla facilisis elementum. Curabitur ac finibus massa. Integer pretium elit ut enim pellentesque, condimentum dapibus leo auctor. Sed facilisis tincidunt sem vitae tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quam nisi, luctus in felis et, gravida accumsan nisl. Quisque laoreet sapien ut nisl dictum, non mollis purus blandit. Curabitur hendrerit arcu ac tellus mattis porttitor. Proin porttitor eget velit condimentum maximus. Morbi vitae nulla at velit aliquam elementum ac in odio. Vestibulum feugiat orci eget diam volutpat, ac facilisis elit facilisis. Aenean dignissim vulputate nibh, vel finibus libero tristique a. Duis non turpis aliquam, pulvinar mauris a, dignissim turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  42. </div>
  43.  
  44. <div style="float:left; width:auto; height:auto; font:8px times new roman; color:#fff; text-transform:uppercase; letter-spacing:2px; background-color:#000; padding: 5px 10px; margin-top:10px; text-align:center; margin-left:0px;">biases</div>
  45. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 10px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">
  46. <img src="http://33.media.tumblr.com/063e5fa3446fa4a2f4ff4fb9bb25d56c/tumblr_inline_mzlv4gZ9151swqbin.png" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="suzy baeee">
  47. <img src="http://40.media.tumblr.com/4e7d66e6019338b71420618e51f3edf0/tumblr_n9h97iT0If1r0couto3_r1_250.jpg" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="hi suzy♡">
  48. <img src="https://pbs.twimg.com/profile_images/3659674307/ef248e48dc42dbf8f9cca97579c7728b.jpeg" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="perfection in one pic">
  49. <img src="https://lh3.googleusercontent.com/-MfqFrprigC8/AAAAAAAAAAI/AAAAAAAAJ64/m8gTF_UHrM4/photo.jpg?sz=50" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="my inspiration♡">
  50. <img src="http://cfile221.uf.daum.net/C48x48/21498E4A55A9EF48185858" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="pls stop being so perff">
  51. <img src="http://pbs.twimg.com/media/BB3AhH8CEAAEtiT.jpg:large" style="width:50px; height:50px; margin-left:5px;" class="tooltip:" title="omgomgomgomgggg">
  52.  
  53. </div>
  54.  
  55. <div style="float:left; width:; height:auto; font:8px times new roman; color:#fff; text-transform:uppercase; letter-spacing:2px; background-color:#000; padding: 5px 10px; margin-top:10px; text-align:center; margin-left:0px;">guidelines</div>
  56. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 10px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  57. </div>
  58.  
  59. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  60. </div>
  61.  
  62. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  63. </div>
  64.  
  65. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  66. </div>
  67.  
  68. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  69. </div>
  70.  
  71. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  72. </div>
  73.  
  74. <div style="float:left; width:400px; height:auto; font:7px times new roman; color:#000; text-transform:uppercase; letter-spacing:1px; background-color:#fff; padding: 3px 10px 0px 0px; margin-top:0px; text-align:left; margin-left:0px;">guideline 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in vestibulum est, eu rutrum ex.
  75. </div>
  76.  
  77.  
  78. </div></div>
  79.  
  80. </div>
  81. </div>
  82.  
  83. </div>
  84. </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!