600 行
30 KiB
HTML
600 行
30 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="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="./dist/css/main.css" />
|
|
<link rel="stylesheet" href="./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/allinone14inch.css" />
|
|
<link rel="stylesheet" href="./dist/css/pages/productdetails.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>Anwi</title>
|
|
</head>
|
|
|
|
<body class="">
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-navbar -->
|
|
<!-- main-body -->
|
|
<main class="main-body home-main-container pt-5">
|
|
<!-- product-viewer -->
|
|
<section class="pb-md-5">
|
|
<div class="container mainContanierProduct">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<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="../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg" alt=""
|
|
class="card-img img-fluid" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 productDetailsShadow">
|
|
<div class="card border-0 p-md-4 p-3">
|
|
<div>
|
|
<div>
|
|
<h5 class="product_catlogue_name" style="font-size: 1.5rem"></h5>
|
|
</div>
|
|
<div class="py-2">
|
|
₹
|
|
<span class="product_catlogue_price" style="font-size: 1.5rem; font-weight: 600"></span>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div class="pb-2 memory-parent">
|
|
<h5 class="py-2 smallHeadingProductDetails">Processor</h5>
|
|
<div class="d-flex gap-2 memorycontainer">
|
|
<div class="card p-3 borderselector small-font" id="gen_1"></div>
|
|
<div class="card p-3 small-font" id="gen_2"></div>
|
|
<div class="card p-3 small-font" id="gen_3"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="memory-details">
|
|
<h5 class="py-2 smallHeadingProductDetails">Memory</h5>
|
|
<div class="d-flex gap-2 pb-2 ramtech">
|
|
<div type="button" class="specsmallcard-mini card small-font p-3 borderselector"
|
|
id="memeory_data"></div>
|
|
</div>
|
|
<div>
|
|
<h5 class="py-2 smallHeadingProductDetails">Display</h5>
|
|
<div class="d-flex gap-2 computersize">
|
|
<div type="button" class="specsmallcard-mini card small-font p-3 borderselector"
|
|
id="display_data"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pb-2">
|
|
<h5 class="py-2 smallHeadingProductDetails">Storage</h5>
|
|
<div class="borderselector card small-font p-3" id="storage_data"></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><a
|
|
class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</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 d-none">
|
|
<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-none 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>
|
|
</section>
|
|
<section>
|
|
<div class="container">
|
|
<h2 class="specification_head">Specifications</h2>
|
|
<div class="d-flex gap-5 specContainer my-5">
|
|
<div class="specContainerleft w-100">
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Battery</div>
|
|
<div class="col-sm-8 py-2" id="product_battery"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">GPU</div>
|
|
<div class="col-sm-8 py-2" id="gpu"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">I/O ports</div>
|
|
<div class="col-sm-8 py-2" id="ioports"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="specContainerRight w-100">
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Communication</div>
|
|
<div class="col-sm-8 py-2" id="product_communication"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Power Supply</div>
|
|
<div class="col-sm-8 py-2" id="power"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Camera</div>
|
|
<div class="col-sm-8 py-2" id="camera"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Body Type</div>
|
|
<div class="col-sm-8 py-2" id="body_type"></div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row border-bottom">
|
|
<div class="col-sm-4 bg-gray-3 py-2">Weight / Dimension</div>
|
|
<div class="col-sm-8 py-2" id="product_weight"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<div id="enquire"></div>
|
|
<!-- footer -->
|
|
<div id="footer-head"></div>
|
|
<!-- end-footer -->
|
|
<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/cookies.min.js"></script>
|
|
<script src="../dist/js/form.js"></script>
|
|
|
|
<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/axios.min.js"></script>
|
|
<script src="../dist/js/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>
|
|
$(".header-area").addClass("bg-gradient-anwi");
|
|
$(".all_in_pg")
|
|
.find(".pre_img")
|
|
.each(function () {
|
|
$(this).click(function () {
|
|
let img_src = $(this).attr("data-src");
|
|
$(this)
|
|
.parents(".row")
|
|
.find(".main_all_img")
|
|
.find(".main_img")
|
|
.attr("src", img_src);
|
|
});
|
|
});
|
|
|
|
let products = {
|
|
zenosleekbook14: {
|
|
name: "Zeno Sleekbook 14.1 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: "12th Gen Intel® CoreTM i5",
|
|
processor1: "12th Gen Intel® CoreTM i7",
|
|
price5: "54,990",
|
|
price7: "64,990",
|
|
genaration: "12th Generation",
|
|
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)`,
|
|
display: "14.1 inch (2.5K 2560* 1440) (400 NITS)",
|
|
memory: `24GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
|
|
battery: "45.6 Whr - 4000 mAh",
|
|
weight: "1.4 Kg",
|
|
communication: "Intel® Dual Band Wi-Fi 6",
|
|
powersupply: "65W, 6A Type-C DC Adapter",
|
|
camera: "2 MP",
|
|
bodytype: "AD Metal",
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>
|
|
2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,
|
|
AC/DC)
|
|
</li>
|
|
<li>1 x HDMITM output port (with HDCP)</li>
|
|
<li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x DC-in jack with type-C</li>
|
|
<li>1 x TF Card Reader</li>
|
|
</ul>`,
|
|
],
|
|
},
|
|
zenosleekbook14touch: {
|
|
name: "Zeno Sleekbook 14.1 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: `12th Gen Intel® CoreTM i5`,
|
|
processor1: `12th Gen Intel® CoreTM i7`,
|
|
price5: "54,990",
|
|
price7: "64,990",
|
|
genaration: "12th Generation",
|
|
memory: `24GB DDR4 RAM 3200 MHz`,
|
|
display: "14.1 inch (1920* 1080 FHD ) Touch Screen, 360o Foldable.",
|
|
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)`,
|
|
battery: "45.6 Whr - 4000 mAh",
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>
|
|
2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,
|
|
AC/DC)
|
|
</li>
|
|
<li>1 x HDMITM output port (with HDCP)</li>
|
|
<li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x DC-in jack with type-C</li>
|
|
<li>1 x TF Card Reader</li>
|
|
</ul>`,
|
|
],
|
|
communication: "Intel® Dual Band Wi-Fi 6",
|
|
powersupply: "65W, 6A Type-C DC Adapter",
|
|
camera: "2 MP",
|
|
bodytype: "AD Metal",
|
|
weight: "1.4 Kg",
|
|
},
|
|
zenosleekbook15: {
|
|
name: "Zeno Sleekbook 15.6 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: `12th Gen Intel® Core<sup>TM</sup> i5`,
|
|
processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
|
|
price5: "57,990",
|
|
price7: "67,990",
|
|
genaration: "12th Generation",
|
|
memory: `24GB DDR4 RAM 3200 MHz`,
|
|
display: "15.6 inch (4k 500 Nits)",
|
|
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)`,
|
|
battery: "72 Whr - 6350 mAh",
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>
|
|
<li>1 x HDMITM output port (with HDCP)</li>
|
|
<li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x DC-in jack with type-C</li>
|
|
<li>1 x TF Card Reader</li>
|
|
</ul>`,
|
|
],
|
|
communication: "Intel® Dual Band Wi-Fi 5",
|
|
powersupply: "65W, 6A Type-C DC Adapter",
|
|
camera: "2 MP",
|
|
bodytype: "AD Metal",
|
|
weight: "1.8 Kg",
|
|
},
|
|
zenodualbook16: {
|
|
name: "Zeno Dualbook 16 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: `12th Gen Intel® Core<sup>TM</sup> i7`,
|
|
price5: "64,990",
|
|
memory: `16GB DDR4 RAM 3200 MHz`,
|
|
display: "16 inch 2K Primary 4k Secondary Dual Screen",
|
|
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)`,
|
|
battery: "51 Whr - 3300 mAh",
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>
|
|
<li>1 x HDMITM output port (with HDCP)</li>
|
|
<li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x TF Card Reader</li>
|
|
</ul>`,
|
|
],
|
|
communication: "Intel® Dual Band Wi-Fi 5",
|
|
powersupply: "65W, 6A DC Adapter",
|
|
camera: "2 MP",
|
|
bodytype: "Metal",
|
|
weight: "2.3 Kg",
|
|
},
|
|
zenodualbook21: {
|
|
name: "Zeno All-in-One 21.5 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: `12th Gen Intel® Core<sup>TM</sup> i5`,
|
|
processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
|
|
processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,
|
|
price5: "33,990",
|
|
price7: "39,990",
|
|
price9: "49,990",
|
|
genaration: "12th Generation | 13th Generation",
|
|
memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
|
|
display: "21.5 inch (1920*1080 FHD)",
|
|
storage: `512GB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0& 8TB SATA)</span>`,
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>
|
|
<li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>
|
|
<li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>
|
|
<li>1 x RJ-45 LAN port</li>
|
|
<li>1 x DC-in jack</li>
|
|
<li>1 x VGA port</li>
|
|
</ul>`,
|
|
],
|
|
communication: "Intel® Dual Band Wi-Fi 6",
|
|
powersupply:
|
|
"Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",
|
|
camera: "3 MP",
|
|
bodytype: "Plastic Body with Metal Stand",
|
|
},
|
|
zenodualbook23: {
|
|
name: "Zeno All-in-One 23.8 inch",
|
|
Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
|
|
processor: `12th Gen Intel® Core<sup>TM</sup> i3`,
|
|
processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
|
|
processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,
|
|
price5: "39,990",
|
|
price7: "44,990",
|
|
price9: "59,990",
|
|
genaration: "12th Generation | 13th Generation",
|
|
memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
|
|
display: "23.8 inch (1920*1080 FHD)",
|
|
storage: `1TB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0 & 8TB SATA)</span>`,
|
|
gpu: [
|
|
`<ul class="ps-3">
|
|
<li>Intel® Iris® Xe Graphics</li>
|
|
<li>Graphics Max Dynamic Frequency 1.30 GHz</li>
|
|
<li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
|
|
<li>Execution Units 80</li>
|
|
</ul>`,
|
|
],
|
|
ioports: [
|
|
` <ul class="ps-3">
|
|
<li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>
|
|
<li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>
|
|
<li>1 2-in-1 Audio jack (Headphone / Microphone)</li>
|
|
<li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>
|
|
<li>1 x RJ-45 LAN port</li>
|
|
<li>1 x DC-in jack</li>
|
|
<li>1 x VGA port</li>
|
|
</ul>`,
|
|
],
|
|
communication: "Intel® Dual Band Wi-Fi 6",
|
|
powersupply:
|
|
"Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",
|
|
camera: "3 MP",
|
|
bodytype: "Plastic Body with Metal Stand",
|
|
},
|
|
};
|
|
|
|
let product_catlogue_data = localStorage.getItem("product_catlogue_obj");
|
|
const data = JSON.parse(product_catlogue_data);
|
|
const name = data.product;
|
|
const obj_data = products[name];
|
|
console.log(obj_data);
|
|
|
|
$(".product_catlogue_name").html(obj_data.name);
|
|
$("#gen_1").html(obj_data.processor);
|
|
$("#gen_2").html(obj_data.processor1);
|
|
$("#gen_3").html(obj_data.processor2);
|
|
$(".product_catlogue_price").html(obj_data.price5);
|
|
$("#memeory_data").html(obj_data.memory);
|
|
$("#display_data").html(obj_data.display);
|
|
$("#storage_data").html(obj_data.storage);
|
|
$("#product_battery").html(obj_data.battery);
|
|
$("#product_weight").html(obj_data.weight);
|
|
$("#product_communication").html(obj_data.communication);
|
|
$("#gpu").html(obj_data.gpu[0]);
|
|
$("#ioports").html(obj_data.ioports[0]);
|
|
$("#power").html(obj_data.powersupply);
|
|
$("#body_type").html(obj_data.bodytype);
|
|
$("#camera").html(obj_data.camera);
|
|
$(".productDetailsShadow").find("img").attr("src",obj_data.Image);
|
|
$("#gen_2").click(function () {
|
|
$(this).addClass("borderselector");
|
|
$("#gen_1").removeClass("borderselector");
|
|
$("#gen_3").removeClass("borderselector");
|
|
$(".product_catlogue_price").html(obj_data.price7);
|
|
});
|
|
$("#gen_1").click(function () {
|
|
$(this).addClass("borderselector");
|
|
$("#gen_2").removeClass("borderselector");
|
|
$("#gen_3").removeClass("borderselector");
|
|
$(".product_catlogue_price").html(obj_data.price5);
|
|
});
|
|
$("#gen_3").click(function () {
|
|
$(this).addClass("borderselector");
|
|
$("#gen_2").removeClass("borderselector");
|
|
$("#gen_1").removeClass("borderselector");
|
|
$(".product_catlogue_price").html(obj_data.price9);
|
|
});
|
|
debugger;
|
|
let battery_len = $("#product_battery").text();
|
|
let weight_len = $("#product_weight").text();
|
|
let processor_len = $("#gen_3").text();
|
|
let processor_len2 = $("#gen_2").html();
|
|
if (battery_len == "") {
|
|
$("#product_battery").parents(".row").addClass("d-none");
|
|
}
|
|
if (weight_len == "") {
|
|
$("#product_weight").parents(".row").addClass("d-none");
|
|
}
|
|
if (processor_len == "") {
|
|
$("#gen_3").addClass("d-none");
|
|
}
|
|
if (processor_len2 == "") {
|
|
$("#gen_2").addClass("d-none");
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |