rahul.katari
/
anwisystems
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
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 Commits
1 Branch
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
anwisystems/productcatloguedetails.html

productcatloguedetails.html 30KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581 
  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="./all.css">

  10.     <title>Anwi</title>

  11. </head>

  12. 

  13. <body class="">

  14.     <!-- navbar -->

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

  16.     <!-- end-navbar -->

  17.     <!-- main-body -->

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

  19.         <!-- product-viewer -->

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

  21.             <div class="container mainContanierProduct">

  22.                 <div class="row">

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

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

  25.                             <div class="row">

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

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

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

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

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

  31.                                         </div>

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

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

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

  35.                                         </div>

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

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

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

  39.                                         </div>

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

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

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

  43.                                         </div>

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

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

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

  47.                                         </div>

  48.                                     </div>

  49.                                 </div>

  50.                                 <div class="col-xl-10 notes" type="button" data-toggle="modal"

  51.                                     data-target="#exampleModal">

  52.                                     <div

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

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

  55.                                             class="card-img img-fluid success-img" />

  56.                                     </div>

  57.                                 </div>

  58.                             </div>

  59.                         </div>

  60.                     </div>

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

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

  63.                             <div>

  64.                                 <div>

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

  66.                                 </div>

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

  68.                                     ₹

  69.                                     <span class="product_catlogue_price"

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

  71.                                 </div>

  72.                             </div>

  73.                             <hr />

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

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

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

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

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

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

  80.                                 </div>

  81.                             </div>

  82. 

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

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

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

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

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

  88.                                 </div>

  89.                                 <div>

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

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

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

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

  94.                                     </div>

  95.                                 </div>

  96.                             </div>

  97. 

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

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

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

  101.                             </div>

  102. 

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

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

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

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

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

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

  109.                                 </div>

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

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

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

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

  114.                                     </span>

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

  116.                                 </div>

  117.                             </div>

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

  119.                                 <div class="row">

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

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

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

  123.                                     </div>

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

  125.                                 </div>

  126.                                 <div class="row">

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

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

  129.                                 </div>

  130.                             </div>

  131. 

  132.                             <!--  -->

  133.                             <!-- <hr> -->

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

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

  136.                                     Check if stock is available at your pincode

  137.                                 </div>

  138.                                 <div>

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

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

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

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

  143.                                     </div>

  144.                                 </div>

  145.                             </div>

  146. 

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

  148.                                 <ul>

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

  150.                                         No Cost EMI Available

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

  152.                                     </li>

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

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

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

  156.                                     </li>

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

  158.                                         Avail No Cost EMI offer with BFL EMI Network Card<a class="learnMoreA"

  159.                                             href="">Learn

  160.                                             More</a>

  161.                                     </li>

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

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

  164.                                     </li>

  165.                                 </ul>

  166.                             </div>

  167.                             <hr />

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

  169.                                 <span>Quantity :</span>

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

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

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

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

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

  175.                                 </select>

  176.                             </div>

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

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

  179.                                     Add to cart

  180.                                 </button>

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

  182.                                     Buy Now

  183.                                 </button>

  184.                             </div>

  185.                         </div>

  186.                     </div>

  187.                 </div>

  188.             </div>

  189.         </section>

  190.         <section>

  191.             <div class="container">

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

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

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

  195.                         <div class="">

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

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

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

  199.                             </div>

  200.                         </div>

  201.                         <div class="">

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

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

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

  205.                             </div>

  206.                         </div>

  207.                         <div class="">

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

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

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

  211.                             </div>

  212.                         </div>

  213.                     </div>

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

  215.                         <div class="">

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

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

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

  219.                             </div>

  220.                         </div>

  221.                         <div class="">

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

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

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

  225.                             </div>

  226.                         </div>

  227.                         <div class="">

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

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

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

  231.                             </div>

  232.                         </div>

  233.                         <div class="">

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

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

  236.                                 <div class="col-sm-8 py-2" id="body_type"></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">Weight / Dimension</div>

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

  243.                             </div>

  244.                         </div>

  245.                     </div>

  246.                 </div>

  247.             </div>

  248.         </section>

  249.     </main>

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

  251.     <!-- footer -->

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

  253.     <!-- end-footer -->

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

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

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

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

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

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

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

  261. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  283.     <!-- Main JS -->

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

  285.     <script>

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

  287.         $(".all_in_pg")

  288.             .find(".pre_img")

  289.             .each(function () {

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

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

  292.                     $(this)

  293.                         .parents(".row")

  294.                         .find(".main_all_img")

  295.                         .find(".main_img")

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

  297.                 });

  298.             });

  299. 

  300.         let products = {

  301.             zenosleekbook14: {

  302.                 name: "Zeno Sleekbook 14.1 inch",

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

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

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

  306.                 price5: "54,990",

  307.                 price7: "64,990",

  308.                 genaration: "12th Generation",

  309.                 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)`,

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

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

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

  313.                 weight: "1.4 Kg",

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

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

  316.                 camera: "2 MP",

  317.                 bodytype: "AD Metal",

  318.                 gpu: [

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

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

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

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

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

  324.                     </ul>`,

  325.                 ],

  326.                 ioports: [

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

  328.                         <li>

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

  330.                             AC/DC)

  331.                         </li>

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

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

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

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

  336.                         </ul>`,

  337.                 ],

  338.             },

  339.             zenosleekbook14touch: {

  340.                 name: "Zeno Sleekbook 14.1 inch",

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

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

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

  344.                 price5: "54,990",

  345.                 price7: "64,990",

  346.                 genaration: "12th Generation",

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

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

  349.                 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)`,

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

  351.                 gpu: [

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

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

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

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

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

  357.                 </ul>`,

  358.                 ],

  359.                 ioports: [

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

  361.                       <li>

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

  363.                         AC/DC)

  364.                       </li>

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

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

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

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

  369.                     </ul>`,

  370.                 ],

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

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

  373.                 camera: "2 MP",

  374.                 bodytype: "AD Metal",

  375.                 weight: "1.4 Kg",

  376.             },

  377.             zenosleekbook15: {

  378.                 name: "Zeno Sleekbook 15.6 inch",

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

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

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

  382.                 price5: "57,990",

  383.                 price7: "67,990",

  384.                 genaration: "12th Generation",

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

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

  387.                 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)`,

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

  389.                 gpu: [

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

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

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

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

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

  395.                     </ul>`,

  396.                 ],

  397.                 ioports: [

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

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

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

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

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

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

  404.                         </ul>`,

  405.                 ],

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

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

  408.                 camera: "2 MP",

  409.                 bodytype: "AD Metal",

  410.                 weight: "1.8 Kg",

  411.             },

  412.             zenodualbook16: {

  413.                 name: "Zeno Dualbook 16 inch",

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

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

  416.                 price5: "64,990",

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

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

  419.                 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)`,

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

  421.                 gpu: [

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

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

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

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

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

  427.                     </ul>`,

  428.                 ],

  429.                 ioports: [

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

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

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

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

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

  435.                     </ul>`,

  436.                 ],

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

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

  439.                 camera: "2 MP",

  440.                 bodytype: "Metal",

  441.                 weight: "2.3 Kg",

  442.             },

  443.             zenodualbook21: {

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

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

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

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

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

  449.                 price5: "33,990",

  450.                 price7: "39,990",

  451.                 price9: "49,990",

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

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

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

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

  456.                 gpu: [

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

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

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

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

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

  462.                     </ul>`,

  463.                 ],

  464.                 ioports: [

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

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

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

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

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

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

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

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

  473.                         </ul>`,

  474.                 ],

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

  476.                 powersupply:

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

  478.                 camera: "3 MP",

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

  480.             },

  481.             zenodualbook23: {

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

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

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

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

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

  487.                 price5: "39,990",

  488.                 price7: "44,990",

  489.                 price9: "59,990",

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

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

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

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

  494.                 gpu: [

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

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

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

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

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

  500.                     </ul>`,

  501.                 ],

  502.                 ioports: [

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

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

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

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

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

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

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

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

  511.                         </ul>`,

  512.                 ],

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

  514.                 powersupply:

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

  516.                 camera: "3 MP",

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

  518.             },

  519.         };

  520. 

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

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

  523.         const name = data.product;

  524.         const obj_data = products[name];

  525. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  548.         });

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

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

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

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

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

  554.         });

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

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

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

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

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

  560.         });

  561.         debugger;

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

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

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

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

  566.         if (battery_len == "") {

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

  568.         }

  569.         if (weight_len == "") {

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

  571.         }

  572.         if (processor_len == "") {

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

  574.         }

  575.         if (processor_len2 == "") {

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

  577.         }

  578.     </script>

  579. </body>

  580. 

  581. </html>