Без опису
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661
  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="./libs/bootstrap/css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="./dist/css/main.css" />
  9. <link rel="stylesheet" href="./styles/style.css">
  10. <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">
  11. <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">
  12. <link rel="stylesheet" href="dist/css/pages/productdetails.css">
  13. <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
  14. <link rel="stylesheet" href="./dist/css/main.css" />
  15. <link rel="stylesheet" href="./style.css">
  16. <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
  17. <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
  18. <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
  19. <link rel="stylesheet" href="./libs/toaster/toastr.css" />
  20. <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
  21. <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
  22. <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
  23. <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
  24. <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
  25. <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
  26. <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
  27. <link rel="stylesheet" href="./dist/css/plugins/slick.css">
  28. <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
  29. <link rel="stylesheet" href="./dist/css/plugins/animate.css">
  30. <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
  31. <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
  32. <link rel="stylesheet" href="./dist/css/style.css">
  33. <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
  34. <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
  35. <link rel="stylesheet" href="./dist/toaster/toastr.css" />
  36. <title>Anwi</title>
  37. </head>
  38. <body>
  39. <!-- navbar -->
  40. <div id="navbar-head"></div>
  41. <!-- end-navbar -->
  42. <!-- main-body -->
  43. <main class="main-body home-main-container">
  44. <section class="services h-100 pt-3 bg-gradient-anwi">
  45. <div class="container pt-5 ">
  46. <div class="text-center text-white ">
  47. </div>
  48. </div>
  49. </section>
  50. <section class="position-relative bg-black">
  51. <iframe class="d-none" src="https://player.vimeo.com/video/824707959?h=5b3654950a&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
  52. </section>
  53. <section class="bg-black py-5 fyro_id d-none">
  54. <div class="container pb-md-4 text-white">
  55. <div class="text-center">
  56. <h1 class="text-fyro">Unleashing the Beasts of Creativity &
  57. Innovation with Graphics, AI, and ML</h1>
  58. <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
  59. enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
  60. cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
  61. performance</strong> needed to handle the most demanding workloads. Whether
  62. you're a gamer, video editor, or AI researcher, FYRO has the tools you need
  63. to unleash your creativity and push the boundaries of what's possible.</p>
  64. <div>
  65. <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
  66. </div>
  67. </div>
  68. <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
  69. are the
  70. perfect blend of style and substance, offering unparalleled performance
  71. and portability in a compact package. Join the FYRO revolution and
  72. experience the power of next-gen computing today.</p>
  73. <div class="bg-blur border rounded-4 p-4 ">
  74. <div class="row p-md-3 ">
  75. <div class="col-6">
  76. <div class="row align-items-center h-100 pb-md-0 pb-3">
  77. <div class="col-md-2 col-6">
  78. <img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
  79. </div>
  80. <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
  81. </div>
  82. </div>
  83. <div class="col-6 ">
  84. <div class="row align-items-center h-100 pb-md-0 pb-3">
  85. <div class="col-md-2 col-6">
  86. <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
  87. </div>
  88. <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="row p-md-3">
  93. <div class="col-6">
  94. <div class="row align-items-center h-100">
  95. <div class="col-md-2 col-6">
  96. <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
  97. </div>
  98. <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
  99. high Temp upto 105<sup>o</sup></p>
  100. </div>
  101. </div>
  102. <div class="col-6">
  103. <div class="row align-items-center h-100">
  104. <div class="col-md-2 col-6">
  105. <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
  106. </div>
  107. <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data">Decent
  108. Battery backup</p>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </section>
  115. <section class="bg-black py-5 zeno_id d-none">
  116. <div class="container text-center text-white">
  117. <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
  118. <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
  119. laptops and all-in-ones</strong> that offer exceptional performance and style.
  120. Built with state-of-the-art components, including the latest generation of
  121. Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
  122. <div class="text-center">
  123. <img src="./dist/assets/imgs/allin_imgs/Asset 1.png img-fluid " alt="">
  124. </div>
  125. <p class="font-1-2 mt-4 mb-5">
  126. Zeno products are designed to meet the needs of professionals, students, and
  127. anyone who requires a reliable and portable computing solution. With their advanced
  128. features, including customizable hotkeys, fingerprint recognition, and a variety of
  129. connectivity options, Zeno products offer the perfect blend of style and substance for
  130. those who want a high-performing computing experience in a compact package.
  131. </p>
  132. <div class="bg-blur border rounded-4 p-4 text-white">
  133. <div class="row p-md-3 text-center">
  134. <div class="col-4 border-end">
  135. <div>
  136. <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
  137. </div>
  138. <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
  139. </div>
  140. <div class="col-4 border-end">
  141. <div>
  142. <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
  143. </div>
  144. <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
  145. </p>
  146. </div>
  147. <div class="col-4">
  148. <div>
  149. <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
  150. </div>
  151. <p class="p-2 mb-0 font-1-5" id="overview_data">Stunning Display</p>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </section>
  157. <div class="loadingCall">
  158. <div class="spinner-border" role="status">
  159. <span class="visually-hidden">Loading...</span>
  160. </div>
  161. </div>
  162. <div class="container mainContanierProduct d-none">
  163. <div class="row">
  164. <div class="col-xl-5 ">
  165. <div class=" bgproductDGen border-0 ">
  166. <div class="row">
  167. <div class="d-none">
  168. <!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->
  169. <div class=" d-flex flex-column gap-2 p-2 d-none">
  170. <input type="hidden" id="productidtag">
  171. <input type="hidden" id="itemidtag">
  172. <!-- <div class="product-item-gallery active-gallery-img">
  173. <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
  174. class="w-100 h-100">
  175. </div>
  176. <div class="product-item-gallery ">
  177. <img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""
  178. class="w-100 h-100">
  179. </div>
  180. <div class="product-item-gallery ">
  181. <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""
  182. class="w-100 h-100">
  183. </div>
  184. <div class="product-item-gallery ">
  185. <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"
  186. alt="" class="w-100 h-100">
  187. </div>
  188. <div class="product-item-gallery ">
  189. <img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""
  190. class="w-100 h-100">
  191. </div> -->
  192. </div>
  193. </div>
  194. <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">
  195. <div
  196. class=" productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center">
  197. <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid">
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. <div class="col-xl-7 pt-0 productDetailsShadow">
  204. <div class="card border-0">
  205. <div>
  206. <div>
  207. <input type="hidden" name="" id="skudetailitem">
  208. <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
  209. </div>
  210. <div class="small-font des_productdes"></div>
  211. <div><span class="price"></span></div>
  212. <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
  213. </div>
  214. <hr>
  215. <!-- <div class="d-none">
  216. <h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics
  217. </h5>
  218. <div class="d-flex gap-2">
  219. <div class="specsmallcard borderselector card small-font p-3">
  220. Intel® Core i5-9400F
  221. </div>
  222. <div class="specsmallcard card small-font p-3">
  223. Intel® Core i5-9400F
  224. </div>
  225. </div>
  226. </div> -->
  227. <div class="pb-2 d-none">
  228. <h5 class="pt-2 smallHeadingProductDetails">Colors</h5>
  229. <!-- <div class="d-flex gap-2 colors-display-container">
  230. </div> -->
  231. <div class="d-flex gap-2 ">
  232. <div class="color-display-img color-display-img-active">
  233. <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
  234. </div>
  235. <div class="color-display-img ">
  236. <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
  237. </div>
  238. <div class="color-display-img ">
  239. <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" class="w-100 h-100">
  240. </div>
  241. </div>
  242. </div>
  243. <div id="spec-container-details">
  244. </div>
  245. <!-- <div class="pb-2 memory-parent d-none">
  246. <h5 class="py-2 smallHeadingProductDetails">Memory</h5>
  247. <div class="d-flex gap-2 memorycontainer">
  248. <div data-type="memory-desktop"
  249. class="specsmallcard borderselector card small-font p-3">
  250. Desktop
  251. </div>
  252. <div data-type="memory-laptop" class="specsmallcard card small-font p-3">
  253. Laptop
  254. </div>
  255. </div>
  256. </div>
  257. <div class="memory-details d-none">
  258. <h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>
  259. <div class="d-flex gap-2 pb-2 ramtech">
  260. <div type="button" onclick="onClickHandler(this)"
  261. class="specsmallcard-mini borderselector card small-font p-3">
  262. DDR4
  263. </div>
  264. <div type="button" onclick="onClickHandler(this)"
  265. class="specsmallcard-mini card small-font p-3">
  266. DDR5
  267. </div>
  268. </div>
  269. <div>
  270. <h5 class="py-2 smallHeadingProductDetails">Computer Memory Size</h5>
  271. <div class="d-flex gap-2 computersize">
  272. <div type="button" onclick="onClickHandler(this)"
  273. class="specsmallcard-mini borderselector card small-font p-3">
  274. 8 GB
  275. </div>
  276. <div type="button" onclick="onClickHandler(this)"
  277. class="specsmallcard-mini card small-font p-3">
  278. 16 GB
  279. </div>
  280. <div type="button" onclick="onClickHandler(this)"
  281. class="specsmallcard-mini card small-font p-3">
  282. 32 GB
  283. </div>
  284. </div>
  285. </div>
  286. </div> -->
  287. <!-- <div class="pb-2 d-none">
  288. <h5 class="py-2 smallHeadingProductDetails">Storage</h5>
  289. <div class="d-flex gap-2">
  290. <div class="specsmallcard borderselector card small-font p-3">
  291. 256 GB SSD Capacity
  292. </div>
  293. <div class="specsmallcard card small-font p-3">
  294. 1 TB SSD Capacity
  295. </div>
  296. </div>
  297. </div> -->
  298. <div class="d-none">
  299. <div class="d-flex justify-content-between align-items-center py-3">
  300. <h5 class="my-3 smallHeadingProductDetails">Quantity</h5>
  301. <a href="shopping-cart.html">
  302. <!-- <div class="btn btn-sm btn-success ">Add To Cart</div> -->
  303. <a class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>
  304. </a>
  305. </div>
  306. <div class="d-flex">
  307. <span class="qtybtn qtybtleft bgGreyLight">-</span>
  308. <span class=" border-top border-bottom">
  309. <span class="px-2">1</span>
  310. </span>
  311. <span class="qtybtn qtybtright bgGreyLight">+</span>
  312. </div>
  313. </div>
  314. <!-- <div class="card border-0 p-4 bgGreyLight my-3 d-none">
  315. <div class="row">
  316. <div class="col-sm-8 small-font ">
  317. Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe
  318. SSD. * 1
  319. </div>
  320. <div class="col-sm-4">
  321. ₹59,999
  322. </div>
  323. </div>
  324. <div class="row">
  325. <div class="col-sm-8 small-font">
  326. Total:
  327. </div>
  328. <div class="col-sm-4">
  329. ₹59,999
  330. </div>
  331. </div>
  332. </div> -->
  333. <!-- -->
  334. <!-- <hr> -->
  335. <div class="d-none">
  336. <div class="small-font">Check if stock is available at your pincode
  337. </div>
  338. <div>
  339. <div class="mb-3 d-flex border">
  340. <input class="form-control small-font border-0"
  341. placeholder="input your pincode to check" type="text" id="formFile">
  342. <button class="border-0 small-font px-2">Check</button>
  343. </div>
  344. </div>
  345. </div>
  346. <hr class="d-none">
  347. <div>
  348. <ul class="d-none">
  349. <li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn
  350. More</a></li>
  351. <li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"
  352. href="">Learn More</a></li>
  353. <li class="small-font">Avail No Cost EMI offer with BFL EMI Network Card<a
  354. class="learnMoreA" href="">Learn More</a></li>
  355. <li class="small-font">
  356. Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>
  357. </li>
  358. </ul>
  359. </div>
  360. <hr>
  361. <div class="pb-2 quantityHTML" id="specification_data">
  362. <span>Quantity :</span>
  363. <select name="quantity" id="quantity">
  364. <option value="1">1</option>
  365. <option value="2">2</option>
  366. <option value="3">3</option>
  367. <option value="4">4</option>
  368. <option value="5">5</option>
  369. <option value="6">6</option>
  370. <option value="7">7</option>
  371. <option value="8">8</option>
  372. <option value="9">9</option>
  373. <option value="10">10</option>
  374. </select>
  375. </div>
  376. <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
  377. <div class=" d-flex gap-2 mt-2">
  378. <button id="addtocart" class="w-100 bg-gradient-anwi btn bg-black text-white" style="border-radius: 5px;">
  379. Add to cart
  380. </button>
  381. <button class="w-100 btn bg-gradient-anwi buynow bg-black text-white" style="border-radius: 5px;">
  382. Buy Now
  383. </button>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. <!-- tabs -->
  389. <div class="row tabsContainer">
  390. <div class="col-lg-12 ">
  391. <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4"
  392. role="tablist">
  393. <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1" aria-selected="true" role="tab">Description</a> -->
  394. <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab"
  395. class="active font-1-5 no-transition" tabindex="-1">Specification</a>
  396. </div>
  397. <div class="tab-content dec-review-bottom">
  398. <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">
  399. <div class="description-wrap wrap-content-product-tabs">
  400. <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p>
  401. </div>
  402. </div> -->
  403. <div id="des-details2" class="tab-pane active show" role="tabpanel">
  404. <!-- <div class="specification-wrap table-responsive">
  405. <table class="table table-bordered wrap-content-product-tabs">
  406. <tbody class="append-specs">
  407. <tr>
  408. <td class="width1">Data Transfer Rate</td>
  409. <td>Anwi Ram</td>
  410. </tr>
  411. <tr>
  412. <td>Memory Speed</td>
  413. <td>3200</td>
  414. </tr>
  415. </tbody>
  416. </table>
  417. </div> -->
  418. <div class="d-flex gap-5 specContainer mt-3">
  419. <div class="specContainerleft">
  420. <div class="">
  421. <div class="row border-bottom">
  422. <div class="col-sm-6 bg-gray-3">
  423. Manufacturer
  424. </div>
  425. <div class="col-sm-6">
  426. 26/F TOWER ONE TIME SQUARE 1 MATHESON STREET CAUSEWAY BAY HK
  427. </div>
  428. </div>
  429. </div>
  430. <div class="">
  431. <div class="row border-bottom">
  432. <div class="col-sm-6 bg-gray-3">
  433. Model Name
  434. </div>
  435. <div class="col-sm-6">
  436. ‎ORA 16 GB RAM DDR5 SDRAM 4800 MHz
  437. </div>
  438. </div>
  439. </div>
  440. <div class="">
  441. <div class="row border-bottom">
  442. <div class="col-sm-6 bg-gray-3">
  443. Product Dimensions
  444. </div>
  445. <div class="col-sm-6">
  446. 8 x 3.1 x 0.3 cm; 10 Grams
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. <!-- <div class="specContainerRight">
  452. <div class="">
  453. <div class="row border-bottom">
  454. <div class="col-sm-6 bg-gray-3">
  455. Item part number
  456. </div>
  457. <div class="col-sm-6">
  458. AWLD54816M
  459. </div>
  460. </div>
  461. </div>
  462. <div class="">
  463. <div class="row border-bottom">
  464. <div class="col-sm-6 bg-gray-3">
  465. RAM Size
  466. </div>
  467. <div class="col-sm-6">
  468. 16 GB
  469. </div>
  470. </div>
  471. </div>
  472. <div class="">
  473. <div class="row border-bottom">
  474. <div class="col-sm-6 bg-gray-3">
  475. Ram Memory Technology
  476. </div>
  477. <div class="col-sm-6">
  478. DDR5, SO-DIMM
  479. </div>
  480. </div>
  481. </div>
  482. </div> -->
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </main>
  490. <!-- footer -->
  491. <div id="footer-head" class="sec-space-1"></div>
  492. <!-- end-footer -->
  493. <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  494. <script src="./dist/js/jquery.min.js"></script>
  495. <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
  496. <script src="./libs/axios.min.js"></script>
  497. <script src="./dist/js/footer.js"></script>
  498. <script src="./libs/cookies.min.js"></script>
  499. <script src="./dist/js/fontawesome.all.js"></script>
  500. <script src="./dist/js/fontawesome.min.js"></script>
  501. <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
  502. <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
  503. <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
  504. <script src="./dist/js/vendor/bootstrap.min.js"></script>
  505. <script src="./dist/js/plugins/slick.js"></script>
  506. <script src="./dist/js/plugins/wow.js"></script>
  507. <script src="./dist/js/plugins/svg-injector.min.js"></script>
  508. <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
  509. <script src="./dist/js/plugins/mouse-parallax.js"></script>
  510. <script src="./dist/js/plugins/images-loaded.js"></script>
  511. <script src="./dist/js/plugins/isotope.js"></script>
  512. <script src="./dist/js/plugins/jquery-ui.js"></script>
  513. <script src="./dist/js/plugins/magnific-popup.js"></script>
  514. <script src="./dist/js/validate.min.js"></script>
  515. <script src="./dist/toaster/toastr.js"></script>
  516. <script src="./dist/js/navbar.js"></script>
  517. <script src="./dist/js/main.js"></script>
  518. <script src="./dist/js/utils/helpers.js"></script>
  519. <script src="./dist/js/auth/apiservice.js"></script>
  520. <script src="./dist/js/shoppingcart/addtocart.js"></script>
  521. <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
  522. <script src="./dist/js/productdetails/productdetails.js"></script>
  523. <script>
  524. let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
  525. if (searchTerm) {
  526. if (searchTerm.includes('zeno')) {
  527. $('.fyro_id').addClass('d-none');
  528. $('.zeno_id').removeClass('d-none');
  529. $('.productitemnamefull').html('Zeno');
  530. } else {
  531. $('.zeno_id').addClass('d-none');
  532. $('.fyro_id').removeClass('d-none');
  533. $('.productitemnamefull').html('Fyro');
  534. }
  535. } else {
  536. $('.productitemnamefull').parent().addClass('d-none');
  537. }
  538. let ram_page = window.location.pathname;
  539. let loc_2= ram_page.includes('allinones.html');
  540. if(loc_2 === true){
  541. let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
  542. $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
  543. $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
  544. $('.same-style').find('svg path').attr('fill','#fff');
  545. $('svg path').attr('fill','#fff');
  546. }
  547. if(window.location.href.includes("?AIO%20Fyro")){
  548. let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
  549. $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
  550. $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
  551. $("iframe").addClass("d-none");
  552. $(".fyro_id").find(".container").addClass("pt-5");
  553. $(".processor_name").addClass("d-none");
  554. }
  555. else if(window.location.href.includes("?AIO%20Zeno")){
  556. $(".zeno_id").find(".container").addClass("pt-5");
  557. $("iframe").addClass("d-none");
  558. let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
  559. $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
  560. $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
  561. $('.same-style').find('svg path').attr('fill','#fff');
  562. $('svg path').attr('fill','#fff');
  563. }
  564. let product_page = window.location.pathname;
  565. let loc = product_page.includes('?FYRO');
  566. // let loc_1 = product_page.includes('?AIO%20Zeno');
  567. if(loc === false){
  568. $(".fyro_id").addClass("d-none");
  569. }
  570. // if(loc_1 === true){
  571. // $(".fyro_id").addClass("d-none");
  572. // $(".zeno_id").removeClass("d-none");
  573. // }
  574. $(document).ready(function() {
  575. function swapSections() {
  576. var sectionOne = document.querySelector('.section-one');
  577. var sectionTwo = document.querySelector('.section-two');
  578. var isMobile = window.matchMedia("(max-width: 768px)").matches;
  579. if (isMobile) {
  580. sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
  581. }
  582. }
  583. // Call the swapSections function on load and resize
  584. window.addEventListener('load', swapSections);
  585. window.addEventListener('resize', swapSections);
  586. });
  587. </script>
  588. </body>
  589. </html>