暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

productcatlogue.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
  8. <link rel="stylesheet" href="./all.css">
  9. <title>Press Releases | Anwi</title>
  10. <style>
  11. .card:hover {
  12. box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  13. }
  14. .card:hover img {
  15. transform: scale(1.1);
  16. /* rotate: 10deg; */
  17. }
  18. .card:hover .btn {
  19. background-color: #000 !important;
  20. color: #ffff !important;
  21. }
  22. .card-title {
  23. font-size: 1.2rem;
  24. }
  25. </style>
  26. </head>
  27. <body class="media_page">
  28. <!-- navbar -->
  29. <div id="navbar-head" class=></div>
  30. <!-- end-navbar -->
  31. <!-- main-body -->
  32. <main class="main-body home-main-container">
  33. <section class="pt-2 ramsContainer " id="ora_products">
  34. <div class="products-container container pb-5" id="pills-tabContent">
  35. <div class="text-center pb-md-5 mb-md-5">
  36. <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi
  37. Systems</span>
  38. </div>
  39. <div class="row product_card_section">
  40. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  41. data_product="zenosleekbook14">
  42. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  43. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  44. <div class="card-body">
  45. <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch </h5>
  46. </div>
  47. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  48. style="list-style: none;">
  49. <li class="border-0 py-0">
  50. <span class="satoshi_font">8GB DDR4</span>
  51. </li>
  52. <li class="border-0 py-0">
  53. <span class="satoshi_font">3200 Mhz</span>
  54. </li>
  55. </ul>
  56. <div class="card-body text-center">
  57. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  62. data_product="zenosleekbook14touch">
  63. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  64. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  65. <div class="card-body">
  66. <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch Touch Screen
  67. 360<sup>o</sup> flip</h5>
  68. </div>
  69. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  70. style="list-style: none;">
  71. <li class="border-0 py-0">
  72. <span class="satoshi_font">8GB DDR4</span>
  73. </li>
  74. <li class="border-0 py-0">
  75. <span class="satoshi_font">3200 Mhz</span>
  76. </li>
  77. </ul>
  78. <div class="card-body text-center">
  79. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  84. data_product="zenosleekbook15">
  85. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  86. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  87. <div class="card-body">
  88. <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 15.6 inch</h5>
  89. </div>
  90. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  91. style="list-style: none;">
  92. <li class="border-0 py-0">
  93. <span class="satoshi_font">8GB DDR4</span>
  94. </li>
  95. <li class="border-0 py-0">
  96. <span class="satoshi_font">3200 Mhz</span>
  97. </li>
  98. </ul>
  99. <div class="card-body text-center">
  100. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  105. data_product="zenodualbook16">
  106. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  107. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  108. <div class="card-body">
  109. <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
  110. </div>
  111. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  112. style="list-style: none;">
  113. <li class="border-0 py-0">
  114. <span class="satoshi_font">8GB DDR4</span>
  115. </li>
  116. <li class="border-0 py-0">
  117. <span class="satoshi_font">3200 Mhz</span>
  118. </li>
  119. </ul>
  120. <div class="card-body text-center">
  121. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  126. data_product="zenodualbook21">
  127. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  128. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  129. <div class="card-body">
  130. <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
  131. </div>
  132. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  133. style="list-style: none;">
  134. <li class="border-0 py-0">
  135. <span class="satoshi_font">8GB DDR4</span>
  136. </li>
  137. <li class="border-0 py-0">
  138. <span class="satoshi_font">3200 Mhz</span>
  139. </li>
  140. </ul>
  141. <div class="card-body text-center">
  142. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4"
  147. data_product="zenodualbook23">
  148. <div class="card border bg-gray-3 rounded-3 p-1 h-100">
  149. <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
  150. <div class="card-body">
  151. <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
  152. </div>
  153. <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary"
  154. style="list-style: none;">
  155. <li class="border-0 py-0">
  156. <span class="satoshi_font">8GB DDR4</span>
  157. </li>
  158. <li class="border-0 py-0">
  159. <span class="satoshi_font">3200 Mhz</span>
  160. </li>
  161. </ul>
  162. <div class="card-body text-center">
  163. <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </section>
  170. </main>
  171. <!-- footer -->
  172. <div id="footer-head" class=""></div>
  173. <!-- end-footer -->
  174. <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  175. <script src="./dist/js/jquery.min.js"></script>
  176. <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
  177. <script src="./dist/js/axios.min.js"></script>
  178. <script src="./dist/js/footer.js"></script>
  179. <script src="./libs/cookies.min.js"></script>
  180. <script src="./dist/js/fontawesome.all.js"></script>
  181. <script src="./dist/js/fontawesome.min.js"></script>
  182. <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  183. <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  184. <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  185. <script src="./dist/js/vendor/bootstrap.min.js"></script>
  186. <script src="./dist/js/plugins/slick.js"></script>
  187. <script src="./dist/js/plugins/wow.js"></script>
  188. <script src="./dist/js/plugins/svg-injector.min.js"></script>
  189. <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  190. <script src="./dist/js/plugins/mouse-parallax.js"></script>
  191. <script src="./dist/js/plugins/images-loaded.js"></script>
  192. <script src="./dist/js/plugins/isotope.js"></script>
  193. <script src="./dist/js/plugins/jquery-ui.js"></script>
  194. <script src="./dist/js/plugins/magnific-popup.js"></script>
  195. <script src="./dist/js/navbar.js"></script>
  196. <!-- Main JS -->
  197. <script src="./dist/js/main.js"></script>
  198. <script>
  199. $(".header-area").addClass("bg-gradient-anwi");
  200. $(".product_card_section").find(".product_catlogue_card").each(function () {
  201. $(this).click(function () {
  202. let name = $(this).attr("data_product");
  203. let product_catlogue_obj = {
  204. product: name
  205. }
  206. localStorage.setItem("product_catlogue_obj", JSON.stringify(product_catlogue_obj));
  207. window.location.href = "/productcatloguedetails.html";
  208. })
  209. });
  210. </script>
  211. </body>
  212. </html>