API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 15th, 2019
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. </head>
  7. <body>
  8. <style>
  9. td, th {
  10. border: 1px solid black;
  11. }
  12. </style>
  13.  
  14. <!-- need add left/right margins to center template -->
  15.  
  16. <div class="container">
  17. <div style="height:80px; width:898px; background-color:#fff; display:inline-block; border: 1px solid #D5D5D5; padding:20px 0px 0px 20px;" class="header">
  18. <div style="height:60px; width:58px;float:left;">
  19. <img src="assets/logo.png" id="logo" style="min-width:58px; min-height:60px; height:60px; width:58px;" />
  20. </div>
  21. <div style="height:70px; width:1px; background-color:#D5D5D5; display:inline-block;margin-left:20px;"></div>
  22. <div class="businessInfo" style="height:42px; width:300px; display:inline-block; position:relative; bottom:20px; left:20px;">
  23. <span class="businessName" style="height:21px; width:300px; color:#000; font-family:Roboto; font-size:18px; font-weight:bold; line-height:21px">
  24. mark mustermann volkswagen parts
  25. </span>
  26. <span class="fullAddress" style="height:18px; width:246px; color:#000; font-family:Roboto; font-size:13px; line-height:18px">
  27. 1234 main street suit b, city, state 54321
  28. </span>
  29. </div>
  30. <div class="averageReviews" style="height:55px; width:112px; display:inline-block;float:right;">
  31. <span class="reviews" style="height:16px; width:112px; color:#000; font-family:Roboto; font-size:14px; font-weight:bold; line-height:16px;">
  32. average reviews:
  33. </span>
  34. <div class="stars" style="height:13px" width:77px;>
  35. <img />
  36. </div>
  37. <span class="outOfStars" style="height:16px; width:82px; color:#666666; font-family:Roboto; font-size:12px; line-height:16px;">
  38. 5 out of 5 stars
  39. </span>
  40. </div>
  41. </div>
  42. <div class="productHeader" style="height:27px; width:900px; background-color:#2182c9;padding:0px 0px 0px 20px;">
  43. <div style="height: 14px;width: 120px;color: #FFFFFF;font-family: Roboto;font-size: 12px;font-weight: bold;line-height: 14px; padding-left:40px;padding-top:7px;">
  44. PRODUCT DETAILS
  45. </div>
  46. </div>
  47. <div class="productImages" style="height:920px; width:898px; background-color:#FAFAFA;padding:20px 0px 0px 20px;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  48. <div class="productImage" style="height:300px; width:300px; border:1px solid #DFDFDF; float:left;">
  49. <img />
  50. </div>
  51. <div style="float:left; margin-left:10px">
  52. <div class="thumbnailImages" style="height:90px; width:93px; border:1px solid #DFDFDF; background-color:#FFFFFF;"></div>
  53. <div class="thumbnailImages" style="height:90px; width:93px; border:1px solid #DFDFDF; background-color:#FFFFFF;margin-top:13px;"></div>
  54. <div class="thumbnailImages" style="height:90px; width:93px; border:1px solid #DFDFDF; background-color:#FFFFFF;margin-top:13px;"></div>
  55. </div>
  56. <div class="productDescriptionContainer" style="width:450px; float:right;">
  57. <div class="productDescriptionHeader" style="height:45px; width:345px; color: #000000; font-family: Roboto; font-size:20px; font-weight:bold; line-height:22px; float:left;">
  58. Brake Pads. Disc Brake Pad SET. Front PADS.
  59. </div>
  60. <div class="partNumber" style="height:15px; width:245px; color:#000000; font-family:Roboto; font-size:13px; font-weight:bold; line-height:15px;float:left; margin-top:20px;">
  61. Manufaturer Part Number: 7P669815G
  62. </div>
  63. <div class="partNumberSupersession" style="height:15px; width:379px; color:#000000; font-family:Roboto; font-size:13px; font-weight:bold; line-height:15px; float:left;">
  64. Supersession(s): 76P6698151B
  65. </div>
  66. <div style="height:1px;width:380px;background-color:#D5D5D5;float:left; margin-top:10px;"></div>
  67. <div class="itemDescription" style="height:60px; width:380px; color:#000000; font-family:Roboto; font-size:13px; line-height:15px;float:left;margin-top:20px;">
  68. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  69. Nunc gravida lacus a convallis venenatis. Mauris tempor lacus dui.
  70. Pellentesque dapibus est nec hendrerit ultricies.
  71. Vestibulum consectetur, ex vel vestibulum iaculis, elit metus auctor dolor, nec consequat erat elit ut velit.
  72. Praesent posuere imperdiet arcu, ut aliquet metus semper vel.
  73. </div>
  74. <div class="partTagContainer" style="float:left;margin-top:25px;">
  75. <div id="partTagOne" style="height:35px; width:251px; border:1px solid #D6D6D6; border-radius:3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);display:inline-block;"></div>
  76. <div id="partTagTwo" style="height:35px; width:119px; border:1px solid #D6D6D6; border-radius:3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);display:inline-block;"></div>
  77. </div>
  78. </div>
  79. <div style="height:15px; width:100%; color:#000000; font-family:Roboto; font-size:13px; line-height:15px; margin-top:15px; margin-bottom:15px;float:left;">
  80. This part fits the following vehicles:
  81. </div>
  82. <table style="height:153px; width:818px;padding-top:5px; padding-bottom:30px;" cellspacing="0" cellpadding="0">
  83. <thead style="height:30px; width:818px; border:1px solid #D5D5D5; background-color:#FAFAFA;">
  84. <tr style="text-align:left;">
  85. <th style="height:14px; font-size:12px; font-weight:bold; line-height:14px;border:1px solid black;padding-left:10px">MAKE/MODEL</th>
  86. <th style="height: 14px;width: 130px;color: #000000;font-family: Roboto;font-size: 12px;font-weight: bold;line-height: 14px;border:1px solid black;padding-left:10px">DRIVELINE/TRIM LEVEL</th>
  87. <th style="height: 14px;width: 38px;color: #000000;font-family: Roboto;font-size: 12px;font-weight: bold;line-height: 14px;border:1px solid black;padding-left:10px">YEARS</th>
  88. </tr>
  89. </thead>
  90. <tr>
  91. <td style="height: 14px;width: 114px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  92. Volkswagen Touareg
  93. </td>
  94. <td style="height: 14px;width: 115px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  95. 3.0L V6 GAS A/T SUV
  96. </td>
  97. <td style="height: 14px;width: 157px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  98. 2011, 2012, 2013, 2014, 2015
  99. </td>
  100. </tr>
  101. <tr>
  102. <td style="height: 14px;width: 114px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;"></td>
  103. <td style="height: 14px;width: 115px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  104. 3.0L V6 ELECTRIC/GAS A/T Hybrid Sport Utility
  105. </td>
  106. <td style="height: 14px;width: 157px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  107. 2011, 2012, 2013, 2014, 2015
  108. </td>
  109. </tr>
  110. <tr>
  111. <td style="height: 14px;width: 114px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  112. Volkswagen Touareg
  113. </td>
  114. <td style="height: 14px;width: 115px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  115. 2.0L A/T AWD SEL Sport Utility
  116. </td>
  117. <td style="height: 14px;width: 157px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  118. 2013, 2014
  119. </td>
  120. </tr>
  121. <tr>
  122. <td style="height: 14px;width: 114px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;"></td>
  123. <td style="height: 14px;width: 115px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  124. 2.0L A/T AWD S Sport Utility
  125. </td>
  126. <td style="height: 14px;width: 157px;color: #000000;font-family: Roboto;font-size: 12px;line-height: 14px;padding-left:10px;">
  127. 2013, 2014
  128. </td>
  129. </tr>
  130. </table>
  131. <div class="diagramHeader" style="height:27px; width:900px; background-color:#2182c9;padding:0px 0px 0px 0px;">
  132. <div class="diagramDescriptionHeader" style="height: 14px;width: 155px;color: #FFFFFF;font-family: Roboto;font-size: 12px;font-weight: bold;line-height: 14px;padding-left:40px; padding-top:7px;">
  133. DIAGRAM & KIT DETAILS
  134. </div>
  135. </div>
  136. <div class="diagramImages" style="height:940px; width:898px; background-color:#FAFAFA;padding:20px 0px 0px 0px">
  137. <div class="diagramImage" style="height:300px; width:300px; border:1px solid #DFDFDF;float:left;">
  138. <img />
  139. </div>
  140. <div class="productDescriptionContainer" style="width:545px; float:right;">
  141. <div class="productDescriptionHeader" style="height:35px; width:380px; color: #000000; font-family: Roboto; font-size:20px; font-weight:bold; line-height:22px;">
  142. Front Suspension. Brake Components.
  143. </div>
  144. <div class="partNumber" style="height:15px; width:30px; color:#000000; font-family:Roboto; font-size:13px; font-weight:bold; line-height:15px;display:inline-block;">
  145. #9
  146. </div>
  147. <div class="partNumberSupersession" style="height:15px; width:177px; color:#000000; font-family:Roboto; font-size:13px; font-weight:bold; line-height:15px;display:inline-block;padding-bottom:20px;">
  148. Required: 1
  149. </div>
  150. <div style="height:1px;width:500px;background-color:#D5D5D5;"></div>
  151. <div class="itemDescription" style="height:60px; width:500px; color:#000000; font-family:Roboto; font-size:13px; line-height:15px;padding-top:20px;">
  152. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  153. Nunc gravida lacus a convallis venenatis. Mauris tempor lacus dui.
  154. Pellentesque dapibus est nec hendrerit ultricies.
  155. Vestibulum consectetur, ex vel vestibulum iaculis, elit metus auctor dolor, nec consequat erat elit ut velit.
  156. Praesent posuere imperdiet arcu, ut aliquet metus semper vel.
  157. </div>
  158. </div>
  159. <div style="height: 1px;width: 917px; background-color: #D5D5D5;float:left; margin-top:30px;margin-left:-20px;"></div>
  160. </div>
  161. </div>
  162. <div class="aboutUsContainer" style="width: 878px;color: #2182C9;font-family: Roboto;font-size: 13px;line-height: 15px;padding:20px; background-color: #FAFAFA;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  163. <div style="height: 15px;width: 70px;color: #2182C9;font-family: Roboto;font-size: 13px;font-weight: bold;line-height: 15px;">
  164. ABOUT US
  165. </div>
  166. <div style="height: 1px;width: 820px;background-color: #D5D5D5;"></div>
  167. <div class="aboutUsText" style="height: 45px;width: 820px;color: #000000;font-family: Roboto;font-size: 13px;line-height: 15px;">
  168. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a dolor egestas, molestie libero at, ultrices justo.
  169. Vivamus elementum nisl ipsum, sit amet pellentesque neque porta ornare.
  170. Aliquam nisl ex, ornare eget sapien sollicitudin, imperdiet consectetur libero.
  171. Nam sodales, diam et aliquam eleifend, nunc nisi tempor tellus, ac feugiat orci sapien a augue.
  172. </div>
  173. </div>
  174. <div class="termsAndConditionsContainer" style="width: 878px;color: #2182C9;font-family: Roboto;font-size: 13px;line-height: 15px;padding:20px; background-color: #FAFAFA;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  175. <div style="height: 15px;width: 165px;color: #2182C9;font-family: Roboto;font-weight: bold;line-height: 15px;">
  176. TERMS AND CONDITIONS
  177. </div>
  178. <div style="height: 1px;width: 820px;background-color: #D5D5D5;font-size: 13px;"></div>
  179. <div class="termsAndConditionsText" style="height: 45px;width: 820px;color: #000000;font-family: Roboto;font-size: 13px;line-height: 15px;">
  180. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a dolor egestas, molestie libero at, ultrices justo.
  181. Vivamus elementum nisl ipsum, sit amet pellentesque neque porta ornare.
  182. Aliquam nisl ex, ornare eget sapien sollicitudin, imperdiet consectetur libero.
  183. Nam sodales, diam et aliquam eleifend, nunc nisi tempor tellus, ac feugiat orci sapien a augue.
  184. </div>
  185. </div>
  186. <div class="shippingInformationContainer" style="width: 878px;color: #2182C9;font-family: Roboto;font-size: 13px;line-height: 15px;padding:20px; background-color: #FAFAFA;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  187. <div style="height: 15px;width: 165px;color: #2182C9;font-family: Roboto;font-weight: bold;line-height: 15px;">
  188. SHIPPING INFORMATION
  189. </div>
  190. <div style="height: 1px;width: 820px;background-color: #D5D5D5;"></div>
  191. <div class="shippingInformationText" style="height: 45px;width: 820px;color: #000000;font-family: Roboto;font-size: 13px;line-height: 15px;">
  192. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a dolor egestas, molestie libero at, ultrices justo.
  193. Vivamus elementum nisl ipsum, sit amet pellentesque neque porta ornare.
  194. Aliquam nisl ex, ornare eget sapien sollicitudin, imperdiet consectetur libero.
  195. Nam sodales, diam et aliquam eleifend, nunc nisi tempor tellus, ac feugiat orci sapien a augue.
  196. </div>
  197. </div>
  198. <div class="returnPolicyContainer" style="width: 878px;color: #2182C9;font-family: Roboto;font-size: 13px;line-height: 15px;padding:20px; background-color: #FAFAFA;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  199. <div style="height: 15px;width: 153px;color: #2182C9;font-family: Roboto;font-weight: bold;line-height: 15px;">
  200. RETURN POLICY
  201. </div>
  202. <div style="height: 1px;width: 820px;background-color: #D5D5D5;"></div>
  203. <div class="returnPolicyText" style="height: 45px;width: 820px;color: #000000;font-family: Roboto;font-size: 13px;line-height: 15px;">
  204. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a dolor egestas, molestie libero at, ultrices justo.
  205. Vivamus elementum nisl ipsum, sit amet pellentesque neque porta ornare.
  206. Aliquam nisl ex, ornare eget sapien sollicitudin, imperdiet consectetur libero.
  207. Nam sodales, diam et aliquam eleifend, nunc nisi tempor tellus, ac feugiat orci sapien a augue.
  208. </div>
  209. </div>
  210. <div class="questions" style="width: 878px;color: #444444;font-family: Roboto;font-size: 13px;line-height: 15px;padding:20px; background-color: #FAFAFA;font-weight: bold;text-align:center;padding-bottom:40px;border-bottom:1px solid #D5D5D5;border-left:1px solid #DADADA;border-right:1px solid #DADADA;">
  211. <div style="font-weight:normal;display:inline-block;padding-right:20px;">Questions?</div>
  212. <div style="text-decoration:underline;display:inline-block;">Contact Us</div>
  213. </div>
  214. <div style="height:45px; width:877.5px; background-color:#FAFAFA;border-bottom:1px solid #D5D5D5;border-left:1px solid #D5D5D5;border-right:1px solid #D5D5D5;padding:20px;" class="footer">
  215. <div style="height: 15px;width: 232px;color: #444444;font-family: Roboto;font-size: 13px;font-weight: bold;line-height: 15px; display:inline-block;float:left;">
  216. @ 2019 Mark Mustermann Volkswagen
  217. </div>
  218. <div style="height:11px;width:73%;display:inline-block;text-align:right;">
  219. Technology Powered by SIMPLEPART [][][]
  220. </div>
  221. </div>
  222. </div>
  223. </body>
  224. </html>
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!