sachin.ganesh
/
anwi_website
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Nessuna descrizione
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.
61 Commit
1 Ramo (Branch)
Albero (Tree): 9aed733cc5
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da '9aed733cc5'
${ noResults }
anwi_website/productdetails.html

productdetails.html 21KB
Cronologia Originale

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

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

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

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

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

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

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

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

  16. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  32.     <title>Products | Anwi</title>

  33. 

  34. </head>

  35. 

  36. <body>

  37.     <!-- navbar -->

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

  39.     <!-- end-navbar -->

  40.     <!-- main-body -->

  41.     

  42.     <main class="main-body home-main-container" >

  43.         <section class="services h-100 pt-3  bg-gradient-anwi">

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

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

  46.                 </div>

  47.             </div>

  48.         </section>

  49.         <div class="container mainContanierProduct">

  50.             <div class="row">

  51.                 <div class="col-xl-7 ">

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

  53.                         <div class="row">

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

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

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

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

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

  59.                                     </div>

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

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

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

  63.                                     </div>

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

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

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

  67.                                     </div>

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

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

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

  71.                                     </div>

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

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

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

  75.                                     </div>

  76.                                 </div>

  77.                             </div>

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

  79.                                 <div

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

  81.                                     <img src="#" alt="" class="card-img img-fluid">

  82.                                 </div>

  83.                             </div>

  84. 

  85.                         </div>

  86.                     </div>

  87.                 </div>

  88.                 <div class="col-xl-5 p-5 productDetailsShadow">

  89.                     <div class="card border-0">

  90.                         <div>

  91.                             <div>

  92.                                 <h5 class="productname" style="font-size:1.5rem">ORA3, M.2 NVMe SSD </h5>

  93.                             </div>

  94.                             <div class="small-font product_desc d-none">Elevate your laptop's capabilities with DDR5

  95.                                 Laptop Memory, featuring 4800 MHz speed

  96.                                 in 8, 16, and 32 GB capacities. Benefit from

  97.                                 unparalleled thermal performance, extended

  98.                                 component lifespan, and consistently fast

  99.                                 speeds thanks to our cutting-edge graphene

  100.                                 sticker technology.</div>

  101.                             <div class="py-2">₹ <span class="price" style="font-size:1.5rem;font-weight:600">

  102.                                     3000</span></div>

  103.                         </div>

  104. 

  105.                         <hr>

  106. 

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

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

  109.                             </h5>

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

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

  112.                                     Intel® Core i5-9400F

  113.                                 </div>

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

  115.                                     Intel® Core i5-9400F

  116.                                 </div>

  117.                             </div>

  118.                         </div>

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

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

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

  122.                             

  123.                            </div> -->

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

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

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

  127.                                 </div>

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

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

  130.                                 </div>

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

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

  133.                                 </div>

  134.                             </div>

  135.                         </div>

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

  137. 

  138.                         </div>

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

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

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

  142.                                 <div data-type="memory-desktop" data-device="Desktop"

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

  144.                                     Desktop

  145.                                 </div>

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

  147.                                     Laptop

  148.                                 </div>

  149.                             </div>

  150.                         </div>

  151. 

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

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

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

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

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

  157.                                    <span data-version="DDR4">DDR4</span> 

  158.                                 </div>

  159.                                 <div type="button" onclick="onClickHandler(this)" data-version="DDR5"

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

  161.                                     <span data-version="DDR5">DDR5</span> 

  162.                                 </div>

  163.                             </div>

  164. 

  165.                             <div>

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

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

  168. 

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

  170.                                         class="specsmallcard-mini borderselector card small-font  p-3" data-gb="8 ">

  171.                                         8 GB 

  172.                                     </div>

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

  174.                                         class="specsmallcard-mini card small-font p-3" data-gb="16GB">

  175.                                         16 GB

  176.                                     </div>

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

  178.                                         class="specsmallcard-mini card small-font p-3" data-gb="32GB">

  179.                                         32 GB

  180.                                     </div>

  181.                                 </div>

  182.                             </div>

  183.                         </div>

  184. 

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

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

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

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

  189.                                     256 GB SSD Capacity

  190.                                 </div>

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

  192.                                     1 TB SSD Capacity

  193.                                 </div>

  194.                             </div>

  195.                         </div>

  196. 

  197. 

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

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

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

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

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

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

  204.                                 </a>

  205.                             </div>

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

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

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

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

  210.                                 </span>

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

  212.                             </div>

  213.                         </div>

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

  215.                             <div class="row">

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

  217.                                     Anwi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe

  218.                                     SSD. * 1

  219.                                 </div>

  220.                                 <div class="col-sm-4">

  221.                                     ₹59,999

  222.                                 </div>

  223.                             </div>

  224.                             <div class="row">

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

  226. 

  227.                                     Total:

  228. 

  229.                                 </div>

  230.                                 <div class="col-sm-4">

  231.                                     ₹59,999

  232.                                 </div>

  233.                             </div>

  234.                         </div>

  235. 

  236.                         <!--  -->

  237.                         <!-- <hr> -->

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

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

  240.                             </div>

  241.                             <div>

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

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

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

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

  246. 

  247.                                 </div>

  248.                             </div>

  249.                         </div>

  250. 

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

  252.                             <ul>

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

  254.                                         More</a></li>

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

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

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

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

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

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

  261.                                 </li>

  262.                             </ul>

  263.                         </div>

  264.                         <hr>

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

  266.                             <span>Quantity :</span>

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

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

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

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

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

  272.                             </select>

  273.                         </div>

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

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

  276.                                 Add to cart

  277.                             </button>

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

  279.                                 Buy Now

  280.                             </button>

  281.                         </div>

  282. 

  283. 

  284.                     </div>

  285. 

  286.                 </div>

  287.             </div>

  288.             <div class="row py-4">

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

  290.                     <h1 class="font-weight-600 product_heading satoshi_font text-black-50">The Advantages of

  291.                         Graphene-Based Insulation</h1>

  292.                     <p class="font-weight-500 mb-0 py-3 satoshi_font text-black-50">Introducing the all-new ORA memory

  293.                         series powered by Anwi Systems, specially craÿed for high-performance Laptops, PCs, and

  294.                         All-in-ones with graphene-based insulation to provide an exceptional

  295.                         heat dissipation effect.</p>

  296.                     <p class="font-weight-500 mb-0 pb-3 satoshi_font text-black-50">ORA memory series featured by Anwi

  297.                         Systems with graphene-based insulation to provide a more effective

  298.                         heat dissipation effect. The graphene cooling module allows natural convection or forced air

  299.                         cooling for

  300.                         fully enhanced heat dissipation. ORA memory series is the first on the market built specifically

  301.                         for high-</p>

  302.                 </div>

  303.             </div>

  304.         </div>

  305. 

  306. 

  307. 

  308.     </main>

  309.     <!-- footer -->

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

  311.     <!-- end-footer -->

  312. 

  313.     <!-- modal open -->

  314.     <!-- Button trigger modal -->

  315.     <!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#authmodal">

  316.         Launch demo modal

  317.     </button>

  318.   

  319.     <div class="modal fade" id="authmodal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

  320.         <div class="modal-dialog">

  321.             <div class="modal-content">

  322.                

  323.                 <div class="modal-body">

  324.                     hello world

  325.                 </div>

  326.                 <div class="modal-footer">

  327.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

  328.                     <button type="button" class="btn btn-primary">Save changes</button>

  329.                 </div>

  330.             </div>

  331.         </div>

  332.     </div> -->

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

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

  335.     <script src="./libs/Owlcarousel/js/owl.carousel.min.js"></script>

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

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

  338.     <script src="./dist/js/productdetails.js"></script>

  339.     <!-- <script src="./dist/js/addtocart.js"></script> -->

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

  341. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  357.     <!-- Main JS -->

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

  359.     <script>

  360.         let product_data = localStorage.getItem("product_data");

  361.         if(product_data === null){

  362.             let top_data = localStorage.getItem("top_data");

  363.             let t_data = JSON.parse(top_data);

  364.             $(".productname").html(t_data.name);

  365.             $(".price").html(t_data.price);

  366.             $(".productDetailsMain").find("img").attr("src",t_data.img);

  367.             $(".memorycontainer").find(".borderselector").removeClass("borderselector");

  368.             $(".memorycontainer").find("[data-device='"+t_data.device+"']").addClass("borderselector");

  369.             $(".memory-details").find(".borderselector").removeClass("borderselector");

  370.             $(".memory-details").find("[data-version='"+t_data.version+"']").addClass("borderselector");

  371.             $(".computersize").find("[data-gb='"+t_data.gb+"']").addClass("borderselector");

  372. 

  373.         }else{

  374.             let data = JSON.parse(product_data);

  375.             $(".productname").html(data.name);

  376.             $(".price").html(data.price);

  377.             $(".memorycontainer").find(".borderselector").removeClass("borderselector");

  378.             $(".memorycontainer").find("[data-device='"+data.device+"']").addClass("borderselector");

  379.             $(".memory-details").find(".borderselector").removeClass("borderselector");

  380.             $(".memory-details").find("[data-version='"+data.version+"']").addClass("borderselector");

  381.             $(".computersize").find("[data-gb='"+data.gb+"']").addClass("borderselector");

  382.         }

  383.         

  384. 

  385. 

  386.        

  387.        

  388.     // $(".product_desc").html(data.description);

  389.     // $(".productDetailsMain").find("img").attr("src",data.image)

  390.     </script>

  391. </body>

  392. 

  393. </html>