sachin.ganesh
/
anwi_website
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики 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.
93 Ревизии
1 Клон
Клон: master
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'master'
${ noResults }
anwi_website/productcatloguedetails.html

productcatloguedetails.html 30KB
Постоянна връзка История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600 
  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="./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/allinone14inch.css" />

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  31.     <title>Anwi</title>

  32. </head>

  33. 

  34. <body class="">

  35.     <!-- navbar -->

  36.     <div id="navbar-head"></div>

  37.     <!-- end-navbar -->

  38.     <!-- main-body -->

  39.     <main class="main-body home-main-container pt-5">

  40.         <!-- product-viewer -->

  41.     <section class="pb-md-5">

  42.         <div class="container mainContanierProduct">

  43.             <div class="row">

  44.                 <div class="col-md-6">

  45.                     <div class="bgproductDGen border-0">

  46.                         <div class="row">

  47.                             <div class="d-none col-xl-2">

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

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

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

  51.                                             class="w-100 h-100" />

  52.                                     </div>

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

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

  55.                                             class="w-100 h-100" />

  56.                                     </div>

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

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

  59.                                             class="w-100 h-100" />

  60.                                     </div>

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

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

  63.                                             alt="" class="w-100 h-100" />

  64.                                     </div>

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

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

  67.                                             class="w-100 h-100" />

  68.                                     </div>

  69.                                 </div>

  70.                             </div>

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

  72.                                 <div

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

  74.                                     <img src="../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg" alt=""

  75.                                         class="card-img img-fluid" />

  76.                                 </div>

  77.                             </div>

  78.                         </div>

  79.                     </div>

  80.                 </div>

  81.                 <div class="col-md-6 productDetailsShadow">

  82.                     <div class="card border-0 p-md-4 p-3">

  83.                         <div>

  84.                             <div>

  85.                                 <h5 class="product_catlogue_name" style="font-size: 1.5rem"></h5>

  86.                             </div>

  87.                             <div class="py-2">

  88.                                 ₹

  89.                                 <span class="product_catlogue_price" style="font-size: 1.5rem; font-weight: 600"></span>

  90.                             </div>

  91.                         </div>

  92.                         <hr />

  93.                         <div class="pb-2 memory-parent">

  94.                             <h5 class="py-2 smallHeadingProductDetails">Processor</h5>

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

  96.                                 <div class="card p-3 borderselector small-font" id="gen_1"></div>

  97.                                 <div class="card p-3 small-font" id="gen_2"></div>

  98.                                 <div class="card p-3 small-font" id="gen_3"></div>

  99.                             </div>

  100.                         </div>

  101. 

  102.                         <div class="memory-details">

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

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

  105.                                 <div type="button" class="specsmallcard-mini card small-font p-3 borderselector"

  106.                                     id="memeory_data"></div>

  107.                             </div>

  108.                             <div>

  109.                                 <h5 class="py-2 smallHeadingProductDetails">Display</h5>

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

  111.                                     <div type="button" class="specsmallcard-mini card small-font p-3 borderselector"

  112.                                         id="display_data"></div>

  113.                                 </div>

  114.                             </div>

  115.                         </div>

  116. 

  117.                         <div class="pb-2">

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

  119.                             <div class="borderselector card small-font p-3" id="storage_data"></div>

  120.                         </div>

  121. 

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

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

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

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

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

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

  128.                             </div>

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

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

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

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

  133.                                 </span>

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

  135.                             </div>

  136.                         </div>

  137.                         <div class="card border-0 p-4 bgGreyLight my-3 d-none">

  138.                             <div class="row">

  139.                                 <div class="col-sm-8 small-font">

  140.                                     Anwi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe

  141.                                     Graphics 16GB RAM + 512GB NVMe SSD. * 1

  142.                                 </div>

  143.                                 <div class="col-sm-4">₹59,999</div>

  144.                             </div>

  145.                             <div class="row">

  146.                                 <div class="col-sm-8 small-font">Total:</div>

  147.                                 <div class="col-sm-4">₹59,999</div>

  148.                             </div>

  149.                         </div>

  150. 

  151.                         <!--  -->

  152.                         <!-- <hr> -->

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

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

  155.                                 Check if stock is available at your pincode

  156.                             </div>

  157.                             <div>

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

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

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

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

  162.                                 </div>

  163.                             </div>

  164.                         </div>

  165. 

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

  167.                             <ul>

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

  169.                                     No Cost EMI Available

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

  171.                                 </li>

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

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

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

  175.                                 </li>

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

  177.                                     Avail No Cost EMI offer with BFL EMI Network Card<a class="learnMoreA" href="">Learn

  178.                                         More</a>

  179.                                 </li>

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

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

  182.                                 </li>

  183.                             </ul>

  184.                         </div>

  185.                         <hr />

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

  187.                             <span>Quantity :</span>

  188.                             <select name="quantity" class="p-2 rounded" id="quantity">

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

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

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

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

  193.                             </select>

  194.                         </div>

  195.                         <div class="d-none gap-2">

  196.                             <button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px">

  197.                                 Add to cart 

  198.                             </button>

  199.                             <button class="w-100 btn bg-black text-white" style="border-radius: 5px">

  200.                                 Buy Now

  201.                             </button>

  202.                         </div>

  203.                     </div>

  204.                 </div>

  205.             </div>

  206.         </div>

  207.     </section> 

  208.         <section>

  209.             <div class="container">

  210.                 <h2 class="specification_head">Specifications</h2>

  211.                 <div class="d-flex gap-5 specContainer my-5">

  212.                     <div class="specContainerleft w-100">

  213.                         <div class="">

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

  215.                                 <div class="col-sm-4 bg-gray-3 py-2">Battery</div>

  216.                                 <div class="col-sm-8 py-2" id="product_battery"></div>

  217.                             </div>

  218.                         </div>

  219.                         <div class="">

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

  221.                                 <div class="col-sm-4 bg-gray-3 py-2">GPU</div>

  222.                                 <div class="col-sm-8 py-2" id="gpu"></div>

  223.                             </div>

  224.                         </div>

  225.                         <div class="">

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

  227.                                 <div class="col-sm-4 bg-gray-3 py-2">I/O ports</div>

  228.                                 <div class="col-sm-8 py-2" id="ioports"></div>

  229.                             </div>

  230.                         </div>

  231.                     </div>

  232.                     <div class="specContainerRight w-100">

  233.                         <div class="">

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

  235.                                 <div class="col-sm-4 bg-gray-3 py-2">Communication</div>

  236.                                 <div class="col-sm-8 py-2" id="product_communication"></div>

  237.                             </div>

  238.                         </div>

  239.                         <div class="">

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

  241.                                 <div class="col-sm-4 bg-gray-3 py-2">Power Supply</div>

  242.                                 <div class="col-sm-8 py-2" id="power"></div>

  243.                             </div>

  244.                         </div>

  245.                         <div class="">

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

  247.                                 <div class="col-sm-4 bg-gray-3 py-2">Camera</div>

  248.                                 <div class="col-sm-8 py-2" id="camera"></div>

  249.                             </div>

  250.                         </div>

  251.                         <div class="">

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

  253.                                 <div class="col-sm-4 bg-gray-3 py-2">Body Type</div>

  254.                                 <div class="col-sm-8 py-2" id="body_type"></div>

  255.                             </div>

  256.                         </div>

  257.                         <div class="">

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

  259.                                 <div class="col-sm-4 bg-gray-3 py-2">Weight / Dimension</div>

  260.                                 <div class="col-sm-8 py-2" id="product_weight"></div>

  261.                             </div>

  262.                         </div>

  263.                     </div>

  264.                 </div>

  265.             </div>

  266.         </section>

  267.     </main>

  268.     <div id="enquire"></div>

  269.     <!-- footer -->

  270.     <div id="footer-head"></div>

  271.     <!-- end-footer -->

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

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

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

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

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

  277.     <script src="../dist/js/cookies.min.js"></script>

  278.     <script src="../dist/js/form.js"></script>

  279. 

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

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

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

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

  284.     <script src="../dist/js/axios.min.js"></script>

  285.     <script src="../dist/js/cookies.min.js"></script>

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

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

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

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

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

  291.     <script src="../dist/js/vendor/bootstrap.min.js"></script>

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

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

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

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

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

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

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

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

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

  301.     <!-- Main JS -->

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

  303.     <script>

  304.         $(".header-area").addClass("bg-gradient-anwi");

  305.         $(".all_in_pg")

  306.             .find(".pre_img")

  307.             .each(function () {

  308.                 $(this).click(function () {

  309.                     let img_src = $(this).attr("data-src");

  310.                     $(this)

  311.                         .parents(".row")

  312.                         .find(".main_all_img")

  313.                         .find(".main_img")

  314.                         .attr("src", img_src);

  315.                 });

  316.             });

  317. 

  318.         let products = {

  319.             zenosleekbook14: {

  320.                 name: "Zeno Sleekbook 14.1 inch",

  321.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  322.                 processor: "12th Gen Intel® CoreTM i5",

  323.                 processor1: "12th Gen Intel® CoreTM i7",

  324.                 price5: "54,990",

  325.                 price7: "64,990",

  326.                 genaration: "12th Generation",

  327.                 storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4<br/> Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,

  328.                 display: "14.1 inch (2.5K 2560* 1440) (400 NITS)",

  329.                 memory: `24GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,

  330.                 battery: "45.6 Whr - 4000 mAh",

  331.                 weight: "1.4 Kg",

  332.                 communication: "Intel® Dual Band Wi-Fi 6",

  333.                 powersupply: "65W, 6A Type-C DC Adapter",

  334.                 camera: "2 MP",

  335.                 bodytype: "AD Metal",

  336.                 gpu: [

  337.                     `<ul class="ps-3">

  338.                         <li>Intel® Iris® Xe Graphics</li>

  339.                         <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  340.                         <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  341.                         <li>Execution Units 80</li>

  342.                     </ul>`,

  343.                 ],

  344.                 ioports: [

  345.                     ` <ul class="ps-3">

  346.                         <li>

  347.                             2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,

  348.                             AC/DC)

  349.                         </li>

  350.                         <li>1 x HDMITM output port (with HDCP)</li>

  351.                         <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>

  352.                         <li>1 x DC-in jack with type-C</li>

  353.                         <li>1 x TF Card Reader</li>

  354.                         </ul>`,

  355.                 ],

  356.             },

  357.             zenosleekbook14touch: {

  358.                 name: "Zeno Sleekbook 14.1 inch",

  359.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  360.                 processor: `12th Gen Intel® CoreTM i5`,

  361.                 processor1: `12th Gen Intel® CoreTM i7`,

  362.                 price5: "54,990",

  363.                 price7: "64,990",

  364.                 genaration: "12th Generation",

  365.                 memory: `24GB DDR4 RAM 3200 MHz`,

  366.                 display: "14.1 inch (1920* 1080 FHD ) Touch Screen, 360o Foldable.",

  367.                 storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4<br/> Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,

  368.                 battery: "45.6 Whr - 4000 mAh",

  369.                 gpu: [

  370.                     `<ul class="ps-3">

  371.                     <li>Intel® Iris® Xe Graphics</li>

  372.                       <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  373.                       <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  374.                       <li>Execution Units 80</li>

  375.                 </ul>`,

  376.                 ],

  377.                 ioports: [

  378.                     ` <ul class="ps-3">

  379.                       <li>

  380.                         2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,

  381.                         AC/DC)

  382.                       </li>

  383.                       <li>1 x HDMITM output port (with HDCP)</li>

  384.                       <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>

  385.                       <li>1 x DC-in jack with type-C</li>

  386.                       <li>1 x TF Card Reader</li>

  387.                     </ul>`,

  388.                 ],

  389.                 communication: "Intel® Dual Band Wi-Fi 6",

  390.                 powersupply: "65W, 6A Type-C DC Adapter",

  391.                 camera: "2 MP",

  392.                 bodytype: "AD Metal",

  393.                 weight: "1.4 Kg",

  394.             },

  395.             zenosleekbook15: {

  396.                 name: "Zeno Sleekbook 15.6 inch",

  397.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  398.                 processor: `12th Gen Intel® Core<sup>TM</sup> i5`,

  399.                 processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,

  400.                 price5: "57,990",

  401.                 price7: "67,990",

  402.                 genaration: "12th Generation",

  403.                 memory: `24GB DDR4 RAM 3200 MHz`,

  404.                 display: "15.6 inch (4k 500 Nits)",

  405.                 storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4 Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,

  406.                 battery: "72 Whr - 6350 mAh",

  407.                 gpu: [

  408.                     `<ul class="ps-3">

  409.                         <li>Intel® Iris® Xe Graphics</li>

  410.                         <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  411.                         <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  412.                         <li>Execution Units 80</li>

  413.                     </ul>`,

  414.                 ],

  415.                 ioports: [

  416.                     ` <ul class="ps-3">

  417.                         <li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>

  418.                         <li>1 x HDMITM output port (with HDCP)</li>

  419.                         <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>

  420.                         <li>1 x DC-in jack with type-C</li>

  421.                         <li>1 x TF Card Reader</li>

  422.                         </ul>`,

  423.                 ],

  424.                 communication: "Intel® Dual Band Wi-Fi 5",

  425.                 powersupply: "65W, 6A Type-C DC Adapter",

  426.                 camera: "2 MP",

  427.                 bodytype: "AD Metal",

  428.                 weight: "1.8 Kg",

  429.             },

  430.             zenodualbook16: {

  431.                 name: "Zeno Dualbook 16 inch",

  432.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  433.                 processor: `12th Gen Intel® Core<sup>TM</sup> i7`,

  434.                 price5: "64,990",

  435.                 memory: `16GB DDR4 RAM 3200 MHz`,

  436.                 display: "16 inch 2K Primary 4k Secondary Dual Screen",

  437.                 storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4 Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,

  438.                 battery: "51 Whr - 3300 mAh",

  439.                 gpu: [

  440.                     `<ul class="ps-3">

  441.                         <li>Intel® Iris® Xe Graphics</li>

  442.                         <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  443.                         <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  444.                         <li>Execution Units 80</li>

  445.                     </ul>`,

  446.                 ],

  447.                 ioports: [

  448.                     ` <ul class="ps-3">

  449.                         <li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>

  450.                         <li>1 x HDMITM output port (with HDCP)</li>

  451.                         <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>

  452.                         <li>1 x TF Card Reader</li>

  453.                     </ul>`,

  454.                 ],

  455.                 communication: "Intel® Dual Band Wi-Fi 5",

  456.                 powersupply: "65W, 6A DC Adapter",

  457.                 camera: "2 MP",

  458.                 bodytype: "Metal",

  459.                 weight: "2.3 Kg",

  460.             },

  461.             zenodualbook21: {

  462.                 name: "Zeno All-in-One 21.5 inch",

  463.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  464.                 processor: `12th Gen Intel® Core<sup>TM</sup> i5`,

  465.                 processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,

  466.                 processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,

  467.                 price5: "33,990",

  468.                 price7: "39,990",

  469.                 price9: "49,990",

  470.                 genaration: "12th Generation | 13th Generation",

  471.                 memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,

  472.                 display: "21.5 inch (1920*1080 FHD)",

  473.                 storage: `512GB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0& 8TB SATA)</span>`,

  474.                 gpu: [

  475.                     `<ul class="ps-3">

  476.                         <li>Intel® Iris® Xe Graphics</li>

  477.                         <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  478.                         <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  479.                         <li>Execution Units 80</li>

  480.                     </ul>`,

  481.                 ],

  482.                 ioports: [

  483.                     ` <ul class="ps-3">

  484.                         <li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>

  485.                         <li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>

  486.                         <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>

  487.                         <li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>

  488.                         <li>1 x RJ-45 LAN port</li>

  489.                         <li>1 x DC-in jack</li>

  490.                         <li>1 x VGA port</li>

  491.                         </ul>`,

  492.                 ],

  493.                 communication: "Intel® Dual Band Wi-Fi 6",

  494.                 powersupply:

  495.                     "Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",

  496.                 camera: "3 MP",

  497.                 bodytype: "Plastic Body with Metal Stand",

  498.             },

  499.             zenodualbook23: {

  500.                 name: "Zeno All-in-One 23.8 inch",

  501.                 Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",

  502.                 processor: `12th Gen Intel® Core<sup>TM</sup> i3`,

  503.                 processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,

  504.                 processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,

  505.                 price5: "39,990",

  506.                 price7: "44,990",

  507.                 price9: "59,990",

  508.                 genaration: "12th Generation | 13th Generation",

  509.                 memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,

  510.                 display: "23.8 inch (1920*1080 FHD)",

  511.                 storage: `1TB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0 & 8TB SATA)</span>`,

  512.                 gpu: [

  513.                     `<ul class="ps-3">

  514.                         <li>Intel® Iris® Xe Graphics</li>

  515.                         <li>Graphics Max Dynamic Frequency 1.30 GHz</li>

  516.                         <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>

  517.                         <li>Execution Units 80</li>

  518.                     </ul>`,

  519.                 ],

  520.                 ioports: [

  521.                     ` <ul class="ps-3">

  522.                         <li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>

  523.                         <li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>

  524.                         <li>1 2-in-1 Audio jack (Headphone / Microphone)</li>

  525.                         <li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>

  526.                         <li>1 x RJ-45 LAN port</li>

  527.                         <li>1 x DC-in jack</li>

  528.                         <li>1 x VGA port</li>

  529.                         </ul>`,

  530.                 ],

  531.                 communication: "Intel® Dual Band Wi-Fi 6",

  532.                 powersupply:

  533.                     "Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",

  534.                 camera: "3 MP",

  535.                 bodytype: "Plastic Body with Metal Stand",

  536.             },

  537.         };

  538. 

  539.         let product_catlogue_data = localStorage.getItem("product_catlogue_obj");

  540.         const data = JSON.parse(product_catlogue_data);

  541.         const name = data.product;

  542.         const obj_data = products[name];

  543.         console.log(obj_data);

  544. 

  545.         $(".product_catlogue_name").html(obj_data.name);

  546.         $("#gen_1").html(obj_data.processor);

  547.         $("#gen_2").html(obj_data.processor1);

  548.         $("#gen_3").html(obj_data.processor2);

  549.         $(".product_catlogue_price").html(obj_data.price5);

  550.         $("#memeory_data").html(obj_data.memory);

  551.         $("#display_data").html(obj_data.display);

  552.         $("#storage_data").html(obj_data.storage);

  553.         $("#product_battery").html(obj_data.battery);

  554.         $("#product_weight").html(obj_data.weight);

  555.         $("#product_communication").html(obj_data.communication);

  556.         $("#gpu").html(obj_data.gpu[0]);

  557.         $("#ioports").html(obj_data.ioports[0]);

  558.         $("#power").html(obj_data.powersupply);

  559.         $("#body_type").html(obj_data.bodytype);

  560.         $("#camera").html(obj_data.camera);

  561.         $(".productDetailsShadow").find("img").attr("src",obj_data.Image);

  562.         $("#gen_2").click(function () {

  563.             $(this).addClass("borderselector");

  564.             $("#gen_1").removeClass("borderselector");

  565.             $("#gen_3").removeClass("borderselector");

  566.             $(".product_catlogue_price").html(obj_data.price7);

  567.         });

  568.         $("#gen_1").click(function () {

  569.             $(this).addClass("borderselector");

  570.             $("#gen_2").removeClass("borderselector");

  571.             $("#gen_3").removeClass("borderselector");

  572.             $(".product_catlogue_price").html(obj_data.price5);

  573.         });

  574.         $("#gen_3").click(function () {

  575.             $(this).addClass("borderselector");

  576.             $("#gen_2").removeClass("borderselector");

  577.             $("#gen_1").removeClass("borderselector");

  578.             $(".product_catlogue_price").html(obj_data.price9);

  579.         });

  580.         debugger;

  581.         let battery_len = $("#product_battery").text();

  582.         let weight_len = $("#product_weight").text();

  583.         let processor_len = $("#gen_3").text();

  584.         let processor_len2 = $("#gen_2").html();

  585.         if (battery_len == "") {

  586.             $("#product_battery").parents(".row").addClass("d-none");

  587.         }

  588.         if (weight_len == "") {

  589.             $("#product_weight").parents(".row").addClass("d-none");

  590.         }

  591.         if (processor_len == "") {

  592.             $("#gen_3").addClass("d-none");

  593.         }

  594.         if (processor_len2 == "") {

  595.             $("#gen_2").addClass("d-none");

  596.         }

  597.     </script>

  598. </body>

  599. 

  600. </html>