rahul.katari
/
anwisystems
關註 1
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
12 Commit
1 分支
分支: master
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
anwisystems/laptopdetails.html

laptopdetails.html 46KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3.   <head>

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

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

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

  7.     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  8.     <link rel="stylesheet" href="./all.css" />

  9. 

  10.     <title>Anwi</title>

  11.     <style>

  12.       .img-magnifier-glass {

  13.         position: absolute;

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

  15.         cursor: none;

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

  17.         width: 370px;

  18.         height: 310px;

  19.         z-index: 10;

  20.       }

  21. 

  22.       .product_details {

  23.         right: 100px;

  24.         top: 40%;

  25.       }

  26. 

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

  28.         display: -webkit-box;

  29.         display: -webkit-flex;

  30.         display: -ms-flexbox;

  31.         display: flex;

  32.         align-content: flex-start;

  33.         align-items: flex-start;

  34.         justify-content: space-between;

  35.         flex-wrap: wrap;

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

  37.       }

  38. 

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

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

  41.           min-height: 582px;

  42.         }

  43.       }

  44. 

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

  46.         padding: 56px 0;

  47.       }

  48. 

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

  50.         position: relative;

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

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

  53.         min-height: 368px;

  54.         margin-bottom: 24px;

  55.         background-color: #fff;

  56.         border-radius: 24px;

  57.       }

  58. 

  59.       .products-display-box .card-box {

  60.         position: relative;

  61.         height: 100%;

  62.       }

  63. 

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

  65.         padding: 0 32px;

  66.       }

  67. 

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

  69.         margin-right: 12px;

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

  71.         background-color: #fff;

  72.         border-radius: 24px;

  73.         display: -webkit-box;

  74.         display: -webkit-flex;

  75.         display: -ms-flexbox;

  76.         display: flex;

  77.         flex-wrap: wrap;

  78.         justify-content: center;

  79.         align-items: center;

  80.         align-content: center;

  81.       }

  82. 

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

  84.         .products-display-box,

  85.         .products-display-box.init-editor,

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

  87.           min-height: 1188px;

  88.         }

  89.       }

  90. 

  91.       .bg-zeno-light {

  92.         background-color: #f5f5f5;

  93.       }

  94. 

  95.       .card-title {

  96.         margin-bottom: 16px;

  97.         font-size: 18px;

  98.         line-height: 1.375;

  99.         font-weight: bold;

  100.       }

  101. 

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

  103.         word-break: break-word;

  104.         height: 33px;

  105.       }

  106. 

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

  108.         margin-bottom: 8px;

  109.         line-height: 1.2;

  110.         color: #757575;

  111.         word-break: break-word;

  112.       }

  113. 

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

  115.         margin-bottom: 24px;

  116.         font-size: 13px;

  117.         line-height: 20px;

  118.         list-style: none;

  119.         height: 62.7812px;

  120.       }

  121. 

  122.       .productDetailsShadow {

  123.         position: relative;

  124.       }

  125. 

  126.       /* .left_anwi_img{

  127.     position: sticky;

  128.     top: 40px;

  129. } */

  130.       #main_show_img {

  131.         cursor: pointer;

  132.       }

  133.     </style>

  134.   </head>

  135. 

  136.   <body>

  137.     <!-- navbar -->

  138.     <auth-loader></auth-loader>

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

  140.     <!-- end-navbar -->

  141.     <!-- main-body -->

  142.     <main

  143.       class="main-body home-main-container loading-main"

  144.       id="home-main-container"

  145.     >

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

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

  148.           <div class="text-center text-white"></div>

  149.         </div>

  150.       </section>

  151.       <section class="py-5 d-none">

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

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

  154.             <div>

  155.               <input type="hidden" name="" id="skudetailitem" />

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

  157.             </div>

  158.           </div>

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

  160.             <img

  161.               src="./dist/assets/imgs/new_img/main_banner.webp"

  162.               class="w-100"

  163.             />

  164.           </div>

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

  166.             <div>

  167.               <input type="hidden" name="" id="skudetailitem" />

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

  169.             </div>

  170.           </div>

  171.         </div>

  172.       </section>

  173.       <section class="py-5 bg-zeno-light d-none">

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

  175.           <div class="row">

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

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

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

  179.                   <div class="card-title pt-4">

  180.                     FYRO Flagship - 17.3 - I9 13900HX - RTX 4080

  181.                   </div>

  182.                 </a>

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

  184.                   <img

  185.                     class="pc-mb show success-img left-block pt-5"

  186.                     alt="card-img"

  187.                     src="./dist/assets/imgs/new_img/lappy1.png"

  188.                     height="450px"

  189.                     width="450px"

  190.                   />

  191.                 </a>

  192.               </div>

  193.             </div>

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

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

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

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

  198.                     <a

  199.                       href="#"

  200.                       class="card-img-box mb-show ga-pdp-link"

  201.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  202.                       data-position="1"

  203.                     >

  204.                       <img

  205.                         class="w-75 pc-mb show success-img"

  206.                         alt="card-img"

  207.                         src="./dist/assets/imgs/new_img/lappy2.png"

  208.                       />

  209.                     </a>

  210.                     <a

  211.                       href="#"

  212.                       class="ga-pdp-link"

  213.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  214.                       data-position="1"

  215.                     >

  216.                       <div class="card-title">

  217.                         FYRO Flagship - 17.3 - I9 13900HX - RTX 4090

  218.                       </div>

  219.                     </a>

  220.                     <!-- <div>

  221.                                         13th Gen Intel® Core™ Processor

  222.                                     </div> -->

  223.                   </div>

  224.                 </div>

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

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

  227.                     <a

  228.                       href="#"

  229.                       class="card-img-box mb-show ga-pdp-link"

  230.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  231.                       data-position="1"

  232.                     >

  233.                       <img

  234.                         class="w-75 pc-mb show success-img"

  235.                         alt="card-img"

  236.                         src="./dist/assets/imgs/new_img/lappy3.png"

  237.                       />

  238.                     </a>

  239.                     <a

  240.                       href="#"

  241.                       class="ga-pdp-link"

  242.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  243.                       data-position="1"

  244.                     >

  245.                       <div class="card-title">

  246.                         FYRO Flagship - 17.3 - I9 13900HX - RTX 4060

  247.                       </div>

  248.                     </a>

  249.                     <!-- <div>

  250.                                         13th Gen Intel® Core™ Processor

  251.                                     </div> -->

  252.                   </div>

  253.                 </div>

  254.               </div>

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

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

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

  258.                     <a

  259.                       href="#"

  260.                       class="card-img-box mb-show ga-pdp-link"

  261.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  262.                       data-position="1"

  263.                     >

  264.                       <img

  265.                         class="w-75 pc-mb show success-img"

  266.                         alt="card-img"

  267.                         src="./dist/assets/imgs/new_img/lappy4.png"

  268.                       />

  269.                     </a>

  270.                     <a

  271.                       href="#"

  272.                       class="ga-pdp-link"

  273.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  274.                       data-position="1"

  275.                     >

  276.                       <div class="card-title">

  277.                         FYRO Flagship - 17.3 - I9 13900HX - RTX 3050

  278.                       </div>

  279.                     </a>

  280.                     <!-- <div>

  281.                                         13th Gen Intel® Core™ Processor

  282.                                     </div> -->

  283.                   </div>

  284.                 </div>

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

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

  287.                     <a

  288.                       href="#"

  289.                       class="card-img-box mb-show ga-pdp-link"

  290.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  291.                       data-position="1"

  292.                     >

  293.                       <img

  294.                         class="w-75 pc-mb show success-img"

  295.                         alt="card-img"

  296.                         src="./dist/assets/imgs/new_img/lappy5.png"

  297.                       />

  298.                     </a>

  299.                     <a

  300.                       href="#"

  301.                       class="ga-pdp-link"

  302.                       data-nameforga="products_display_HUAWEI MateBook X Pro"

  303.                       data-position="1"

  304.                     >

  305.                       <div class="card-title">

  306.                         FYRO Flagship - 17.3 - I7-13700H - RTX 4090

  307.                       </div>

  308.                     </a>

  309.                     <!-- <div>

  310.                                         13th Gen Intel® Core™ Processor

  311.                                     </div> -->

  312.                   </div>

  313.                 </div>

  314.               </div>

  315.             </div>

  316.           </div>

  317.         </div>

  318.       </section>

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

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

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

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

  323.                 </div>

  324.             </div> -->

  325.         <!-- <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> -->

  326. 

  327.         <div

  328.           class="iframcontainer d-none"

  329.           style="padding: 56.25% 0 0 0; position: relative;"

  330.         >

  331.           <iframe

  332.             class="d-none"

  333.             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"

  334.             frameborder="0"

  335.             allow="autoplay; fullscreen; picture-in-picture"

  336.             style="

  337.               position: absolute;

  338.               top: 0;

  339.               left: 0;

  340.               width: 100%;

  341.               height: 100%;

  342.             "

  343.             title="Zeno Sleekbook"

  344.           ></iframe>

  345.         </div>

  346.       </section>

  347. 

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

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

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

  351.             <h1 class="text-fyro">

  352.               Unleashing the Beasts of Creativity & Innovation with Graphics,

  353.               AI, and ML

  354.             </h1>

  355.             <p class="font-1-5 text-white">

  356.               FYRO products are the ultimate machines for graphics, AI, and ML

  357.               enthusiasts. With powerful Intel<sup>®</sup> processors and

  358.               advanced NVIDIA graphic cards,

  359.               <strong

  360.                 >FYRO laptops and all-in-ones deliver the raw power and

  361.                 performance</strong

  362.               >

  363.               needed to handle the most demanding workloads. Whether you're a

  364.               gamer, video editor, or AI researcher, FYRO has the tools you need

  365.               to unleash your creativity and push the boundaries of what's

  366.               possible.

  367.             </p>

  368.             <div>

  369.               <img

  370.                 src="./dist/assets/imgs/Home_new/Fyro_img.png"

  371.                 class="img-fluid w-50"

  372.                 alt=""

  373.               />

  374.             </div>

  375.           </div>

  376.           <p class="font-1-5 text-center mb-5 mt-4">

  377.             With sleek designs and customizable features, FYRO products are the

  378.             perfect blend of style and substance, offering unparalleled

  379.             performance and portability in a compact package. Join the FYRO

  380.             revolution and experience the power of next-gen computing today.

  381.           </p>

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

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

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

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

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

  387.                     <img

  388.                       src="./dist/assets/imgs/icons/Group 4475.svg"

  389.                       class="img-fluid"

  390.                     />

  391.                   </div>

  392.                   <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">

  393.                     Unmatched GPU Performance

  394.                   </p>

  395.                 </div>

  396.               </div>

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

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

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

  400.                     <img

  401.                       src="./dist/assets/imgs/icons/Group 4479.svg"

  402.                       class="img-fluid"

  403.                     />

  404.                   </div>

  405.                   <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">

  406.                     High-end Gaming Capabilities

  407.                   </p>

  408.                 </div>

  409.               </div>

  410.             </div>

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

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

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

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

  415.                     <img

  416.                       src="./dist/assets/imgs/icons/Asset 5.svg"

  417.                       class="img-fluid"

  418.                     />

  419.                   </div>

  420.                   <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">

  421.                     Thermal Tested to handle high Temp upto 105<sup>o</sup>

  422.                   </p>

  423.                 </div>

  424.               </div>

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

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

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

  428.                     <img

  429.                       src="./dist/assets/imgs/icons/Asset 4.svg"

  430.                       class="img-fluid"

  431.                     />

  432.                   </div>

  433.                   <p

  434.                     class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4"

  435.                     id="overview_data_fyro"

  436.                   >

  437.                     Decent Battery backup

  438.                   </p>

  439.                 </div>

  440.               </div>

  441.             </div>

  442.           </div>

  443.         </div>

  444.       </section>

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

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

  447.           <h1 class="text-blue-1 m-auto">

  448.             The compact powerhouse for your productivity

  449.           </h1>

  450.           <p class="font-1-5 my-4">

  451.             Zeno products are a range of

  452.             <strong

  453.               >sleek, powerful, and compact non-GPU laptops and

  454.               all-in-ones</strong

  455.             >

  456.             that offer exceptional performance and style. Built with

  457.             state-of-the-art components, including the latest generation of

  458.             Intel<sup>®</sup> processors,

  459.             <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong>

  460.           </p>

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

  462.             <img

  463.               class="img-fluid"

  464.               src="./dist/assets/imgs/allin_imgs/Asset 1.png"

  465.               alt=""

  466.             />

  467.           </div>

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

  469.             Zeno products are designed to meet the needs of professionals,

  470.             students, and anyone who requires a reliable and portable computing

  471.             solution. With their advanced features, including customizable

  472.             hotkeys, fingerprint recognition, and a variety of connectivity

  473.             options, Zeno products offer the perfect blend of style and

  474.             substance for those who want a high-performing computing experience

  475.             in a compact package.

  476.           </p>

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

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

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

  480.                 <div>

  481.                   <img

  482.                     src="./dist/assets/imgs/icons/Asset 9.svg"

  483.                     class="h-100p p-3"

  484.                   />

  485.                 </div>

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

  487.               </div>

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

  489.                 <div>

  490.                   <img

  491.                     src="./dist/assets/imgs/icons/Group 4492.svg"

  492.                     class="h-100p p-3"

  493.                   />

  494.                 </div>

  495.                 <p class="p-2 mb-0 font-1-5">

  496.                   Lightening-fast Intel<sup>®</sup> Processors

  497.                 </p>

  498.               </div>

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

  500.                 <div>

  501.                   <img

  502.                     src="./dist/assets/imgs/icons/Asset 8.svg"

  503.                     class="h-100p p-3"

  504.                   />

  505.                 </div>

  506.                 <p class="p-2 mb-0 font-1-5" id="overview_data_zeno">

  507.                   Stunning Display

  508.                 </p>

  509.               </div>

  510.             </div>

  511.           </div>

  512.         </div>

  513.       </section>

  514.       <div class="loadingCall">

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

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

  517.         </div>

  518.       </div>

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

  520.         <div class="row">

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

  522.             <div class="left_anwi_img bgproductDGen">

  523.               <div

  524.                 class="productDetailsShadow productDetailsMain card border-0 box-shodow"

  525.               >

  526.                 <img

  527.                   src="./dist/assets/imgs/nophoto.png"

  528.                   alt=""

  529.                   class="card-img img-fluid success-img p-5"

  530.                   id="main_show_img"

  531.                 />

  532.               </div>

  533.             </div>

  534. 

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

  536.               <div class="row">

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

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

  539.                     <input type="hidden" id="productidtag" />

  540.                     <input type="hidden" id="itemidtag" />

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

  542.                       <img

  543.                         src="./dist/assets/imgs/Navbar/Accessiories-1.png"

  544.                         alt=""

  545.                         class="w-100 h-100"

  546.                       />

  547.                     </div>

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

  549.                       <img

  550.                         src="./dist/assets/imgs/Navbar/Accessiories-2.png"

  551.                         alt=""

  552.                         class="w-100 h-100"

  553.                       />

  554.                     </div>

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

  556.                       <img

  557.                         src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png"

  558.                         alt=""

  559.                         class="w-100 h-100"

  560.                       />

  561.                     </div>

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

  563.                       <img

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

  565.                         alt=""

  566.                         class="w-100 h-100"

  567.                       />

  568.                     </div>

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

  570.                       <img

  571.                         src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png"

  572.                         alt=""

  573.                         class="w-100 h-100"

  574.                       />

  575.                     </div>

  576.                   </div>

  577.                 </div>

  578.                 <div

  579.                   class="col-xl-12"

  580.                   type="button"

  581.                   data-toggle="modal"

  582.                   data-target="#exampleModal"

  583.                 >

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

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

  586.                                 </div> -->

  587.                 </div>

  588.               </div>

  589.             </div>

  590.           </div>

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

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

  593.               <div class="preorderimgcontainer">

  594.                 <img

  595.                   src="./dist/assets/imgs/redorder.png"

  596.                   class="w-100 h-100 img-fluid"

  597.                   alt=""

  598.                 />

  599.               </div>

  600.               <div>

  601.                 <div>

  602.                   <input type="hidden" name="" id="skudetailitem" />

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

  604.                 </div>

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

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

  607.                 <div class="text-danger msgErrorDetailsItem d-none">

  608.                   Product out of stock

  609.                 </div>

  610.               </div>

  611. 

  612.               <hr />

  613. 

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

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

  616.                             </h5>

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

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

  619.                                     Intel® Core i5-9400F

  620.                                 </div>

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

  622.                                     Intel® Core i5-9400F

  623.                                 </div>

  624.                             </div>

  625.                         </div> -->

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

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

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

  629.                             

  630.                            </div> -->

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

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

  633.                     <img

  634.                       src="./dist/assets/imgs/allinone/onesection.png"

  635.                       alt=""

  636.                       class="w-100 h-100"

  637.                     />

  638.                   </div>

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

  640.                     <img

  641.                       src="./dist/assets/imgs/allinone/onesection.png"

  642.                       alt=""

  643.                       class="w-100 h-100"

  644.                     />

  645.                   </div>

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

  647.                     <img

  648.                       src="./dist/assets/imgs/Navbar/Accessiories-1.png"

  649.                       alt=""

  650.                       class="w-100 h-100"

  651.                     />

  652.                   </div>

  653.                 </div>

  654.               </div>

  655.               <div id="spec-container-details"></div>

  656. 

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

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

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

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

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

  662.                                     Desktop

  663.                                 </div>

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

  665.                                     Laptop

  666.                                 </div>

  667.                             </div>

  668.                         </div>

  669. 

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

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

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

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

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

  675.                                     DDR4

  676.                                 </div>

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

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

  679.                                     DDR5

  680.                                 </div>

  681.                             </div>

  682. 

  683.                             <div>

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

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

  686. 

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

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

  689.                                         8 GB

  690.                                     </div>

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

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

  693.                                         16 GB

  694.                                     </div>

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

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

  697.                                         32 GB

  698.                                     </div>

  699.                                 </div>

  700.                             </div>

  701.                         </div> -->

  702. 

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

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

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

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

  707. 

  708.                                     256 GB SSD Capacity

  709. 

  710.                                 </div>

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

  712.                                     1 TB SSD Capacity

  713.                                 </div>

  714.                             </div>

  715.                         </div> -->

  716. 

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

  718.                 <div

  719.                   class="d-flex justify-content-between align-items-center py-3"

  720.                 >

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

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

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

  724.                     <a

  725.                       class="btn btn-dark button_dark"

  726.                       href="shopping-cart.html"

  727.                       >Add To Cart</a

  728.                     >

  729.                   </a>

  730.                 </div>

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

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

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

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

  735.                   </span>

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

  737.                 </div>

  738.               </div>

  739. 

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

  741.                 <div class="small-font">

  742.                   Check if stock is available at your pincode

  743.                 </div>

  744.                 <div>

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

  746.                     <input

  747.                       class="form-control small-font border-0"

  748.                       placeholder="input your pincode to check"

  749.                       type="text"

  750.                       id="formFile"

  751.                     />

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

  753.                   </div>

  754.                 </div>

  755.               </div>

  756.               <hr class="d-none" />

  757.               <div>

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

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

  760.                     No Cost EMI Available

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

  762.                   </li>

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

  764.                     Buy Anwi Extended Warranty 1 Year at ₹2,699

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

  766.                   </li>

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

  768.                     Avail No Cost EMI offer with BFL EMI Network Card<a

  769.                       class="learnMoreA"

  770.                       href=""

  771.                       >Learn More</a

  772.                     >

  773.                   </li>

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

  775.                     Anwi Notebook Pro Drivers<a class="learnMoreA" href=""

  776.                       >Learn More</a

  777.                     >

  778.                   </li>

  779.                 </ul>

  780.               </div>

  781.               <hr />

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

  783.                 <span>Quantity :</span>

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

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

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

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

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

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

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

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

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

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

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

  795.                 </select>

  796.               </div>

  797.               <div class="text-danger pt-2 insufficientqty d-none">

  798.                 Insufficient quantity

  799.               </div>

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

  801.                 <button

  802.                   id="addtocart"

  803.                   class="w-100 bg-gradient-anwi btn bg-black text-white"

  804.                   style="border-radius: 5px;"

  805.                 >

  806.                   Add to cart

  807.                 </button>

  808.                 <button

  809.                   class="w-100 btn bg-gradient-anwi buynow bg-black text-white"

  810.                   style="border-radius: 5px;"

  811.                 >

  812.                   Buy Now

  813.                 </button>

  814.               </div>

  815.             </div>

  816.           </div>

  817.         </div>

  818. 

  819.         <!-- tabs -->

  820.         <div class="row tabsContainer">

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

  822.             <div

  823.               class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4"

  824.               role="tablist"

  825.             >

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

  827. 

  828.               <a

  829.                 href="#des-details2"

  830.                 aria-selected="false"

  831.                 role="tab"

  832.                 class="fw-600 font-1-5 no-transition w-100 text-center py-2 bg-gray-background"

  833.                 tabindex="-1"

  834.                 >Specification</a

  835.               >

  836.             </div>

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

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

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

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

  841.                             </div>

  842.                         </div> -->

  843.               <div

  844.                 id="des-details2"

  845.                 class="tab-pane active show"

  846.                 role="tabpanel"

  847.               >

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

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

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

  851.                                         <tr>

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

  853.                                             <td>Anwi Ram</td>

  854.                                         </tr>

  855.                                         <tr>

  856.                                             <td>Memory Speed</td>

  857.                                             <td>3200</td>

  858.                                         </tr>

  859.                                        

  860.                                     </tbody>

  861.                                 </table>

  862.                             </div> -->

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

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

  865.                   <div class="specContainerleft">

  866.                     <div

  867.                       class="accordion custom-accordion text-dark"

  868.                       id="faqAccordion"

  869.                     >

  870.                       <div class="accordion-item custom-accordion-item">

  871.                         <h2

  872.                           class="accordion-header custom-accordion-header"

  873.                           id="questionOneHeader"

  874.                         >

  875.                           <button

  876.                             class="accordion-button bg-white text-dark custom-accordion-button"

  877.                             type="button"

  878.                             data-bs-toggle="collapse"

  879.                             data-bs-target="#answerOne"

  880.                             aria-expanded="true"

  881.                             aria-controls="answerOne"

  882.                           >

  883.                             <div

  884.                               id="answerOne"

  885.                               class="accordion-collapse collapse show custom-accordion-content"

  886.                               aria-labelledby="questionOneHeader"

  887.                               data-bs-parent="#faqAccordion"

  888.                             >

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

  890.                                 Windows 11 Home/Windows 11 Pro

  891.                               </div>

  892.                             </div>

  893.                           </button>

  894.                         </h2>

  895.                       </div>

  896. 

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

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

  899.                           <button

  900.                             class="accordion-button bg-white text-dark"

  901.                             type="button"

  902.                             data-bs-toggle="collapse"

  903.                             data-bs-target="#${id}_child"

  904.                             aria-expanded="true"

  905.                             aria-controls="${id}_child"

  906.                           >

  907.                             <span

  908.                               class="font-weight-600 font-5 text-dark acc-specs-name"

  909.                               >${name}</span

  910.                             >

  911.                           </button>

  912.                         </h2>

  913.                         <div>

  914.                           <div

  915.                             id="${id}_child"

  916.                             class="accordion-collapse collapse w-100 show"

  917.                             aria-labelledby="${mainid}"

  918.                           >

  919.                             <div

  920.                               class="accordion-body d-flex justify-content-right"

  921.                             >

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

  923.                             </div>

  924.                           </div>

  925.                         </div>

  926.                       </div>

  927. 

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

  929.                         <h2

  930.                           class="accordion-header"

  931.                           id="panelsStayOpen-headingOne"

  932.                         >

  933.                           <button

  934.                             class="accordion-button"

  935.                             type="button"

  936.                             data-bs-toggle="collapse"

  937.                             data-bs-target="#panelsStayOpen-collapseOne"

  938.                             aria-expanded="true"

  939.                             aria-controls="panelsStayOpen-collapseOne"

  940.                           >

  941.                             <span class="font-weight-600 font-1-5 text-dark">

  942.                               Operating System</span

  943.                             >

  944.                             <div

  945.                               id="panelsStayOpen-collapseOne"

  946.                               class="accordion-collapse collapse show"

  947.                               aria-labelledby="panelsStayOpen-headingOne"

  948.                             >

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

  950.                                 <strong

  951.                                   >This is the first item's accordion

  952.                                   body.</strong

  953.                                 >

  954.                                 It is shown by default, until the collapse

  955.                                 plugin adds the appropriate classes that we use

  956.                                 to style each element. These classes control the

  957.                                 overall appearance, as well as the showing and

  958.                                 hiding via CSS transitions. You can modify any

  959.                                 of this with custom CSS or overriding our

  960.                                 default variables. It's also worth noting that

  961.                                 just about any HTML can go within the

  962.                                 <code>.accordion-body</code>, though the

  963.                                 transition does limit overflow.

  964.                               </div>

  965.                             </div>

  966.                           </button>

  967.                         </h2>

  968.                       </div>

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

  970.                     </div>

  971.                   </div>

  972.                   <div class="specContainerRight">

  973.                     <div class="">

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

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

  976.                           Item part number

  977.                         </div>

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

  979.                           AWLD54816M

  980.                         </div>

  981.                       </div>

  982.                     </div>

  983.                     <div class="">

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

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

  986.                           RAM Size

  987.                         </div>

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

  989.                           16 GB

  990.                         </div>

  991.                       </div>

  992.                     </div>

  993.                     <div class="">

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

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

  996.                           Ram Memory Technology

  997.                         </div>

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

  999.                           DDR5, SO-DIMM

  1000.                         </div>

  1001.                       </div>

  1002.                     </div>

  1003.                   </div>

  1004.                 </div>

  1005.               </div>

  1006.             </div>

  1007.           </div>

  1008.         </div>

  1009.       </div>

  1010.     </main>

  1011.     <!-- footer -->

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

  1013.     <!-- end-footer -->

  1014. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1042. 

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

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

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

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

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

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

  1049. 

  1050.     <script>

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

  1052. 

  1053.       if (searchTerm) {

  1054.         if (searchTerm == "zeno") {

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

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

  1057.           $(".productitemnamefull").html("Zeno");

  1058.         } else if (searchTerm == "fyro") {

  1059.           $(".zeno_id").addClass("d-none");

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

  1061.           $(".productitemnamefull").html("Fyro");

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

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

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

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

  1066.           $(".zeno_id").addClass("d-none");

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

  1068.         }

  1069.       } else {

  1070.         $(".productitemnamefull").parent().addClass("d-none");

  1071.       }

  1072. 

  1073.       let ram_page = window.location.pathname;

  1074.       let loc_3 = ram_page.includes("laptops.html");

  1075.       if (loc_3 === true) {

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

  1077.         $(".main-menu")

  1078.           .find("nav ul li a")

  1079.           .addClass("text-dark")

  1080.           .removeClass("text-white");

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

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

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

  1084.       }

  1085.       let loc_path = "?FYRO";

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

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

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

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

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

  1091.         $(".main-menu")

  1092.           .find("nav ul li a")

  1093.           .removeClass("text-dark")

  1094.           .addClass("text-white");

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

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

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

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

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

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

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

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

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

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

  1105.         // }

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

  1107.         $(".main-menu")

  1108.           .find("nav ul li a")

  1109.           .removeClass("text-dark")

  1110.           .addClass("text-white");

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

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

  1113.         $("svg path").attr("fill", "#000");

  1114.       }

  1115. 

  1116.       let product_page = window.location.pathname;

  1117.       let loc = product_page.includes("?FYRO");

  1118.       if (loc === true) {

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

  1120.       } else {

  1121.         // laptopdetails.html

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

  1123.       }

  1124. 

  1125.       setTimeout(function () {

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

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

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

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

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

  1131.         $("svg path").attr("fill", "#000");

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

  1133.       }, 1000);

  1134. 

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

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

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

  1138.         if (magnific_glass > 1) {

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

  1140.             let val = i - 1;

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

  1142.           }

  1143.         }

  1144. 

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

  1146.       });

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

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

  1149.       });

  1150.     </script>

  1151.   </body>

  1152. </html>