API tools faq
paste
Advertisement
RienRien

SUMMER PARADISE GRAPHIC SHOP LAYOUT

RienRien
Apr 14th, 2015
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.39 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:900px;margin-left:0px;padding:10px;">
  2. <p style="float: left; width: 900px; height: 675px; text-align: center; background-color: rgb(204, 217, 246); margin-top: 0px;">​​<img alt="tumblr-photography-summer---cool-summer-" src="http://static.tumblr.com/ce33bc5d9ddd3362fbf47b0f56aef120/hjapekk/DqHmqr94i/tumblr_static_tumblr_static_beach-ocean-sea-summer-sun-favim_com-457173.jpg" style="height:675px;width:900px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;" /></p>
  3.  
  4. <div style="float:left;width:900px;height:675px;background-color:transparent;margin-top:-675px;">
  5. <div style="float:left;width:300px;height:675px;">
  6. <div style="float:left;width:300px;height:95px;background-color:transparent;margin-top:130px;margin-left:45px;text-align:center;line-height:31px;border-bottom:2px solid #fff;"><span style="color:#FFFFFF;"><strong><span style="font-size:62px;"><span style="font-family:'trebuchet ms';"><em><span style="font-family:garamond;font-size:82px;">S</span>UMMER</em> PARADISE</span></span></strong></span></div>
  7.  
  8. <div style="float:left;width:290px;height:63px;background-color:transparent;margin-top:10px;margin-left:50px;overflow:hidden;">
  9. <div style="float:left;width:63px;height:63px;margin-left:10px;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/61862829&amp;color=033f87&amp;&amp;hide_related=true&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false&amp;visual=false" width="64"></iframe></div>
  10.  
  11. <div style="float:left;width:195px;height:63px;line-height:10px;margin-top:10px;margin-left:20px;"><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';"><span style="font-size:9px;">NOW PLAYING: SIMPLE PLAN</span></span></span>
  12.  
  13. <hr /><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';"><span style="font-size:9px;">SUMMER PARADISE</span></span></span></div>
  14. </div>
  15.  
  16. <div style="float:left;width:280px;height:95px;background-color:transparent;margin-top:70px;margin-left:50px;">
  17. <div style="float:left;width:100px;height:15px;background-color:transparent;margin-top:0px;margin-left:10px;border:5px solid rgb(255,255,255);text-align:center;line-height:10px;padding:10px;"><span style="font-family:garamond;"><span style="font-size:9px;"><span style="color:#FFFFFF;">HOME</span></span></span></div>
  18.  
  19. <div style="float:left;width:100px;height:15px;background-color:transparent;margin-top:0px;margin-left:10px;border:5px solid rgb(255,255,255);text-align:center;line-height:10px;padding:10px;"><a href="#"><span style="font-family:garamond;"><span style="font-size:9px;"><span style="color:#FFFFFF;">LINK</span></span></span></a></div>
  20.  
  21. <div style="float:left;width:100px;height:15px;background-color:transparent;margin-top:10px;margin-left:10px;border:5px solid rgb(255,255,255);text-align:center;line-height:10px;padding:10px;"><a href="#"><span style="font-family:garamond;"><span style="font-size:9px;"><span style="color:#FFFFFF;">LINK</span></span></span></a></div>
  22.  
  23. <div style="float:left;width:100px;height:15px;background-color:transparent;margin-top:10px;margin-left:10px;border:5px solid rgb(255,255,255);text-align:center;line-height:10px;padding:10px;"><a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="font-family:garamond;"><span style="font-size:9px;"><span style="color:#FFFFFF;">SWAK</span></span></span></a></div>
  24. </div>
  25.  
  26. <div style="float:left;width:280px;height:95px;background-color:transparent;margin-top:15px;margin-left:50px;text-align:center;"><span style="color:#FFFFFF;"><span style="font-size:8px;"><span style="font-family:'trebuchet ms';" title="DO NOT STEAL. THIS LAYOUT IS A PART OF SWAK'S SUMMER COLLECTION. CREDITS TO THE PICTURES USED.">THE SUMMER COLLECTION. ALL RIGHTS RESERVED</span></span></span></div>
  27. </div>
  28.  
  29. <div style="float:left;width:455px;height:655px;background-color:transparent;margin-top:0px;margin-left:90px;padding:0px;overflow:hidden;">
  30. <div style="float:left;width:470px;height:655px;background-color:transparent;margin-top:0px;margin-left:0px;padding:0px;overflow:auto;">
  31. <div style="float:left;width:410px;height:175px;background-color:transparent;margin-top:10px;margin-left:0px;border:10px solid #fff;padding:10px;">
  32. <div style="float:left;width:390px;height:155px;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px;text-align:center;line-height:12px;"><br />
  33. <br />
  34. <br />
  35. <br />
  36. <br />
  37. <span style="color:#097a9c;"><span style="font-family:'trebuchet ms';"><span style="font-size:11px;">a graphic shop established on dd/mm/yy<br />
  38. <strong>open || status || status</strong></span></span></span></div>
  39. </div>
  40.  
  41. <div style="float:left;width:410px;height:175px;background-color:transparent;margin-top:5px;margin-left:0px;border:10px solid #fff;padding:10px;">
  42. <div style="float:left;width:390px;height:155px;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px;line-height:12px;text-align:justify;">&nbsp;
  43. <div style="float:left;width:390px;text-align:center;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);"><span style="font-size:48px;"><em><strong><span style="font-size:20px;"><span style="font-family:garamond;">A<span style="font-family:'trebuchet ms';">bout</span></span></span></strong></em></span></span></div>
  44.  
  45. <div style="float:left;width:390px;margin-top:15px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac elit eu justo hendrerit porttitor. Nulla varius, mi sit amet molestie tempor, mi leo imperdiet quam, vel malesuada lacus odio at risus. Nam turpis quam, ultricies eget pellentesque a, convallis sit amet dolor. Suspendisse finibus fringilla lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia</span></div>
  46. </div>
  47. </div>
  48.  
  49. <div style="float:left;width:410px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;border:10px solid #fff;padding:10px;">
  50. <div style="float:left;width:390px;height:auto;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px 10px 20px 10px;line-height:12px;text-align:justify;">&nbsp;
  51. <div style="float:left;width:390px;text-align:center;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);"><span style="font-size:48px;"><em><strong><span style="font-size:20px;"><span style="font-family:garamond;">R<span style="font-family:'trebuchet ms';">ules</span></span></span></strong></em></span></span></div>
  52.  
  53. <div style="float:left;width:160px;margin-left:5px;">
  54. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  55.  
  56. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  57.  
  58. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  59.  
  60. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  61. </div>
  62.  
  63. <div style="float:left;width:160px;margin-left:35px;">
  64. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  65.  
  66. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  67.  
  68. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  69.  
  70. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></div>
  71. </div>
  72. </div>
  73. </div>
  74.  
  75. <div style="float:left;width:410px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;border:10px solid #fff;padding:10px;">
  76. <div style="float:left;width:390px;height:auto;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px 10px 20px 10px;line-height:12px;text-align:justify;">&nbsp;
  77. <div style="float:left;width:390px;text-align:center;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);"><span style="font-size:48px;"><em><strong><span style="font-size:20px;"><span style="font-family:garamond;">S<span style="font-family:'trebuchet ms';">tatus <span style="font-family:garamond;">L</span>ist</span></span></span></strong></em></span></span></div>
  78.  
  79. <div style="float:left;width:160px;margin-left:5px;">
  80. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">001. Username - request</span></div>
  81.  
  82. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">002. Username - request</span></div>
  83.  
  84. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">003. Username - request</span></div>
  85.  
  86. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">004. Username - request</span></div>
  87. </div>
  88.  
  89. <div style="float:left;width:160px;margin-left:35px;">
  90. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">005. Username - request</span></div>
  91.  
  92. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">006. Username - request</span></div>
  93.  
  94. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">007. Username - request</span></div>
  95.  
  96. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">008. Username - request</span></div>
  97. </div>
  98. </div>
  99. </div>
  100.  
  101. <div style="float:left;width:410px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;border:10px solid #fff;padding:10px;">
  102. <div style="float:left;width:390px;height:auto;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px 10px 20px 10px;line-height:12px;text-align:justify;">&nbsp;
  103. <div style="float:left;width:390px;text-align:center;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);"><span style="font-size:48px;"><em><strong><span style="font-size:20px;"><span style="font-family:garamond;">B<span style="font-family:'trebuchet ms';">lack&nbsp;<span style="font-family:garamond;">L</span>ist</span></span></span></strong></em></span></span></div>
  104.  
  105. <div style="float:left;width:160px;margin-left:5px;">
  106. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">001. Username - reason</span></div>
  107.  
  108. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">002. Username - reason</span></div>
  109.  
  110. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">003. Username - reason</span></div>
  111.  
  112. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">004. Username - reason</span></div>
  113. </div>
  114.  
  115. <div style="float:left;width:160px;margin-left:35px;">
  116. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">005. Username - reason</span></div>
  117.  
  118. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">006. Username - reason</span></div>
  119.  
  120. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">007. Username - reason</span></div>
  121.  
  122. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">008. Username - reason</span></div>
  123. </div>
  124. </div>
  125. </div>
  126.  
  127. <div style="float:left;width:410px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;border:10px solid #fff;padding:10px;">
  128. <div style="float:left;width:390px;height:auto;background-color:rgb(255,255,255);margin-top:0px;margin-left:0px;padding:10px 10px 20px 10px;line-height:12px;text-align:justify;">&nbsp;
  129. <div style="float:left;width:390px;text-align:center;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);"><span style="font-size:48px;"><em><strong><span style="font-size:20px;"><span style="font-family:garamond;">A<span style="font-family:'trebuchet ms';">ffiliates</span></span></span></strong></em></span></span></div>
  130.  
  131. <div style="float:left;width:160px;margin-left:5px;">
  132. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  133.  
  134. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  135.  
  136. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  137.  
  138. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  139. </div>
  140.  
  141. <div style="float:left;width:160px;margin-left:35px;">
  142. <div style="float:left;width:160px;margin-top:15px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  143.  
  144. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  145.  
  146. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  147.  
  148. <div style="float:left;width:160px;margin-top:5px;border-bottom:1px dashed rgb(9,122,156);padding:10px;"><span style="font-size:11px;font-family:'trebuchet ms';color:rgb(9,122,156);">Affiliate Name</span></div>
  149. </div>
  150. </div>
  151. </div>
  152.  
  153. <div style="float:left;width:285px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;padding:10px;">
  154. <div style="float:left;width:100px;margin-top:5px;border:10px solid #fff;height:127px;padding:10px;"><img alt="summer-real-feat-400x510.jpg" src="http://miista.com/wp-content/uploads/2013/08/summer-real-feat-400x510.jpg" style="height:127px;width:100px;" /></div>
  155.  
  156. <div style="float:left;width:100px;margin-top:5px;border:10px solid #fff;height:127px;padding:10px;margin-left:5px;"><img alt="summer-real-feat-400x510.jpg" src="http://miista.com/wp-content/uploads/2013/08/summer-real-feat-400x510.jpg" style="height:127px;width:100px;" /></div>
  157.  
  158. <div style="float:left;width:100px;margin-top:5px;border:10px solid #fff;height:127px;padding:10px;"><img alt="summer-real-feat-400x510.jpg" src="http://miista.com/wp-content/uploads/2013/08/summer-real-feat-400x510.jpg" style="height:127px;width:100px;" /></div>
  159.  
  160. <div style="float:left;width:100px;margin-top:5px;border:10px solid #fff;height:127px;padding:10px;margin-left:5px;"><img alt="summer-real-feat-400x510.jpg" src="http://miista.com/wp-content/uploads/2013/08/summer-real-feat-400x510.jpg" style="height:127px;width:100px;" /></div>
  161. </div>
  162.  
  163. <div style="float:left;width:125px;height:auto;background-color:transparent;margin-top:95px;margin-left:0px;text-align:center;line-height:35px;border-top:10px solid #fff;border-bottom:10px solid #fff;padding:10px 0px 10px 0px;"><span style="color:#FFFFFF;"><strong><span style="font-family:garamond;"><span style="font-size:72px;">SA<br />
  164. MP<br />
  165. <span style="font-size:58px;">LES</span></span></span></strong></span></div>
  166.  
  167. <div style="float:left;width:410px;height:auto;background-color:transparent;margin-top:5px;margin-left:0px;padding:10px;text-align:center;"><a href="#"><span style="color:#FFFFFF;"><span style="font-family:garamond;"><span style="font-size:11px;">SUPPORT US USING THIS BANNER! (CLICK TO BE REDIRECTED)</span></span></span></a></div>
  168. </div>
  169. </div>
  170. </div>
  171. </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!