rahul.katari
/
new.anwisystems.com
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
暂无描述
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
1 提交
1 分支
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
new.anwisystems.com/laptopdetails.html

laptopdetails.html 48KB
永久链接 文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8. 

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./styles/style.css">

  12.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">

  14.     <link rel="stylesheet" href="dist/css/pages/productdetails.css">

  15. 

  16. 

  17.     <link rel="stylesheet" href="./dist/css/main.css" />

  18.     <link rel="stylesheet" href="./style.css">

  19.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  20.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  21.     <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->

  22. 

  23.     <link rel="stylesheet" href="./libs/toaster/toastr.css" />

  24. 

  25.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  26.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  27.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  28.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  29.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

  30.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  31.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  32.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  33.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  34.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  35.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  36.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  37.     <link rel="stylesheet" href="./dist/css/style.css">

  38.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  39.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  40.     <link rel="stylesheet" href="./dist/toaster/toastr.css" />

  41. 

  42.     <title>Anwi</title>

  43. <style>

  44.     .img-magnifier-glass {

  45.         position: absolute;

  46.         /* border: 3px solid #8a3033; */

  47.         cursor: none;

  48.         /* border-radius: 50%; */

  49.         width: 370px;

  50.         height: 310px;

  51.         z-index: 10;

  52.     }

  53.     .product_details{

  54.         right: 100px;

  55.         top: 40%;

  56.     }

  57.     .products-display-box .rg-card-box {

  58.     display: -webkit-box;

  59.     display: -webkit-flex;

  60.     display: -ms-flexbox;

  61.     display: flex;

  62.     align-content: flex-start;

  63.     align-items: flex-start;

  64.     justify-content: space-between;

  65.     flex-wrap: wrap;

  66.     width: calc(54% - 12px);

  67. }

  68. @media screen and (min-width: 1920px){

  69.     .products-display-box .rg-card-box .rg-card-item {

  70.     min-height: 582px;

  71. }

  72. }

  73. 

  74. 

  75. .products-display-box .rg-card-box .item-product {

  76.     padding: 56px 0;

  77. }

  78. .products-display-box .rg-card-box .rg-card-item {

  79.     position: relative;

  80.     width: calc(50% - 12px);

  81.     height: calc(50% - 12px);

  82.     min-height: 368px;

  83.     margin-bottom: 24px;

  84.     background-color: #fff;

  85.     border-radius: 24px;

  86. }

  87. .products-display-box .card-box {

  88.     position: relative;

  89.     height: 100%;

  90. }

  91. .products-display-box .rg-card-box .item-product .card-info {

  92.     padding: 0 32px;

  93. }

  94. .products-display-box .lf-card-box {

  95.     margin-right: 12px;

  96.     width: calc(46% - 12px);

  97.     background-color: #fff;

  98.     border-radius: 24px;

  99.     display: -webkit-box;

  100.     display: -webkit-flex;

  101.     display: -ms-flexbox;

  102.     display: flex;

  103.     flex-wrap: wrap;

  104.     justify-content: center;

  105.     align-items: center;

  106.     align-content: center;

  107. }

  108. @media screen and (min-width: 1920px){

  109.     .products-display-box, .products-display-box.init-editor, .products-display-box .lf-card-box {

  110.     min-height: 1188px;

  111. }

  112. }

  113. 

  114. .bg-zeno-light{

  115.    background-color: #f5f5f5;

  116. }

  117. .card-title {

  118.     margin-bottom: 16px;

  119.     font-size: 18px;

  120.     line-height: 1.375;

  121.     font-weight: bold;

  122. }

  123. 

  124. .products-display-box .card-box .card-title {

  125.     word-break: break-word;

  126.     height: 33px;

  127. }

  128. .products-display-box .card-selling-points li {

  129.     margin-bottom: 8px;

  130.     line-height: 1.2;

  131.     color: #757575;

  132.     word-break: break-word;

  133. }

  134. .products-display-box .rg-card-box .item-product .card-selling-points {

  135.     margin-bottom: 24px;

  136.     font-size: 13px;

  137.     line-height: 20px;

  138.     list-style: none;

  139.     height: 62.7812px;

  140. }

  141. .productDetailsShadow{

  142.     position: relative;

  143. }

  144. /* .left_anwi_img{

  145.     position: sticky;

  146.     top: 40px;

  147. } */

  148. #main_show_img{

  149.     cursor: pointer;

  150. }

  151. </style>

  152. </head>

  153. 

  154. <body>

  155.     <!-- navbar -->

  156.     <auth-loader></auth-loader>

  157.     <div id="navbar-head" class=""></div>

  158.     <!-- end-navbar -->

  159.     <!-- main-body -->

  160.     <main class="main-body home-main-container loading-main" id="home-main-container">

  161.         <section class="services barbgnav d-none h-100 pt-3  bg-gradient-anwi">

  162.             <div class="container pt-5 ">

  163.                 <div class="text-center text-white ">

  164.                 </div>

  165.             </div>

  166.         </section>

  167.         <section class="py-5">

  168.             <div class="container-fluid position-relative">

  169.                 <div class="product_details d-md-none d-block">

  170.                     <div>

  171.                         <input type="hidden" name="" id="skudetailitem">

  172.                         <h4 class="productname fw-600 ps-3 pt-5"></h4>

  173.                     </div>

  174.                 </div>

  175.                 <div class="text-center">

  176.                    <img src="./dist/assets/imgs/new_img/main_banner.webp" class="w-100"/>

  177.                 </div>

  178.                 <div class="position-absolute product_details d-md-block d-none">

  179.                     <div>

  180.                         <input type="hidden" name="" id="skudetailitem">

  181.                         <h4 class="productname"></h4>

  182.                     </div>

  183.                 </div>

  184.             </div>

  185.         </section>

  186.         <section class="py-5 bg-zeno-light">

  187.             <div class="container py-md-5">

  188.                 <div class="row">

  189.                     <div class="col-md-5 pb-3 pb-md-0 text-center">

  190.                         <div class="p-5 notes bg-white rounded-3 h-100">

  191.                             <a href="#" class="ga-pdp-link">

  192.                                 <div class="card-title pt-4">FYRO Flagship - 17.3 - I9 13900HX - RTX 4080</div>

  193.                             </a>

  194.                             <a href="#" class="card-img-box mb-show ga-pdp-link notes">

  195.                                 <img class=" pc-mb show success-img left-block pt-5" alt="card-img" src="./dist/assets/imgs/new_img/lappy1.png" height="450px" width="450px">

  196.                             </a>

  197.                         </div>

  198.                     </div>

  199.                     <div class="col-md-7 ps-md-1">

  200.                         <div class="d-flex gap-3 pb-3 product_item">

  201.                             <div class=" bg-white rounded-3 text-center ">

  202.                                 <div  class="p-5 notes">

  203.                                     <a href="#" class="card-img-box mb-show ga-pdp-link " data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  204.                                         <img class="w-75 pc-mb show success-img " alt="card-img" src="./dist/assets/imgs/new_img/lappy2.png">

  205.                                     </a>

  206.                                     <a href="#" class="ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  207.                                         <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 4090</div>

  208.                                     </a>

  209.                                     <!-- <div>

  210.                                         13th Gen Intel® Core™ Processor

  211.                                     </div> -->

  212.                                    

  213.                                 </div>

  214.                             </div>

  215.                             <div class=" rounded-3 text-center bg-white">

  216.                                 <div  class="p-5 notes">

  217.                                     <a href="#" class="card-img-box mb-show ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  218.                                         <img class="w-75 pc-mb show success-img" alt="card-img" src="./dist/assets/imgs/new_img/lappy3.png">

  219.                                     </a>

  220.                                     <a href="#" class="ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  221.                                         <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 4060</div>

  222.                                     </a>

  223.                                     <!-- <div>

  224.                                         13th Gen Intel® Core™ Processor

  225.                                     </div> -->

  226.                                    

  227.                                 </div>

  228.                             </div>

  229.                         </div>

  230.                         <div class="d-flex gap-3 product_item">

  231.                             <div class=" rounded-3 text-center bg-white">

  232.                                 <div class="p-5 notes">

  233.                                     <a href="#" class="card-img-box mb-show ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  234.                                         <img class="w-75 pc-mb show success-img" alt="card-img" src="./dist/assets/imgs/new_img/lappy4.png">

  235.                                     </a>

  236.                                     <a href="#" class="ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  237.                                         <div class="card-title">FYRO Flagship - 17.3 - I9 13900HX - RTX 3050</div>

  238.                                     </a>

  239.                                     <!-- <div>

  240.                                         13th Gen Intel® Core™ Processor

  241.                                     </div> -->

  242.                                     

  243.                                 </div>

  244.                             </div>

  245.                             <div class=" rounded-3 text-center bg-white">

  246.                                 <div class="p-5 notes">

  247.                                     <a href="#" class="card-img-box mb-show ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  248.                                         <img class="w-75 pc-mb show success-img" alt="card-img" src="./dist/assets/imgs/new_img/lappy5.png">

  249.                                     </a>

  250.                                     <a href="#" class="ga-pdp-link" data-nameforga="products_display_HUAWEI MateBook X Pro" data-position="1">

  251.                                         <div class="card-title">FYRO Flagship - 17.3 - I7-13700H - RTX 4090</div>

  252.                                     </a>

  253.                                     <!-- <div>

  254.                                         13th Gen Intel® Core™ Processor

  255.                                     </div> -->

  256.                                    

  257.                                 </div>

  258.                             </div>

  259.                         </div>

  260.                     </div>

  261.                 </div>

  262.             </div>

  263.         </section>

  264.         <section class="position-relative bg-black section-one d-none">

  265.             <!-- <div class="d-flex justify-content-center align-items-center videospinning ">

  266.                 <div class="spinner-border text-info" role="status">

  267.                     <span class="visually-hidden">Loading...</span>

  268.                 </div>

  269.             </div> -->

  270.             <!-- <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="100%" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> -->

  271. 

  272.             <div class="iframcontainer d-none" style="padding:56.25% 0 0 0;position:relative;">

  273.                 <iframe class="d-none"

  274.                     src="https://player.vimeo.com/video/824707959?h=5b3654950&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1"

  275.                     frameborder="0" allow="autoplay; fullscreen; picture-in-picture"

  276.                     style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Zeno Sleekbook"></iframe>

  277.             </div>

  278.         </section>

  279.       

  280.         <section class="bg-black fyro_id">

  281.             <div class="container py-md-5 text-white d-none">

  282.                 <div class="text-center">

  283.                     <h1 class="text-fyro">Unleashing the Beasts of Creativity &

  284.                         Innovation with Graphics, AI, and ML</h1>

  285.                     <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML

  286.                         enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphic

  287.                         cards, <strong>FYRO laptops and all-in-ones deliver the raw power and

  288.                             performance</strong> needed to handle the most demanding workloads. Whether

  289.                         you're a gamer, video editor, or AI researcher, FYRO has the tools you need

  290.                         to unleash your creativity and push the boundaries of what's possible.</p>

  291.                     <div>

  292.                         <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">

  293.                     </div>

  294.                 </div>

  295.                 <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products

  296.                     are the

  297.                     perfect blend of style and substance, offering unparalleled performance

  298.                     and portability in a compact package. Join the FYRO revolution and

  299.                     experience the power of next-gen computing today.</p>

  300.                 <div class="bg-blur border rounded-4 p-4 ">

  301.                     <div class="row p-md-3 ">

  302.                         <div class="col-6">

  303.                             <div class="row align-items-center h-100 pb-md-0 pb-3">

  304.                                 <div class="col-md-2 col-6">

  305.                                     <img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">

  306.                                 </div>

  307.                                 <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>

  308.                             </div>

  309.                         </div>

  310.                         <div class="col-6 ">

  311.                             <div class="row align-items-center h-100 pb-md-0 pb-3">

  312.                                 <div class="col-md-2 col-6">

  313.                                     <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">

  314.                                 </div>

  315.                                 <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>

  316.                             </div>

  317.                         </div>

  318.                     </div>

  319.                     <div class="row p-md-3">

  320.                         <div class="col-6">

  321.                             <div class="row align-items-center h-100">

  322.                                 <div class="col-md-2 col-6">

  323.                                     <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">

  324.                                 </div>

  325.                                 <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle

  326.                                     high Temp upto 105<sup>o</sup></p>

  327.                             </div>

  328.                         </div>

  329.                         <div class="col-6">

  330.                             <div class="row align-items-center h-100">

  331.                                 <div class="col-md-2 col-6">

  332.                                     <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">

  333.                                 </div>

  334.                                 <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data_fyro">Decent

  335.                                     Battery backup</p>

  336.                             </div>

  337.                         </div>

  338.                     </div>

  339.                 </div>

  340.             </div>

  341. 

  342.         </section>

  343.         <section class="bg-black zeno_id">

  344.             <div class="container py-md-5 text-center text-white d-none">

  345.                 <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>

  346.                 <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU

  347.                         laptops and all-in-ones</strong> that offer exceptional performance and style.

  348.                     Built with state-of-the-art components, including the latest generation of

  349.                     Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>

  350.                 <div class="text-center">

  351.                     <img class="img-fluid" src="./dist/assets/imgs/allin_imgs/Asset 1.png" alt="">

  352.                 </div>

  353.                 <p class="font-1-2 mt-4 mb-5">

  354.                     Zeno products are designed to meet the needs of professionals, students, and

  355.                     anyone who requires a reliable and portable computing solution. With their advanced

  356.                     features, including customizable hotkeys, fingerprint recognition, and a variety of

  357.                     connectivity options, Zeno products offer the perfect blend of style and substance for

  358.                     those who want a high-performing computing experience in a compact package.

  359.                 </p>

  360.                 <div class="bg-blur border rounded-4 p-4 text-white">

  361.                     <div class="row p-md-3 text-center">

  362.                         <div class="col-4 border-end">

  363.                             <div>

  364.                                 <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">

  365.                             </div>

  366.                             <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>

  367.                         </div>

  368.                         <div class="col-4 border-end">

  369.                             <div>

  370.                                 <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">

  371.                             </div>

  372.                             <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors

  373.                             </p>

  374.                         </div>

  375.                         <div class="col-4">

  376.                             <div>

  377.                                 <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">

  378.                             </div>

  379.                             <p class="p-2 mb-0 font-1-5" id="overview_data_zeno">Stunning Display</p>

  380.                         </div>

  381.                     </div>

  382.                 </div>

  383.             </div>

  384.         </section>

  385.         <div class="loadingCall">

  386.             <div class="spinner-border" role="status">

  387.                 <span class="visually-hidden">Loading...</span>

  388.             </div>

  389.         </div>

  390.         <div class="container mainContanierProduct d-none section-two">

  391.             <div class="row">

  392.                 <div class="col-xl-5 ">

  393.                     <div class="left_anwi_img">

  394.                         <div class=" productDetailsShadow productDetailsMain  card border-0 box-shodow">

  395.                             <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid success-img p-5" id="main_show_img">

  396.                         </div>

  397.                     </div>

  398.                     

  399.                     <div class=" bgproductDGen  border-0 d-none">

  400.                         <div class="row">

  401.                             <div class="d-none">

  402.                                 <div class=" flex-column gap-2 p-2 d-none">

  403.                                     <input type="hidden" id="productidtag">

  404.                                     <input type="hidden" id="itemidtag">

  405.                                      <div class="product-item-gallery active-gallery-img">

  406.                                         <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""

  407.                                             class="w-100 h-100">

  408.                                     </div>

  409.                                     <div class="product-item-gallery ">

  410.                                         <img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""

  411.                                             class="w-100 h-100">

  412.                                     </div>

  413.                                     <div class="product-item-gallery ">

  414.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""

  415.                                             class="w-100 h-100">

  416.                                     </div>

  417.                                     <div class="product-item-gallery ">

  418.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"

  419.                                             alt="" class="w-100 h-100">

  420.                                     </div>

  421.                                     <div class="product-item-gallery ">

  422.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""

  423.                                             class="w-100 h-100">

  424.                                     </div>

  425.                                 </div>

  426.                             </div>

  427.                             <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">

  428.                                 <!-- <div class=" productDetailsShadow productDetailsMain  card border-0 box-shodow d-flex justify-content-center align-items-center">

  429.                                     <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid success-img" id="main_show_img">

  430.                                 </div> -->

  431.                             </div>

  432. 

  433.                         </div>

  434.                     </div>

  435.                 </div>

  436.                 <div class="col-xl-7  p-3 pt-0 productDetailsShadow">

  437.                     <div class="card border-0 mt-1">

  438.                         <div class="preorderimgcontainer">

  439.                             <img src="./dist/assets/imgs/redorder.png" class="w-100 h-100 img-fluid" alt="">

  440.                         </div>

  441.                         <div>

  442.                             <div>

  443.                                 <input type="hidden" name="" id="skudetailitem">

  444.                                 <h5 class="productname">ORA3, M.2 NVMe SSD </h5>

  445.                             </div>

  446.                             <div class="small-font des_productdes"></div>

  447.                             <div><span class="price"></span></div>

  448.                             <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>

  449.                         </div>

  450. 

  451.                         <hr>

  452. 

  453.                         <!-- <div class="d-none">

  454.                             <h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics

  455.                             </h5>

  456.                             <div class="d-flex gap-2">

  457.                                 <div class="specsmallcard  borderselector card small-font  p-3">

  458.                                     Intel® Core i5-9400F

  459.                                 </div>

  460.                                 <div class="specsmallcard card small-font  p-3">

  461.                                     Intel® Core i5-9400F

  462.                                 </div>

  463.                             </div>

  464.                         </div> -->

  465.                         <div class="pb-2 d-none">

  466.                             <h5 class="pt-2 smallHeadingProductDetails">Colors</h5>

  467.                             <!-- <div class="d-flex gap-2 colors-display-container">

  468.                             

  469.                            </div> -->

  470.                             <div class="d-flex gap-2 ">

  471.                                 <div class="color-display-img color-display-img-active">

  472.                                     <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">

  473.                                 </div>

  474.                                 <div class="color-display-img ">

  475.                                     <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">

  476.                                 </div>

  477.                                 <div class="color-display-img ">

  478.                                     <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" class="w-100 h-100">

  479.                                 </div>

  480.                             </div>

  481.                         </div>

  482.                         <div id="spec-container-details">

  483. 

  484.                         </div>

  485. 

  486. 

  487.                         <!-- <div class="pb-2 memory-parent d-none">

  488.                             <h5 class="py-2 smallHeadingProductDetails">Memory</h5>

  489.                             <div class="d-flex gap-2 memorycontainer">

  490.                                 <div data-type="memory-desktop"

  491.                                     class="specsmallcard borderselector card small-font  p-3">

  492.                                     Desktop

  493.                                 </div>

  494.                                 <div data-type="memory-laptop" class="specsmallcard card small-font   p-3">

  495.                                     Laptop

  496.                                 </div>

  497.                             </div>

  498.                         </div>

  499. 

  500.                         <div class="memory-details d-none">

  501.                             <h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>

  502.                             <div class="d-flex gap-2 pb-2 ramtech">

  503.                                 <div type="button" onclick="onClickHandler(this)"

  504.                                     class="specsmallcard-mini borderselector card small-font  p-3">

  505.                                     DDR4

  506.                                 </div>

  507.                                 <div type="button" onclick="onClickHandler(this)"

  508.                                     class="specsmallcard-mini card small-font   p-3">

  509.                                     DDR5

  510.                                 </div>

  511.                             </div>

  512. 

  513.                             <div>

  514.                                 <h5 class="py-2 smallHeadingProductDetails">Computer Memory Size</h5>

  515.                                 <div class="d-flex gap-2 computersize">

  516. 

  517.                                     <div type="button" onclick="onClickHandler(this)"

  518.                                         class="specsmallcard-mini borderselector card small-font  p-3">

  519.                                         8 GB

  520.                                     </div>

  521.                                     <div type="button" onclick="onClickHandler(this)"

  522.                                         class="specsmallcard-mini card small-font   p-3">

  523.                                         16 GB

  524.                                     </div>

  525.                                     <div type="button" onclick="onClickHandler(this)"

  526.                                         class="specsmallcard-mini card small-font   p-3">

  527.                                         32 GB

  528.                                     </div>

  529.                                 </div>

  530.                             </div>

  531.                         </div> -->

  532. 

  533. 

  534. 

  535. 

  536.                         <!-- <div class="pb-2 d-none">

  537.                             <h5 class="py-2 smallHeadingProductDetails">Storage</h5>

  538.                             <div class="d-flex gap-2">

  539.                                 <div class="specsmallcard borderselector card small-font  p-3">

  540. 

  541.                                     256 GB SSD Capacity

  542. 

  543.                                 </div>

  544.                                 <div class="specsmallcard card small-font   p-3">

  545.                                     1 TB SSD Capacity

  546.                                 </div>

  547.                             </div>

  548.                         </div> -->

  549. 

  550. 

  551.                         <div class="d-none">

  552.                             <div class="d-flex justify-content-between align-items-center py-3">

  553.                                 <h5 class="my-3 smallHeadingProductDetails">Quantity</h5>

  554.                                 <a href="shopping-cart.html">

  555.                                     <!-- <div class="btn btn-sm btn-success ">Add To Cart</div> -->

  556.                                     <a class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>

  557.                                 </a>

  558.                             </div>

  559.                             <div class="d-flex">

  560.                                 <span class="qtybtn qtybtleft bgGreyLight">-</span>

  561.                                 <span class=" border-top border-bottom">

  562.                                     <span class="px-2">1</span>

  563.                                 </span>

  564.                                 <span class="qtybtn qtybtright bgGreyLight">+</span>

  565.                             </div>

  566.                         </div>

  567.                        

  568.                         <div class="d-none">

  569.                             <div class="small-font">Check if stock is available at your pincode

  570.                             </div>

  571.                             <div>

  572.                                 <div class="mb-3 d-flex border">

  573.                                     <input class="form-control small-font border-0"

  574.                                         placeholder="input your pincode to check" type="text" id="formFile">

  575.                                     <button class="border-0 small-font px-2">Check</button>

  576. 

  577.                                 </div>

  578.                             </div>

  579.                         </div>

  580.                         <hr class="d-none">

  581.                         <div>

  582.                             <ul class="d-none">

  583.                                 <li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn

  584.                                         More</a></li>

  585.                                 <li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"

  586.                                         href="">Learn More</a></li>

  587.                                 <li class="small-font">Avail No Cost EMI offer with BFL EMI Network Card<a

  588.                                         class="learnMoreA" href="">Learn More</a></li>

  589.                                 <li class="small-font">

  590.                                     Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>

  591.                                 </li>

  592.                             </ul>

  593.                         </div>

  594.                         <hr>

  595.                         <div class="pb-2 quantityHTML" id="specification_data">

  596.                             <span>Quantity :</span>

  597.                             <select name="quantity" id="quantity">

  598.                                 <option value="1">1</option>

  599.                                 <option value="2">2</option>

  600.                                 <option value="3">3</option>

  601.                                 <option value="4">4</option>

  602.                                 <option value="5">5</option>

  603.                                 <option value="6">6</option>

  604.                                 <option value="7">7</option>

  605.                                 <option value="8">8</option>

  606.                                 <option value="9">9</option>

  607.                                 <option value="10">10</option>

  608. 

  609. 

  610.                             </select>

  611.                         </div>

  612.                         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>

  613.                         <div class=" d-flex  gap-2 mt-2">

  614.                             <button id="addtocart" class="w-100 bg-gradient-anwi  btn bg-black text-white"

  615.                                 style="border-radius: 5px;">

  616.                                 Add to cart

  617.                             </button>

  618.                             <button class="w-100 btn bg-gradient-anwi buynow bg-black text-white"

  619.                                 style="border-radius: 5px;">

  620.                                 Buy Now

  621.                             </button>

  622.                         </div>

  623. 

  624. 

  625.                     </div>

  626. 

  627.                 </div>

  628.             </div>

  629. 

  630.             <!-- tabs -->

  631.             <div class="row tabsContainer">

  632.                 <div class="col-lg-12">

  633.                     <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4" role="tablist">

  634.                         <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1"  aria-selected="true" role="tab">Description</a> -->

  635. 

  636.                         <a href="#des-details2" aria-selected="false" role="tab" class="fw-600 font-1-5 no-transition w-100 text-center py-2 bg-gray-background" tabindex="-1">Specification</a>

  637. 

  638.                     </div>

  639.                     <div class="tab-content dec-review-bottom">

  640.                         <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">

  641.                             <div class="description-wrap wrap-content-product-tabs">

  642.                                <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>

  643.                             </div>

  644.                         </div> -->

  645.                         <div id="des-details2" class="tab-pane active show" role="tabpanel">

  646.                             <!-- <div class="specification-wrap table-responsive">

  647.                                 <table class="table table-bordered wrap-content-product-tabs">

  648.                                     <tbody class="append-specs">

  649.                                         <tr>

  650.                                             <td class="width1">Data Transfer Rate</td>

  651.                                             <td>Anwi Ram</td>

  652.                                         </tr>

  653.                                         <tr>

  654.                                             <td>Memory Speed</td>

  655.                                             <td>3200</td>

  656.                                         </tr>

  657.                                        

  658.                                     </tbody>

  659.                                 </table>

  660.                             </div> -->

  661.                             <div class="specContainer mt-3">

  662.                             <!-- <div class="d-flex gap-5 specContainer mt-3"> -->

  663.                                 <div class="specContainerleft">

  664.                                     <div class="accordion custom-accordion text-dark" id="faqAccordion">

  665.                                         <!-- <div class="accordion-item custom-accordion-item">

  666.                                             <h2 class="accordion-header  custom-accordion-header" id="questionOneHeader">

  667.                                                 <button class="accordion-button bg-white text-dark custom-accordion-button" type="button"

  668.                                                     data-bs-toggle="collapse" data-bs-target="#answerOne" aria-expanded="true"

  669.                                                     aria-controls="answerOne">

  670.                                                

  671.                                                     <div id="answerOne" class="accordion-collapse  collapse show custom-accordion-content"

  672.                                                 aria-labelledby="questionOneHeader" data-bs-parent="#faqAccordion">

  673.                                                 <div class="accordion-body custom-accordion-body">

  674.                                                    

  675.                     Windows 11 Home/Windows 11 Pro

  676.                                                 </div>

  677.                                             </div>

  678.                                                 </button>

  679.                                             </h2>

  680.                                             

  681.                                         </div> -->

  682.                     

  683.                                         <div class="accordion-item  border-x-none py-4">

  684.                                             <h2 class="accordion-header" id="${mainid}">

  685.                                               <button class=" accordion-button  bg-white text-dark " type="button" data-bs-toggle="collapse" data-bs-target="#${id}_child" aria-expanded="true" aria-controls="${id}_child">

  686.                                               <span class="font-weight-600 font-5 text-dark acc-specs-name">${name}</span>

  687.                                               </button>

  688.                                             </h2>

  689.                                             <div>

  690.                                            

  691.                                            

  692.                                             <div id="${id}_child" class="accordion-collapse collapse  w-100 show" aria-labelledby="${mainid}">

  693.                                                 <div class="accordion-body   d-flex justify-content-right">

  694.                                                 <div class="text-secondary">${body}</div>

  695.                                                 </div>

  696.                                               

  697.                                           </div>

  698.                                           

  699.                                           </div>

  700.                                         </div>

  701.                                         

  702.                     

  703.                                         <div class="accordion-item">

  704.                                             <h2 class="accordion-header" id="panelsStayOpen-headingOne">

  705.                                               <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">

  706.                                                 <span class="font-weight-600 font-1-5 text-dark"> Operating System</span>

  707.                                                 <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">

  708.                                                     <div class="accordion-body">

  709.                                                       <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.

  710.                                                     </div>

  711.                                                   </div>

  712.                                               </button>

  713.                                             </h2>

  714.                                             

  715.                                           </div>

  716.                                         <!-- ... other accordion items ... -->

  717.                                     </div>

  718. 

  719.                                 </div>

  720.                                 <div class="specContainerRight">

  721. 

  722.                                     <div class="">

  723.                                         <div class="row  border-bottom">

  724.                                             <div class="col-sm-6 bg-gray-3">

  725.                                                 Item part number

  726.                                             </div>

  727.                                             <div class="col-sm-6">

  728.                                                 AWLD54816M

  729.                                             </div>

  730.                                         </div>

  731.                                     </div>

  732.                                     <div class="">

  733.                                         <div class="row  border-bottom">

  734.                                             <div class="col-sm-6 bg-gray-3">

  735.                                                 RAM Size

  736.                                             </div>

  737.                                             <div class="col-sm-6">

  738.                                                 16 GB

  739.                                             </div>

  740.                                         </div>

  741.                                     </div>

  742.                                     <div class="">

  743.                                         <div class="row  border-bottom">

  744.                                             <div class="col-sm-6 bg-gray-3">

  745.                                                 Ram Memory Technology

  746.                                             </div>

  747.                                             <div class="col-sm-6">

  748.                                                 DDR5, SO-DIMM

  749. 

  750.                                             </div>

  751.                                         </div>

  752.                                     </div>

  753.                                 </div>

  754.                             </div>

  755.                         </div>

  756. 

  757.                     </div>

  758.                 </div>

  759. 

  760.             </div>

  761. 

  762.           

  763.         </div>

  764.     </main>

  765.     <!-- footer -->

  766.     <div id="footer-head" class="sec-space-1"></div>

  767.     <!-- end-footer -->

  768. 

  769. 

  770.     <!-- <script src="https://player.vimeo.com/api/player.js"></script> -->

  771.     <script src="./dist/js/components/authloader/authloader.js"></script>

  772.     <script src="./dist/js/jquery.min.js"></script>

  773.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  774.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  775.     <script src="./libs/axios.min.js"></script>

  776.     <script src="./libs/cookies.min.js"></script>

  777.     <script src="./dist/js/fontawesome.all.js"></script>

  778.     <script src="./dist/js/fontawesome.min.js"></script>

  779.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  780.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  781.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  782.     <!-- <script src="./dist/js/vendor/bootstrap.min.js"></script> -->

  783.     <script src="./dist/js/plugins/slick.js"></script>

  784.     <script src="./dist/js/plugins/wow.js"></script>

  785.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  786.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  787.     <script src="./dist/js/plugins/mouse-parallax.js"></script>

  788.     <script src="./dist/js/plugins/images-loaded.js"></script>

  789.     <script src="./dist/js/plugins/isotope.js"></script>

  790.     <script src="./dist/js/plugins/jquery-ui.js"></script>

  791.     <script src="./dist/js/plugins/magnific-popup.js"></script>

  792.     <script src="./dist/js/validate.min.js"></script>

  793.     <script src="./dist/toaster/toastr.js"></script>

  794.     <script src="./dist/js/utils/helpers.js"></script>

  795.     <script src="./dist/js/auth/apiservice.js"></script>

  796.     <script src="./dist/js/shoppingcart/addtocart.js"></script>

  797. 

  798.     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>

  799.     <!-- <script src="./dist/js/productdetails/productdetails.js"></script> -->

  800.     <script src="./dist/js/navbar.js"></script>

  801.     <script src="./dist/js/footer.js"></script>

  802.     <script src="./dist/js/main.js"></script>

  803.     <script src="./dist/js/productdetails/laptopd.js"></script>

  804. 

  805. 

  806.     <script>

  807.         

  808.         let searchTerm = window.location.search.split('?')[1]?.toLowerCase();

  809.         

  810.         if (searchTerm) {

  811.             if (searchTerm == 'zeno') {

  812.                 $('.fyro_id').addClass('d-none');

  813.                 // $('.zeno_id').removeClass('d-none');

  814.                 $('.productitemnamefull').html('Zeno');

  815.             } else if (searchTerm == 'fyro') {

  816.                 $('.zeno_id').addClass('d-none');

  817.                 // $('.fyro_id').removeClass('d-none');

  818.                 $('.productitemnamefull').html('Fyro');

  819.             } else if (searchTerm == "aio%20zeno") {

  820.                 $('.fyro_id').addClass('d-none');

  821.                 // $('.zeno_id').removeClass('d-none');

  822.             } else if (searchTerm == "aio%20fyro") {

  823.                 $('.zeno_id').addClass('d-none');

  824.                 // $('.fyro_id').removeClass('d-none');

  825.             }

  826.         } else {

  827.             $('.productitemnamefull').parent().addClass('d-none');

  828.         }

  829. 

  830. 

  831. 

  832.         let ram_page = window.location.pathname;

  833.         let loc_3 = ram_page.includes('laptops.html');

  834.         if (loc_3 === true) {

  835.              let imgs = `./dist/assets/imgs/anwi-logo-1.png`;

  836.             $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");

  837.              $(".logo-menu-wrap").find(".logo img").attr("src", imgs);

  838.             // $('.same-style').find('svg path').attr('fill', '#fff');

  839.             // $('svg path').attr('fill', '#fff');

  840.         }

  841.         let loc_path = '?FYRO'

  842.         if (window.location.href.includes(loc_path)) {

  843.             $(".sticky-bar").addClass("stick");

  844.             $(".satoshi_font").removeClass("text-white");

  845.              let imgs = `./dist/assets/imgs/anwi-logo-1.png`;

  846.              $(".logo-menu-wrap").find(".logo img").attr("src", imgs);

  847.              $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");

  848.             $("iframe").addClass("d-none");

  849.             $(".iframcontainer").addClass("d-none");

  850.             $(".fyro_id").find(".container").addClass("pt-5")

  851.         } else if (window.location.href.includes("?Zeno")) {

  852.             $(".sticky-bar").addClass("stick");

  853.             $(".satoshi_font").removeClass("text-white");

  854.             $("iframe").removeClass("d-none");

  855.             $(".iframcontainer").removeClass("d-none");

  856.             // if($(window).width()<=768){

  857.             //     $("iframe").attr("width","100%").attr("height","300")

  858.             // }

  859.             let imgs = `./dist/assets/imgs/anwi-logo-1.png`;

  860.              $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");

  861.             $(".logo-menu-wrap").find(".logo img").attr("src", imgs);

  862.             $('.same-style').find('svg path').attr('fill', '#000');

  863.             $('svg path').attr('fill', '#000');

  864.         }

  865. 

  866.         let product_page = window.location.pathname;

  867.         let loc = product_page.includes('?FYRO');

  868.         if (loc === true) {

  869.             $(".fyro_id").addClass("d-none");

  870.         } else {

  871. 

  872.             // laptopdetails.html

  873.             // $(".sub_nav_container").removeClass("d-none");

  874.         }

  875. 

  876. 

  877.         setTimeout(function (){

  878.             $(".header-bottom").addClass("bg-white");

  879.             $(".sticky-bar").addClass("stick");

  880.             $(".main-menu").find("nav a.satoshi_font").removeClass("text-white");

  881.             let imgs = `./dist/assets/imgs/anwi-logo-1.png`;

  882.             $('.same-style').find('svg path').attr('fill', '#000');

  883.             $('svg path').attr('fill', '#000');

  884.             $(".logo-menu-wrap").find(".logo img").attr("src", imgs);

  885.            

  886.         },1000);

  887. 

  888.         // $(".img-magnifier-glass").css("display", "none !important;");

  889. $(".productDetailsMain").on("mouseenter", function () {

  890.     let magnific_glass = $(".img-magnifier-glass").length;

  891.     if (magnific_glass > 1) {

  892.         for (let i = 1; i < magnific_glass; i++) {

  893.             let val = i-1;

  894.             $(".img-magnifier-glass")[val].remove();

  895.         }

  896.     }

  897.     

  898.     $(".img-magnifier-glass").removeClass("d-none")

  899. })

  900. $(".productDetailsMain").on("mouseleave", function () {

  901.     $(".img-magnifier-glass").addClass("d-none")

  902. })

  903. 

  904.     </script>

  905. 

  906. </body>

  907. 

  908. </html>