386 行
20 KiB
HTML
386 行
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
|
|
<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="./dist/css/main.css" />
|
|
<link rel="stylesheet" href="./styles/style.css">
|
|
<link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">
|
|
<link rel="stylesheet" href="./dist/css/pages/productdetails.css">
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
|
|
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
|
|
<!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
|
|
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/slick.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/animate.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
|
|
<link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
|
|
<link rel="stylesheet" href="./dist/css/style.css">
|
|
<link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
|
|
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
|
|
<title>Products | Anwi</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="main-body home-main-container" style="margin-top: 30px;">
|
|
<div class="container mainContanierProduct">
|
|
<div class="row">
|
|
<div class="col-xl-7 ">
|
|
<div class=" bgproductDGen border-0 ">
|
|
<div class="row">
|
|
<div class="d-none col-xl-2">
|
|
<div class=" d-flex flex-column gap-2 p-2">
|
|
<div class="product-item-gallery active-gallery-img">
|
|
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
|
|
class="w-100 h-100">
|
|
</div>
|
|
<div class="product-item-gallery ">
|
|
<img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""
|
|
class="w-100 h-100">
|
|
</div>
|
|
<div class="product-item-gallery ">
|
|
<img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""
|
|
class="w-100 h-100">
|
|
</div>
|
|
<div class="product-item-gallery ">
|
|
<img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"
|
|
alt="" class="w-100 h-100">
|
|
</div>
|
|
<div class="product-item-gallery ">
|
|
<img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""
|
|
class="w-100 h-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-10" type="button" data-toggle="modal" data-target="#exampleModal">
|
|
<div
|
|
class=" productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center">
|
|
<img src="#" alt="" class="card-img img-fluid">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5 p-5 productDetailsShadow">
|
|
<div class="card border-0">
|
|
<div>
|
|
<div>
|
|
<h5 class="productname" style="font-size:1.5rem">ORA3, M.2 NVMe SSD </h5>
|
|
</div>
|
|
<div class="small-font product_desc d-none">Elevate your laptop's capabilities with DDR5
|
|
Laptop Memory, featuring 4800 MHz speed
|
|
in 8, 16, and 32 GB capacities. Benefit from
|
|
unparalleled thermal performance, extended
|
|
component lifespan, and consistently fast
|
|
speeds thanks to our cutting-edge graphene
|
|
sticker technology.</div>
|
|
<div class="py-2">₹ <span class="price" style="font-size:1.5rem;font-weight:600">
|
|
3000</span></div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="d-none">
|
|
<h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics
|
|
</h5>
|
|
<div class="d-flex gap-2">
|
|
<div class="specsmallcard borderselector card small-font p-3">
|
|
Intel® Core i5-9400F
|
|
</div>
|
|
<div class="specsmallcard card small-font p-3">
|
|
Intel® Core i5-9400F
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pb-2 d-none">
|
|
<h5 class="pt-2 smallHeadingProductDetails">Colors</h5>
|
|
<!-- <div class="d-flex gap-2 colors-display-container">
|
|
|
|
</div> -->
|
|
<div class="d-flex gap-2 ">
|
|
<div class="color-display-img color-display-img-active">
|
|
<img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
|
|
</div>
|
|
<div class="color-display-img ">
|
|
<img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
|
|
</div>
|
|
<div class="color-display-img ">
|
|
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" class="w-100 h-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="spec-container-details">
|
|
|
|
</div>
|
|
<div class="pb-2 memory-parent">
|
|
<h5 class="py-2 smallHeadingProductDetails">Memory</h5>
|
|
<div class="d-flex gap-2 memorycontainer">
|
|
<div data-type="memory-desktop" data-device="Desktop"
|
|
class="specsmallcard borderselector card small-font p-3">
|
|
Desktop
|
|
</div>
|
|
<div data-type="memory-laptop" class="specsmallcard card small-font p-3" data-device="Laptop">
|
|
Laptop
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="memory-details">
|
|
<h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>
|
|
<div class="d-flex gap-2 pb-2 ramtech">
|
|
<div type="button" onclick="onClickHandler(this)"
|
|
class="specsmallcard-mini borderselector card small-font p-3">
|
|
<span data-version="DDR4">DDR4</span>
|
|
</div>
|
|
<div type="button" onclick="onClickHandler(this)" data-version="DDR5"
|
|
class="specsmallcard-mini card small-font p-3">
|
|
<span data-version="DDR5">DDR5</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h5 class="py-2 smallHeadingProductDetails">Computer Memory Size</h5>
|
|
<div class="d-flex gap-2 computersize">
|
|
|
|
<div type="button" onclick="onClickHandler(this)"
|
|
class="specsmallcard-mini borderselector card small-font p-3" data-gb="8 ">
|
|
8 GB
|
|
</div>
|
|
<div type="button" onclick="onClickHandler(this)"
|
|
class="specsmallcard-mini card small-font p-3" data-gb="16GB">
|
|
16 GB
|
|
</div>
|
|
<div type="button" onclick="onClickHandler(this)"
|
|
class="specsmallcard-mini card small-font p-3" data-gb="32GB">
|
|
32 GB
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pb-2 d-none">
|
|
<h5 class="py-2 smallHeadingProductDetails">Storage</h5>
|
|
<div class="d-flex gap-2">
|
|
<div class="specsmallcard borderselector card small-font p-3">
|
|
256 GB SSD Capacity
|
|
</div>
|
|
<div class="specsmallcard card small-font p-3">
|
|
1 TB SSD Capacity
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="d-none">
|
|
<div class="d-flex justify-content-between align-items-center py-3">
|
|
<h5 class="my-3 smallHeadingProductDetails">Quantity</h5>
|
|
<a href="shopping-cart.html">
|
|
<!-- <div class="btn btn-sm btn-success ">Add To Cart</div> -->
|
|
<a class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>
|
|
</a>
|
|
</div>
|
|
<div class="d-flex">
|
|
<span class="qtybtn qtybtleft bgGreyLight">-</span>
|
|
<span class=" border-top border-bottom">
|
|
<span class="px-2">1</span>
|
|
</span>
|
|
<span class="qtybtn qtybtright bgGreyLight">+</span>
|
|
</div>
|
|
</div>
|
|
<div class="card border-0 p-4 bgGreyLight my-3 d-none">
|
|
<div class="row">
|
|
<div class="col-sm-8 small-font ">
|
|
Anwi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe
|
|
SSD. * 1
|
|
</div>
|
|
<div class="col-sm-4">
|
|
₹59,999
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-8 small-font">
|
|
|
|
Total:
|
|
|
|
</div>
|
|
<div class="col-sm-4">
|
|
₹59,999
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- -->
|
|
<!-- <hr> -->
|
|
<div class="d-none">
|
|
<div class="small-font">Check if stock is available at your pincode
|
|
</div>
|
|
<div>
|
|
<div class="mb-3 d-flex border">
|
|
<input class="form-control small-font border-0"
|
|
placeholder="input your pincode to check" type="text" id="formFile">
|
|
<button class="border-0 small-font px-2">Check</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-none">
|
|
<ul>
|
|
<li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn
|
|
More</a></li>
|
|
<li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"
|
|
href="">Learn More</a></li>
|
|
<li class="small-font">Avail No Cost EMI offer with BFL EMI Network Card<a
|
|
class="learnMoreA" href="">Learn More</a></li>
|
|
<li class="small-font">
|
|
Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr>
|
|
<div class="pb-2">
|
|
<span>Quantity :</span>
|
|
<select name="quantity" class="p-2 rounded" id="quantity">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
</select>
|
|
</div>
|
|
<div class=" d-flex gap-2">
|
|
<button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px;">
|
|
Add to cart
|
|
</button>
|
|
<button class="w-100 btn bg-black text-white" style="border-radius: 5px;">
|
|
Buy Now
|
|
</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row py-4">
|
|
<div class="py-2">
|
|
<h1 class="font-weight-600 product_heading satoshi_font text-black-50">The Advantages of
|
|
Graphene-Based Insulation</h1>
|
|
<p class="font-weight-500 mb-0 py-3 satoshi_font text-black-50">Introducing the all-new ORA memory
|
|
series powered by Anwi Systems, specially craÿed for high-performance Laptops, PCs, and
|
|
All-in-ones with graphene-based insulation to provide an exceptional
|
|
heat dissipation effect.</p>
|
|
<p class="font-weight-500 mb-0 pb-3 satoshi_font text-black-50">ORA memory series featured by Anwi
|
|
Systems with graphene-based insulation to provide a more effective
|
|
heat dissipation effect. The graphene cooling module allows natural convection or forced air
|
|
cooling for
|
|
fully enhanced heat dissipation. ORA memory series is the first on the market built specifically
|
|
for high-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</main>
|
|
<!-- footer -->
|
|
<div id="footer-head" class="sec-space-1"></div>
|
|
<!-- end-footer -->
|
|
|
|
<!-- modal open -->
|
|
<!-- Button trigger modal -->
|
|
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#authmodal">
|
|
Launch demo modal
|
|
</button>
|
|
|
|
<div class="modal fade" id="authmodal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-body">
|
|
hello world
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="./dist/js/jquery.min.js"></script>
|
|
<script src="./libs/Owlcarousel/js/owl.carousel.min.js"></script>
|
|
<script src="./dist/js/navbar.js"></script>
|
|
<script src="./dist/js/footer.js"></script>
|
|
<script src="./dist/js/productdetails.js"></script>
|
|
<!-- <script src="./dist/js/addtocart.js"></script> -->
|
|
<script src="./libs/cookies.min.js"></script>
|
|
|
|
<script src="./dist/js/fontawesome.all.js"></script>
|
|
<script src="./dist/js/fontawesome.min.js"></script>
|
|
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
|
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
|
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
|
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
|
<script src="./dist/js/plugins/slick.js"></script>
|
|
<script src="./dist/js/plugins/wow.js"></script>
|
|
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
|
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
|
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
|
<script src="./dist/js/plugins/images-loaded.js"></script>
|
|
<script src="./dist/js/plugins/isotope.js"></script>
|
|
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
|
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
|
<!-- Main JS -->
|
|
<script src="./dist/js/main.js"></script>
|
|
<script>
|
|
let product_data = localStorage.getItem("product_data");
|
|
if(product_data === null){
|
|
let top_data = localStorage.getItem("top_data");
|
|
let t_data = JSON.parse(top_data);
|
|
$(".productname").html(t_data.name);
|
|
$(".price").html(t_data.price);
|
|
$(".productDetailsMain").find("img").attr("src",t_data.img);
|
|
$(".memorycontainer").find(".borderselector").removeClass("borderselector");
|
|
$(".memorycontainer").find("[data-device='"+t_data.device+"']").addClass("borderselector");
|
|
$(".memory-details").find(".borderselector").removeClass("borderselector");
|
|
$(".memory-details").find("[data-version='"+t_data.version+"']").addClass("borderselector");
|
|
$(".computersize").find("[data-gb='"+t_data.gb+"']").addClass("borderselector");
|
|
|
|
}else{
|
|
let data = JSON.parse(product_data);
|
|
$(".productname").html(data.name);
|
|
$(".price").html(data.price);
|
|
$(".memorycontainer").find(".borderselector").removeClass("borderselector");
|
|
$(".memorycontainer").find("[data-device='"+data.device+"']").addClass("borderselector");
|
|
$(".memory-details").find(".borderselector").removeClass("borderselector");
|
|
$(".memory-details").find("[data-version='"+data.version+"']").addClass("borderselector");
|
|
$(".computersize").find("[data-gb='"+data.gb+"']").addClass("borderselector");
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// $(".product_desc").html(data.description);
|
|
// $(".productDetailsMain").find("img").attr("src",data.image)
|
|
</script>
|
|
</body>
|
|
|
|
</html> |