Advertisement
Guest User

xd

a guest
Apr 25th, 2019
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>EN Board Shop</title>
  5. <style>
  6. body {
  7. color: black;
  8. font-family: verdana;
  9. font-size: 12pt;
  10. }
  11. h1 {
  12. color: blue;
  13. font-style: italic;
  14. background: linear-gradient(to right, yellow , red);
  15. padding: 10px;
  16. border: 1px solid blue;
  17. margin: 0;
  18. }
  19. table {
  20. width: 100%;
  21. }
  22. table, th, td {
  23. border: 1px solid black;
  24. border-collapse: collapse;
  25. }
  26. th {
  27. text-align: center;
  28. width: 25%;
  29. padding: 15px;
  30. }
  31. td {
  32. background-color: #cccccc;
  33. padding: 15px;
  34. vertical-align: top;
  35. }
  36. .siteName {
  37. font-weight: bold;
  38. color: blue;
  39. }
  40. .footer {
  41. text-align: center;
  42. width: 500px;
  43. border: dotted 5px blue;
  44. padding: 10px;
  45. margin: 10px auto;
  46. }
  47.  
  48. .productHeaders {
  49. width: 99%;
  50. border: 1px solid black;
  51. padding: 5px;
  52. margin: 5px;
  53. background-color: lightgrey;
  54. }
  55. #imgCart {
  56.  
  57. }
  58. .addButtons {
  59.  
  60. }
  61. .headerButtons{
  62. float: right;
  63. }
  64. .productImages {
  65. border: 1px solid black;
  66. float:left;
  67. margin:5px;
  68. margin-right: 3%
  69. }
  70. .searchCartBar {
  71. float: right;
  72. }
  73. </style>
  74. <script src="jquery-3.3.1.min.js"></script>
  75. <script src="project.js"></script>
  76. <script>
  77. $(document).ready(function(){
  78. $("#imgCart").click(function(){
  79. if (confirm("You have "+ counter + " items in your cart Do you want to clear the items in your cart?") == true) {
  80. document.getElementById("imgCart").src="cart.png";
  81. alert("Done!");
  82. counter = 0;
  83. }
  84. else {
  85.  
  86. }
  87. });
  88. });
  89. </script>
  90. </head>
  91. <body>
  92. <h1>EN Board Shop</h1>
  93. <div class="searchCartBar">Search: <input type="text" id="txtSearch"><input type="button" value="GO" onclick="DoSearch()">
  94. <img id="imgCart" width="30" alt="Cart" height="30" src="cart.png" border="0" onclick="DisplayCart()"/></div>
  95. <hr/>
  96. <h3>Snowboards</h3>
  97. <div title="Blunt" class="products">
  98. <div class="productHeaders"><b>Blunt</b><div class="headerButtons"><input class="addButtons" type="button" title="Blunt" value="ADD" onclick="AddProduct(this)"></div></div>
  99. <img src="Blunt.jpg" alt="Blunt snowboard" class="productImages">
  100. <ul>
  101. <li><strong>Flying V:</strong> Blend of camber and rocker, rocker overall, including between and outside your feet, enhancing playfulness and float. Subtle camber zones underfoot focus edge-control for crisp snap, added pop, and powerful turns</li>
  102. <li><strong>Twin Shape:</strong> Perfectly symmetrical for a balanced ride that's equally versatile when ridden regular or switch. Jib, spin, stomp, butter with a greater balance of free style mobility</li>
  103. <li><strong>Twin Flex:</strong> Perfectly symmetrical from tip to tail for a balanced ride that's equally versatile regular or switch</li>
  104. <li><strong>FSC Certified Super Fly 800G Core:</strong> Lightened up and loaded with pop, vertical sandwich of hard and soft woods saves weight and improves snap and response. faux further optimized for float in Burton's freeride focused boards, and strength in Burton's park-focused boards</li>
  105. <li><strong>Dualzone EGD:</strong> Engineered wood grains for more edge-hold, response, and strength. wood grain is positioned along the toe and heel edges on two continuous zones, perpendicular to the rest of the wood core, for consistent edge-hold and added strength</li>
  106. </ul>
  107. </div>
  108. <div title="Clash" class="products">
  109. <div class="productHeaders"><b>Clash</b><div class="headerButtons"><input class="addButtons" type="button" title="Clash" value="ADD" onclick="AddProduct(this)"></div></div>
  110. <img src="Clash.jpg" alt="Clash snowboard" class="productImages">
  111. <ul>
  112. <li><strong>Flat Top:</strong> Stability, better balance, continuous edge control tip and tail kick up with an early rise outside feet for catch-free</li>
  113. <li><strong>Directional Shape:</strong> classic snowboard shape, designed to be ridden with a slightly longer nose than tail to concentrate pop in tail, plenty of float, flow, and control to rip any terrain or condition</li>
  114. <li><strong>3-6MM Taper:</strong> apered shape means nose is wider than tail, promoting smooth turn entry and exit, stability at speed, and enhanced deep snow flotation Look for different amounts of taper throughout line</li>
  115. <li><strong>Twin Flex:</strong> Perfectly symmetrical from tip to tail for a balanced ride that's equally versatile regular or switch</li>
  116. <li><strong>Dualzone EGD:</strong> Engineered wood grains for more edge-hold, response, and strength wood grain is positioned along toe and heel edges on two continuous zones, perpendicular to rest of wood core, for consistent edge-hold and added strength</li>
  117. </ul>
  118. </div>
  119. <div title="Custom" class="products">
  120. <div class="productHeaders"><b>Custom</b><div class="headerButtons"><input class="addButtons" type="button" title="Custom" value="ADD" onclick="AddProduct(this)"></div></div>
  121. <img src="Custom.jpg" alt="Custom snowboard" class="productImages">
  122. <ul>
  123. <li><strong>Camber:</strong> Powerful, poppy, precise-camber speaks to core values of board design Snappy suspension, camber distributes weight evenly over entire length of board for smooth, continuous edge control from tip to tail</li>
  124. <li><strong>Directional Shape:</strong> classic snowboard shape, designed to be ridden with a slightly longer nose than tail to concentrate pop in tail, plenty of float, flow, and control to rip any terrain or condition</li>
  125. <li><strong>Twin Flex:</strong> Perfectly symmetrical from tip to tail for a balanced ride that's equally versatile regular or switch</li>
  126. <li><strong>FSC Certified Dragonfly 600G Core:</strong> lighter weight species without sacrificing strength Custom X, antler, and Antler Flying V</li>
  127. <li><strong>Multizone EGD:</strong> Engineered wood grains for more edge-hold, response, and strengthIn four separate zones, wood grain is perpendicular to core adjacent to Channel- area from which a rider's power emanates-for ultimate strength and edge control</li>
  128. </ul>
  129. </div>
  130. <div title="Process" class="products">
  131. <div class="productHeaders"><b>Process</b><div class="headerButtons>"<input class="addButtons" type="button" title="Process" value="ADD" onclick="AddProduct(this)"></div></div>
  132. <img src="Process.jpg" alt="Process snowboard" class="productImages">
  133. <ul>
  134. <li><strong>Flying V:</strong> Blend of camber and rocker, rocker overall, including between and outside your feet, enhancing playfulness and float. Subtle camber zones underfoot focus edge-control for crisp snap, added pop, and powerful turns</li>
  135. <li><strong>Twin Shape:</strong> Perfectly symmetrical for a balanced ride that's equally versatile when ridden regular or switch. Jib, spin, stomp, butter with a greater balance of free style mobility</li>
  136. <li><strong>Twin Flex:</strong> Perfectly symmetrical from tip to tail for a balanced ride that's equally versatile regular or switch</li>
  137. <li><strong>FSC Certified Super Fly 800G Core:</strong> Lightened up and loaded with pop, vertical sandwich of hard and soft woods saves weight and improves snap and response. faux further optimized for float in Burton's freeride focused boards, and strength in Burton's park-focused boards</li>
  138. <li><strong>Dualzone EGD:</strong> Engineered wood grains for more edge-hold, response, and strength. wood grain is positioned along the toe and heel edges on two continuous zones, perpendicular to the rest of the wood core, for consistent edge-hold and added strength</li>
  139. </ul>
  140. </div>
  141.  
  142. <div class="footer">
  143. &copy; EN Board Shop 2018. All rights reserved.
  144. </div>
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement