added new zeno landing pages
This commit is contained in:
+246
-181
@@ -1,170 +1,236 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<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="./all.css">
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
type="image/x-icon"
|
||||
href="./dist/assets/imgs/favicon.gif"
|
||||
/>
|
||||
<link rel="stylesheet" href="./all.css" />
|
||||
<title>Laptops | Anwi</title>
|
||||
</head>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="product_pg">
|
||||
<body class="product_pg">
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head" class=""></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container pt-md-0 pt-5">
|
||||
<!-- <section class="services h-100 bg-black">
|
||||
<!-- <section class="services h-100 bg-black">
|
||||
<div class="container pt-5 ">
|
||||
<div class="text-center text-white ">
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<section class="position-relative bg-black">
|
||||
<iframe class="d-none"
|
||||
src="https://player.vimeo.com/video/824707959?h=5b3654950a&&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1"
|
||||
width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</section>
|
||||
<section class="bg-black py-5 fyro_id d-none">
|
||||
<div class="container pb-md-4 text-white">
|
||||
<div class="text-center">
|
||||
<h1 class="text-fyro">Unleashing the Beasts of Creativity &
|
||||
Innovation with Graphics, AI, and ML</h1>
|
||||
<p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
|
||||
enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
|
||||
cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
|
||||
performance</strong> needed to handle the most demanding workloads. Whether
|
||||
you're a gamer, video editor, or AI researcher, FYRO has the tools you need
|
||||
to unleash your creativity and push the boundaries of what's possible.</p>
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
|
||||
are the
|
||||
perfect blend of style and substance, offering unparalleled performance
|
||||
and portability in a compact package. Join the FYRO revolution and
|
||||
experience the power of next-gen computing today.</p>
|
||||
<div class="bg-blur border rounded-4 p-4 ">
|
||||
<div class="row p-md-3 ">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 ">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-md-3">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
|
||||
high Temp upto 105<sup>o</sup></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">Decent
|
||||
Battery backup</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="position-relative bg-black">
|
||||
<iframe
|
||||
class="d-none"
|
||||
src="https://player.vimeo.com/video/824707959?h=5b3654950a&&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1"
|
||||
width="1536px"
|
||||
height="860px"
|
||||
frameborder="0"
|
||||
allow="autoplay; fullscreen; picture-in-picture"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</section>
|
||||
<section class="bg-black py-5 fyro_id d-none">
|
||||
<div class="container pb-md-4 text-white">
|
||||
<div class="text-center">
|
||||
<h1 class="text-fyro">
|
||||
Unleashing the Beasts of Creativity & Innovation with Graphics,
|
||||
AI, and ML
|
||||
</h1>
|
||||
<p class="font-1-5 text-white">
|
||||
FYRO products are the ultimate machines for graphics, AI, and ML
|
||||
enthusiasts. With powerful Intel<sup>®</sup> processors and
|
||||
advanced NVIDIA graphics cards,
|
||||
<strong
|
||||
>FYRO laptops and all-in-ones deliver the raw power and
|
||||
performance</strong
|
||||
>
|
||||
needed to handle the most demanding workloads. Whether you're a
|
||||
gamer, video editor, or AI researcher, FYRO has the tools you need
|
||||
to unleash your creativity and push the boundaries of what's
|
||||
possible.
|
||||
</p>
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/Home_new/Fyro_img.png"
|
||||
class="img-fluid w-50"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="bg-black py-5 zeno_id d-none">
|
||||
<div class="container text-center text-white">
|
||||
<h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
|
||||
<p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
|
||||
laptops and all-in-ones</strong> that offer exceptional performance and style.
|
||||
Built with state-of-the-art components, including the latest generation of
|
||||
Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
|
||||
<div class="text-center">
|
||||
<img class="img-fluid" src="./dist/assets/imgs/allin_imgs/Asset 1.png" alt="">
|
||||
</div>
|
||||
<p class="font-1-5 text-center mb-5 mt-4">
|
||||
With sleek designs and customizable features, FYRO products are the
|
||||
perfect blend of style and substance, offering unparalleled
|
||||
performance and portability in a compact package. Join the FYRO
|
||||
revolution and experience the power of next-gen computing today.
|
||||
</p>
|
||||
<div class="bg-blur border rounded-4 p-4">
|
||||
<div class="row p-md-3">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Group 4475.svg"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">
|
||||
Unmatched GPU Performance
|
||||
</p>
|
||||
</div>
|
||||
<p class="font-1-2 mt-4 mb-5">
|
||||
Zeno products are designed to meet the needs of professionals, students, and
|
||||
anyone who requires a reliable and portable computing solution. With their advanced
|
||||
features, including customizable hotkeys, fingerprint recognition, and a variety of
|
||||
connectivity options, Zeno products offer the perfect blend of style and substance for
|
||||
those who want a high-performing computing experience in a compact package.
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Group 4479.svg"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">
|
||||
High-end Gaming Capabilities
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-md-3">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Asset 5.svg"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">
|
||||
Thermal Tested to handle high Temp upto 105<sup>o</sup>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Asset 4.svg"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">
|
||||
Decent Battery backup
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bg-black py-5 zeno_id d-none">
|
||||
<div class="container text-center text-white">
|
||||
<h1 class="text-blue-1 m-auto">
|
||||
The compact powerhouse for your productivity
|
||||
</h1>
|
||||
<p class="font-1-5 my-4">
|
||||
Zeno products are a range of
|
||||
<strong
|
||||
>sleek, powerful, and compact non-GPU laptops and
|
||||
all-in-ones</strong
|
||||
>
|
||||
that offer exceptional performance and style. Built with
|
||||
state-of-the-art components, including the latest generation of
|
||||
Intel<sup>®</sup> processors,
|
||||
<strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong>
|
||||
</p>
|
||||
<div class="text-center">
|
||||
<img
|
||||
class="img-fluid"
|
||||
src="./dist/assets/imgs/allin_imgs/Asset 1.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<p class="font-1-2 mt-4 mb-5">
|
||||
Zeno products are designed to meet the needs of professionals,
|
||||
students, and anyone who requires a reliable and portable computing
|
||||
solution. With their advanced features, including customizable
|
||||
hotkeys, fingerprint recognition, and a variety of connectivity
|
||||
options, Zeno products offer the perfect blend of style and
|
||||
substance for those who want a high-performing computing experience
|
||||
in a compact package.
|
||||
</p>
|
||||
<div class="bg-blur border rounded-4 p-4 text-white">
|
||||
<div class="row p-md-3 text-center">
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Asset 9.svg"
|
||||
class="h-100p p-3"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
|
||||
</div>
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Group 4492.svg"
|
||||
class="h-100p p-3"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">
|
||||
Lightening-fast Intel<sup>®</sup> Processors
|
||||
</p>
|
||||
<div class="bg-blur border rounded-4 p-4 text-white">
|
||||
<div class="row p-md-3 text-center">
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
|
||||
</div>
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Stunning Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/icons/Asset 8.svg"
|
||||
class="h-100p p-3"
|
||||
/>
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Stunning Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pt-2 ramsContainer " id="ora_products_">
|
||||
<div class="products-container container pb-5" id="pills-tabContent">
|
||||
<div class="text-center pb-md-5 pt-5">
|
||||
<h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of <span
|
||||
class="productitemnamefull"></span></h1>
|
||||
<!-- <p class="fs-6 satoshi_font fw-500 pb-md-4">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pt-2 ramsContainer bg-gray-3" id="ora_products_">
|
||||
<div class="products-container container pb-5" id="pills-tabContent">
|
||||
<div class="text-center pb-md-5 pt-5">
|
||||
<h1 class="satoshi_font pb-md-4 pb-3">
|
||||
Discover the revolution of
|
||||
<span class="productitemnamefull"></span>
|
||||
</h1>
|
||||
<!-- <p class="fs-6 satoshi_font fw-500 pb-md-4">
|
||||
ORA Memory Series, harnessing cutting-edge<br>
|
||||
Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
|
||||
Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
|
||||
performance.
|
||||
</p> -->
|
||||
</div>
|
||||
<div class="text-center py-md-5 py-4">
|
||||
<span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi
|
||||
Systems</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center py-md-5 py-4">
|
||||
<span
|
||||
class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white"
|
||||
>Join the future with Anwi Systems</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- <div class="loadingCall">
|
||||
<!-- <div class="loadingCall">
|
||||
<div class="spinner-border" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="row product_card_section">
|
||||
<!--desktop--->
|
||||
|
||||
<div class="row product_card_section">
|
||||
<!--desktop--->
|
||||
|
||||
<!--desktop--->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--desktop--->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div id="enquire"></div>
|
||||
<!-- footer -->
|
||||
@@ -190,8 +256,6 @@
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
@@ -199,58 +263,59 @@
|
||||
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/products/dummyproduct.js"></script>
|
||||
|
||||
<script>
|
||||
let searchTerm = window.location.search.split("?")[1]?.toLowerCase();
|
||||
|
||||
let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
|
||||
|
||||
if (searchTerm) {
|
||||
if (searchTerm == 'zeno') {
|
||||
$('.fyro_id').addClass('d-none');
|
||||
$('.zeno_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Zeno');
|
||||
} else {
|
||||
$('.zeno_id').addClass('d-none');
|
||||
$('.fyro_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Fyro');
|
||||
}
|
||||
if (searchTerm) {
|
||||
if (searchTerm == "zeno") {
|
||||
$(".fyro_id").addClass("d-none");
|
||||
$(".zeno_id").removeClass("d-none");
|
||||
$(".productitemnamefull").html("Zeno");
|
||||
} else {
|
||||
$('.productitemnamefull').parent().addClass('d-none');
|
||||
$(".zeno_id").addClass("d-none");
|
||||
$(".fyro_id").removeClass("d-none");
|
||||
$(".productitemnamefull").html("Fyro");
|
||||
}
|
||||
} else {
|
||||
$(".productitemnamefull").parent().addClass("d-none");
|
||||
}
|
||||
|
||||
|
||||
|
||||
let ram_page = window.location.pathname;
|
||||
let loc_3 = ram_page.includes('laptops.html');
|
||||
if (loc_3 === true) {
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$('.same-style').find('svg path').attr('fill', '#fff');
|
||||
$('svg path').attr('fill', '#fff');
|
||||
}
|
||||
let loc_path = '?FYRO'
|
||||
if (window.location.href.includes(loc_path)) {
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$("iframe").addClass("d-none");
|
||||
$(".fyro_id").find(".container").addClass("pt-5")
|
||||
}
|
||||
else if (window.location.href.includes("?Zeno")) {
|
||||
$("iframe").removeClass("d-none");
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$('.same-style').find('svg path').attr('fill', '#fff');
|
||||
$('svg path').attr('fill', '#fff');
|
||||
}
|
||||
let ram_page = window.location.pathname;
|
||||
let loc_3 = ram_page.includes("laptops.html");
|
||||
if (loc_3 === true) {
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu")
|
||||
.find("nav ul li a")
|
||||
.addClass("text-dark")
|
||||
.removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$(".same-style").find("svg path").attr("fill", "#fff");
|
||||
$("svg path").attr("fill", "#fff");
|
||||
}
|
||||
let loc_path = "?FYRO";
|
||||
if (window.location.href.includes(loc_path)) {
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$(".main-menu")
|
||||
.find("nav ul li a")
|
||||
.removeClass("text-dark")
|
||||
.addClass("text-white");
|
||||
$("iframe").addClass("d-none");
|
||||
$(".fyro_id").find(".container").addClass("pt-5");
|
||||
} else if (window.location.href.includes("?Zeno")) {
|
||||
$("iframe").removeClass("d-none");
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".main-menu")
|
||||
.find("nav ul li a")
|
||||
.removeClass("text-dark")
|
||||
.addClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$(".same-style").find("svg path").attr("fill", "#fff");
|
||||
$("svg path").attr("fill", "#fff");
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user