Nav apraksta
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  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="stylesheet" href="./all.css">
  8. <title>Anwi</title>
  9. <style>
  10. .img-magnifier-glass {
  11. position: absolute;
  12. /* border: 3px solid #8a3033; */
  13. cursor: none;
  14. /* border-radius: 50%; */
  15. width: 370px;
  16. height: 310px;
  17. z-index: 10;
  18. }
  19. .product_details {
  20. right: 100px;
  21. top: 40%;
  22. }
  23. .products-display-box .rg-card-box {
  24. display: -webkit-box;
  25. display: -webkit-flex;
  26. display: -ms-flexbox;
  27. display: flex;
  28. align-content: flex-start;
  29. align-items: flex-start;
  30. justify-content: space-between;
  31. flex-wrap: wrap;
  32. width: calc(54% - 12px);
  33. }
  34. @media screen and (min-width: 1920px) {
  35. .products-display-box .rg-card-box .rg-card-item {
  36. min-height: 582px;
  37. }
  38. }
  39. .products-display-box .rg-card-box .item-product {
  40. padding: 56px 0;
  41. }
  42. .products-display-box .rg-card-box .rg-card-item {
  43. position: relative;
  44. width: calc(50% - 12px);
  45. height: calc(50% - 12px);
  46. min-height: 368px;
  47. margin-bottom: 24px;
  48. background-color: #fff;
  49. border-radius: 24px;
  50. }
  51. .products-display-box .card-box {
  52. position: relative;
  53. height: 100%;
  54. }
  55. .products-display-box .rg-card-box .item-product .card-info {
  56. padding: 0 32px;
  57. }
  58. .products-display-box .lf-card-box {
  59. margin-right: 12px;
  60. width: calc(46% - 12px);
  61. background-color: #fff;
  62. border-radius: 24px;
  63. display: -webkit-box;
  64. display: -webkit-flex;
  65. display: -ms-flexbox;
  66. display: flex;
  67. flex-wrap: wrap;
  68. justify-content: center;
  69. align-items: center;
  70. align-content: center;
  71. }
  72. @media screen and (min-width: 1920px) {
  73. .products-display-box,
  74. .products-display-box.init-editor,
  75. .products-display-box .lf-card-box {
  76. min-height: 1188px;
  77. }
  78. }
  79. .bg-zeno-light {
  80. background-color: #f5f5f5;
  81. }
  82. .card-title {
  83. margin-bottom: 16px;
  84. font-size: 18px;
  85. line-height: 1.375;
  86. font-weight: bold;
  87. }
  88. .products-display-box .card-box .card-title {
  89. word-break: break-word;
  90. height: 33px;
  91. }
  92. .products-display-box .card-selling-points li {
  93. margin-bottom: 8px;
  94. line-height: 1.2;
  95. color: #757575;
  96. word-break: break-word;
  97. }
  98. .products-display-box .rg-card-box .item-product .card-selling-points {
  99. margin-bottom: 24px;
  100. font-size: 13px;
  101. line-height: 20px;
  102. list-style: none;
  103. height: 62.7812px;
  104. }
  105. .productDetailsShadow {
  106. position: relative;
  107. }
  108. /* .left_anwi_img{
  109. position: sticky;
  110. top: 40px;
  111. } */
  112. #main_show_img {
  113. cursor: pointer;
  114. }
  115. </style>
  116. </head>
  117. <body>
  118. <!-- navbar -->
  119. <!-- <auth-loader></auth-loader> -->
  120. <div id="navbar-head" class=""></div>
  121. <!-- end-navbar -->
  122. <!-- main-body -->
  123. <main class="main-body home-main-container loading-main" id="home-main-container">
  124. <section class="py-5">
  125. <div class="container-fluid position-relative">
  126. <div class="product_details d-md-none d-block">
  127. <div>
  128. <input type="hidden" name="" id="skudetailitem">
  129. <h4 class="productname fw-600 ps-3 pt-5"></h4>
  130. </div>
  131. </div>
  132. <div class="text-center">
  133. <img src="./dist/assets/imgs/new_img/main_banner.webp" class="w-100" />
  134. </div>
  135. <div class="position-absolute product_details d-md-block d-none">
  136. <div>
  137. <input type="hidden" name="" id="skudetailitem">
  138. <h4 class="productname"></h4>
  139. </div>
  140. </div>
  141. </div>
  142. </section>
  143. <section class="py-5 bg-zeno-light">
  144. <div class="container py-md-5">
  145. <div class="row">
  146. <div class="col-md-5 pb-3 pb-md-0 text-center">
  147. <div class="p-5 notes bg-white rounded-3 h-100">
  148. <a href="#" class="ga-pdp-link">
  149. <div class="card-title pt-4">FYRO Flagship - 17.3 - I9 13900HX - RTX 4080</div>
  150. </a>
  151. <a href="#" class="card-img-box mb-show ga-pdp-link notes">
  152. <img class=" pc-mb show success-img left-block pt-5" alt="card-img"
  153. src="./dist/assets/imgs/new_img/lappy1.png" height="450px" width="450px">
  154. </a>
  155. </div>
  156. </div>
  157. <div class="col-md-7 ps-md-1">
  158. <div class="d-flex gap-3 pb-3 product_item">
  159. <div class=" bg-white rounded-3 text-center ">
  160. <div class="p-5 notes">
  161. <a href="#" class="card-img-box mb-show ga-pdp-link "
  162. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  163. <img class="w-75 pc-mb show success-img " alt="card-img"
  164. src="./dist/assets/imgs/new_img/lappy2.png">
  165. </a>
  166. <a href="#" class="ga-pdp-link"
  167. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  168. <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 4090</div>
  169. </a>
  170. <!-- <div>
  171. 13th Gen Intel® Core™ Processor
  172. </div> -->
  173. </div>
  174. </div>
  175. <div class=" rounded-3 text-center bg-white">
  176. <div class="p-5 notes">
  177. <a href="#" class="card-img-box mb-show ga-pdp-link"
  178. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  179. <img class="w-75 pc-mb show success-img" alt="card-img"
  180. src="./dist/assets/imgs/new_img/lappy3.png">
  181. </a>
  182. <a href="#" class="ga-pdp-link"
  183. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  184. <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 4060</div>
  185. </a>
  186. <!-- <div>
  187. 13th Gen Intel® Core™ Processor
  188. </div> -->
  189. </div>
  190. </div>
  191. </div>
  192. <div class="d-flex gap-3 product_item">
  193. <div class=" rounded-3 text-center bg-white">
  194. <div class="p-5 notes">
  195. <a href="#" class="card-img-box mb-show ga-pdp-link"
  196. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  197. <img class="w-75 pc-mb show success-img" alt="card-img"
  198. src="./dist/assets/imgs/new_img/lappy4.png">
  199. </a>
  200. <a href="#" class="ga-pdp-link"
  201. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  202. <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 3050</div>
  203. </a>
  204. <!-- <div>
  205. 13th Gen Intel® Core™ Processor
  206. </div> -->
  207. </div>
  208. </div>
  209. <div class=" rounded-3 text-center bg-white">
  210. <div class="p-5 notes">
  211. <a href="#" class="card-img-box mb-show ga-pdp-link"
  212. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  213. <img class="w-75 pc-mb show success-img" alt="card-img"
  214. src="./dist/assets/imgs/new_img/lappy5.png">
  215. </a>
  216. <a href="#" class="ga-pdp-link"
  217. data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">
  218. <div class="card-title">FYRO Flagship - 17.3 - I7-13700H - RTX 4090</div>
  219. </a>
  220. <!-- <div>
  221. 13th Gen Intel® Core™ Processor
  222. </div> -->
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </section>
  230. <!-- slots start -->
  231. <section>
  232. <div class="container">
  233. <h3 class="my-5">Slots</h3>
  234. <img src="./dist/assets/imgs/zeno/slots.png" alt="" class="img-fluid">
  235. </div>
  236. </section>
  237. <!-- slots end -->
  238. <!-- grid start -->
  239. <section>
  240. <div class="container">
  241. <h3 class="my-5">Features</h3>
  242. <img src="./dist/assets/imgs/zeno/grid.png" alt="" class="img-fluid">
  243. </div>
  244. </section>
  245. <!-- grid end -->
  246. <!-- chip starts -->
  247. <section>
  248. <div class="container">
  249. <h3 class="my-5">Chips</h3>
  250. <img src="./dist/assets/imgs/zeno/chip.png" alt="" class="img-fluid">
  251. </div>
  252. </section>
  253. <!-- chip end -->
  254. <section>
  255. <div class="container">
  256. <h3 class="my-5">Cooling</h3>
  257. <img src="./dist/assets/imgs/zeno/fans.png" alt="" class="img-fluid">
  258. </div>
  259. </section>
  260. <section>
  261. <div class="container">
  262. <img src="./dist/assets/imgs/zeno/zero.png" alt="" class="img-fluid">
  263. </div>
  264. </section>
  265. </main>
  266. <!-- footer -->
  267. <div id="footer-head" class="sec-space-1"></div>
  268. <!-- end-footer -->
  269. <!-- <script src="https://player.vimeo.com/api/player.js"></script> -->
  270. <script src="./dist/js/components/authloader/authloader.js"></script>
  271. <script src="./dist/js/jquery.min.js"></script>
  272. <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  273. <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
  274. <script src="./libs/axios.min.js"></script>
  275. <script src="./libs/cookies.min.js"></script>
  276. <script src="./dist/js/fontawesome.all.js"></script>
  277. <script src="./dist/js/fontawesome.min.js"></script>
  278. <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  279. <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  280. <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  281. <!-- <script src="./dist/js/vendor/bootstrap.min.js"></script> -->
  282. <script src="./dist/js/plugins/slick.js"></script>
  283. <script src="./dist/js/plugins/wow.js"></script>
  284. <script src="./dist/js/plugins/svg-injector.min.js"></script>
  285. <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  286. <script src="./dist/js/plugins/mouse-parallax.js"></script>
  287. <script src="./dist/js/plugins/images-loaded.js"></script>
  288. <script src="./dist/js/plugins/isotope.js"></script>
  289. <script src="./dist/js/plugins/jquery-ui.js"></script>
  290. <script src="./dist/js/plugins/magnific-popup.js"></script>
  291. <script src="./dist/js/validate.min.js"></script>
  292. <script src="./dist/toaster/toastr.js"></script>
  293. <script src="./dist/js/utils/helpers.js"></script>
  294. <script src="./dist/js/auth/apiservice.js"></script>
  295. <script src="./dist/js/shoppingcart/addtocart.js"></script>
  296. <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
  297. <!-- <script src="./dist/js/productdetails/productdetails.js"></script> -->
  298. <script src="./dist/js/navbar.js"></script>
  299. <script src="./dist/js/footer.js"></script>
  300. <script src="./dist/js/main.js"></script>
  301. <!-- <script src="./dist/js/productdetails/laptopd.js"></script> -->
  302. </body>
  303. </html>