rahul.katari/anwisystems
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added new sections

Browse Source
This commit is contained in:
Rahul Katari
2024-04-08 11:53:14 +05:30
parent f10b93141d
commit aca1a27410
12 changed files with 1849 additions and 1658 deletions
Download Patch File Download Diff File Expand all files Collapse all files
accesories section.txt
+12
View File
@@ -0,0 +1,12 @@
accesories section
know more for each
landing : aio - fyro -2
laptop
AIO page:
1. power backup section
2. sleek section
3. cut enerygy bills
4. compact
5. affordable
dist/assets/imgs/zeno/aio/aio.png
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

dist/assets/imgs/zeno/aio/anti-glare.png
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

dist/assets/imgs/zeno/aio/icon_typec.png
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

dist/assets/imgs/zeno/aio/power-backup.jpg
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

dist/assets/imgs/zeno/aio/power-backup1.jpg
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

dist/assets/imgs/zeno/aio/sleek.jpg
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

dist/assets/imgs/zeno/aio/tuv.png
Vendored
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

dist/css/style.css
Vendored
+1 -1
View File
@@ -89,7 +89,7 @@ button {
line-height: inherit; line-height: inherit;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
color: #333333 !important; color: #333333;
} }
a, a,
dist/js/main.js
Vendored
+1676 -1535
View File
File diff suppressed because it is too large Load Diff
index.html
+3 -6
View File
@@ -92,7 +92,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- end-banner --> <!-- end-banner -->
@@ -117,7 +116,7 @@
<div class=""> <div class="">
<div <div
class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4 pt-5"> class="card ms-auto Two_four_inch_Card border-0 notes bg-gray-background rounded-4 pt-5">
<img src="./dist/assets/imgs/productimg/home-aio.png" <img src="./dist/assets/imgs/zeno/aio/aio.png"
class="img-fluid w-65 w-sm-75 mx-auto success-img" alt="..."> class="img-fluid w-65 w-sm-75 mx-auto success-img" alt="...">
<div class="card-body px-lg-5 pb-lg-5 pt-0"> <div class="card-body px-lg-5 pb-lg-5 pt-0">
<h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">Zeno All-in-One 23.8 <h5 class="card-text satoshi_font fw-bold ms-md-0 ms-5">Zeno All-in-One 23.8
@@ -134,10 +133,8 @@
</ul> </ul>
<h5 class="card-text my-3"><small class="satoshi_font text-black-50">Starting <h5 class="card-text my-3"><small class="satoshi_font text-black-50">Starting
from ₹ 37,990</small></h5> from ₹ 35,585</small></h5>
<a class="btn btn-dark " <a class="btn btn-dark " href="/zeno-aio-landing.html">Know More</a>
href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Buy
Now</a>
<p></p> <p></p>
</div> </div>
</div> </div>
zeno-aio-landing.html
+98 -57
View File
@@ -23,7 +23,7 @@
<main class="main-body home-main-container loading-main" id="home-main-container"> <main class="main-body home-main-container loading-main" id="home-main-container">
<!-- banner section --> <!-- banner section -->
<section> <section>
<div class="container"> <div class="container px-0">
<img src="./dist/assets/imgs/zeno/aio/banner-1-DT.jpg" alt=""> <img src="./dist/assets/imgs/zeno/aio/banner-1-DT.jpg" alt="">
<h2 class="md:text-7xl text-4xl text-center font-semibold">Anwi Zeno AIO</h2> <h2 class="md:text-7xl text-4xl text-center font-semibold">Anwi Zeno AIO</h2>
<h4 class="md:text-5xl text-2xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful <h4 class="md:text-5xl text-2xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful
@@ -41,7 +41,7 @@
</section> </section>
<!-- stand section --> <!-- stand section -->
<section> <section>
<div class="container bg-black md:py-24 py-12"> <div class="container bg-black md:py-20 py-12 md:my-24 my-12">
<div class="md:grid grid-cols-5 max-w-7xl my-5 mx-auto"> <div class="md:grid grid-cols-5 max-w-7xl my-5 mx-auto">
<div class="text-white col-span-2 flex flex-col justify-center"> <div class="text-white col-span-2 flex flex-col justify-center">
<h2 class="text-3xl font-semibold">View Flexibly</h2> <h2 class="text-3xl font-semibold">View Flexibly</h2>
@@ -55,13 +55,13 @@
</section> </section>
<!-- display section --> <!-- display section -->
<section> <section>
<div class="container"> <div class="container px-0">
<div class=" max-w-7xl m-auto md:text-center my-5 relative"> <div class=" max-w-5xl m-auto md:text-center my-5 relative">
<h2 class="text-2xl uppercase "><span <h2 class="text-2xl uppercase "><span
class="text-cyan-700 tracking-widest border-t-2 border-cyan-700 pt-2">Display</span> class="text-cyan-700 tracking-widest border-t-2 border-cyan-700 pt-2">Display</span>
</h2> </h2>
<h3 class="md:text-5xl text-3xl font-semibold my-4"><span>Display of brilliance</span></h3> <h3 class="md:text-5xl text-3xl font-semibold my-4"><span>Display of brilliance</span></h3>
<div class="md:mx-44 md:text-xl font-medium">The space-saving ANWI M3402WFA is remarkably slim and <div class="md:text-xl font-medium">The space-saving ANWI Zeno is remarkably slim and
light, light,
and and
its NanoEdge its NanoEdge
@@ -76,33 +76,30 @@
comfort and low blue-light emissions — so your eyes stay fresh during long viewing sessions. comfort and low blue-light emissions — so your eyes stay fresh during long viewing sessions.
</div> </div>
<div class="grid md:grid-cols-5 grid-cols-2 my-12"> <div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
<div class="" data-gaid="" data-index="1"> <div class="flex flex-col space-y-3">
<div class="md:text-5xl text-3xl font-medium text-cyan-700">24”</div> <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">24”</div>
<div class=""><span>FHD NanoEdge display</span> <div class=""><span class="">FHD NanoEdge display</span>
</div> </div>
</div> </div>
<div class="" data-gaid="" data-index="2"> <div class="flex flex-col space-y-3">
<div class="md:text-5xl text-3xl font-medium text-cyan-700">88%</div> <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">88%</div>
<div class=""><span>screen-to-body ratio</span> <div class=""><span>screen-to-body ratio</span>
</div> </div>
</div> </div>
<div class="" data-gaid="" data-index="3"> <div class="flex flex-col space-y-3">
<div class="md:text-5xl text-3xl font-medium text-cyan-700">100%</div> <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">100%</div>
<div class=""><span>sRGB color gamut</span> <div class=""><span>sRGB color gamut</span>
</div> </div>
</div> </div>
<div class="" data-gaid="" data-index="4"> <div class="flex flex-col space-y-3">
<div class=""><img class="img img__icon img__icon4" <div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/tuv.png" alt="eye care">
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
alt="An icon for TÜV Rheinland-certified eye care">
</div> </div>
<div class=""><span>TÜV Rheinland-certified eye care</span> <div class=""><span>TÜV Rheinland- <br> certified eye care</span>
</div> </div>
</div> </div>
<div class="" data-gaid="" data-index="5"> <div class="flex flex-col space-y-3">
<div class=""><img class="img img__icon img__icon5" <div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/anti-glare.png"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
alt="An icon for anti-glare display"> alt="An icon for anti-glare display">
</div> </div>
<div class=""><span>anti-glare display</span> <div class=""><span>anti-glare display</span>
@@ -117,7 +114,7 @@
</section> </section>
<!-- audio section --> <!-- audio section -->
<section> <section>
<div class="relative container"> <div class="relative container px-0">
<div> <div>
<img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt=""> <img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="">
</div> </div>
@@ -132,7 +129,7 @@
<div class="font-medium md:text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team, <div class="font-medium md:text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team,
empowers empowers
ANWI ANWI
M3402WFA with Zeno with
quality audio that delivers wider frequency range for clearer vocals and rich, deep bass. quality audio that delivers wider frequency range for clearer vocals and rich, deep bass.
SonicMaster is a tailored mix of superior hardware and clever software designed to give you full SonicMaster is a tailored mix of superior hardware and clever software designed to give you full
audio controls for truly immersive sound for movies, music and games.</div> audio controls for truly immersive sound for movies, music and games.</div>
@@ -141,7 +138,7 @@
</section> </section>
<!-- beginners section --> <!-- beginners section -->
<section> <section>
<div class="container my-5"> <div class="container my-5 px-0">
<div class="grid md:grid-cols-2 gap-5 mx-3"> <div class="grid md:grid-cols-2 gap-5 mx-3">
<div class=""><img <div class=""><img
src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg" src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
@@ -182,44 +179,42 @@
<span>Fast, reliable connectivity</span> <span>Fast, reliable connectivity</span>
</h3> </h3>
<div class="max-w-4xl m-auto md:text-xl font-medium"> <div class="max-w-4xl m-auto md:text-xl font-medium">
ANWI M3402WFA is loaded with the latest connectivity, including an HDMI-in port that lets you ANWI Zeno is loaded with the latest connectivity, including an HDMI-in port that lets you
hook up video and audio from an external source — enabling amazing big-screen experiences for hook up video and audio from an external source — enabling amazing big-screen experiences for
your laptop, mobile device, game console or even a set-top TV box. There are also three USB 3.2 your laptop, mobile device, game console or even a set-top TV box. There are also three USB 3.2
Gen 1 ports for connecting all your peripherals, an HDMI-out port for attaching an external Gen 1 ports for connecting all your peripherals, an HDMI-out port for attaching an external
display and an SD card reader<sup class="footnote-num"><a href="#" display and an SD card reader<sup class="footnote-num"><a href="#"
aria-label="Footnote 2">2</a></sup> for everyday convenience. ANWI M3402WFA also has aria-label="Footnote 2">2</a></sup> for everyday convenience. ANWI Zeno also has
integrated security, with a built-in Kensington lock slot for simple and effective physical integrated security, with a built-in Kensington lock slot for simple and effective physical
protection.</div> protection.</div>
<div <div
class="grid md:grid-cols-4 grid-cols-2 gap-8 text-center max-w-3xl mx-auto md:my-24 my-8 font-medium"> class="grid md:grid-cols-4 grid-cols-2 gap-8 text-center max-w-4xl mx-auto md:my-24 my-8 font-medium">
<div class=""> <div class="flex flex-col justify-between space-y-4">
<div class="text-5xl font-medium text-cyan-700"><img class="m-auto" <div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typea.png"
src="./dist/assets/imgs/zeno/aio/icon_typea.png"
alt="An icon for USB 3.2 Gen 1 Type-A x 3"> alt="An icon for USB 3.2 Gen 1 Type-A x 3">
</div> </div>
<div class="wd__feature__describe"><span>USB 3.2 Gen 1 Type-A x 3</span> <div class=""><span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
</div> </div>
</div> </div>
<div class=""> <div class="flex flex-col justify-between space-y-4">
<div class="text-5xl font-medium text-cyan-700"><img class="img img__icon img__icon1" <div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typec.png"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=" alt="icon for USB-C">
alt="An icon for USB-C® 3.2 Gen 1">
</div> </div>
<div class=""><span>USB-C<sup role="img" aria-label="registered" class="sign-reg">®</sup> <div class=""><span class="font-bold">USB-C<sup role="img" aria-label="registered">®</sup>
3.2 Gen 1</span> 3.2 Gen 1</span>
</div> </div>
</div> </div>
<div class=""> <div class="flex flex-col justify-between space-y-4">
<div class="text-3xl font-medium text-cyan-700 ">10x</div> <div class="text-5xl font-normal text-cyan-700 ">10x</div>
<div class=""><span>faster than USB 2.0</span> <div class=""><span class="font-bold">faster than USB 2.0</span>
</div> </div>
</div> </div>
<div class=""> <div class="flex flex-col justify-between space-y-4">
<div class="text-5xl font-medium text-cyan-700 text-center"><img class="m-auto" <div class="text-5xl font-medium text-cyan-700 text-center"><img class="m-auto"
src="./dist/assets/imgs/zeno/aio/icon_typed.png" alt="An icon for HDMI-in Port"> src="./dist/assets/imgs/zeno/aio/icon_typed.png" alt="An icon for HDMI-in Port">
</div> </div>
<div class=""><span>HDMI-in Port</span> <div class=""><span class="font-bold">HDMI-in Port</span>
</div> </div>
</div> </div>
</div> </div>
@@ -229,7 +224,7 @@
</section> </section>
<!-- secure section --> <!-- secure section -->
<section> <section>
<div class="container max-sm:my-12"> <div class="container max-sm:my-12 px-0">
<div class="relative"> <div class="relative">
<img src="./dist/assets/imgs/zeno/aio/security.jpg" alt="" class=""> <img src="./dist/assets/imgs/zeno/aio/security.jpg" alt="" class="">
<div class="md:absolute top-16 max-w-xl right-16"> <div class="md:absolute top-16 max-w-xl right-16">
@@ -240,47 +235,92 @@
<span>Optional Fingerprint Scanner for Peace of Mind.</span> <span>Optional Fingerprint Scanner for Peace of Mind.</span>
</h3> </h3>
<div class="md:text-xl font-medium">Remote working is <div class="md:text-xl font-medium">Remote working is
accelerating, and with it the need to keep your crucial data safe. That’s why ANWI M3402WFA accelerating, and with it the need to keep your crucial data safe. That’s why ANWI Zeno
is equipped with first-class security. The camera’s shutter slides across in a moment for is equipped with first-class security. The camera’s shutter slides across in a moment for
instant privacy, whenever you need it. There’s also the all-new Microsoft Pluton chip that instant privacy, whenever you need it. There’s also the all-new Microsoft Pluton chip that
bakes security into the CPU core, ensuring both code integrity and the latest protection — bakes security into the CPU core, ensuring both code integrity and the latest protection —
virtually eliminating the risk of leaks through hacking. ANWI M3402WFA also has a Kensington virtually eliminating the risk of leaks through hacking. ANWI Zeno also has a Kensington
slot that provides a way to physically safeguard the machine, preventing theft of the PC slot that provides a way to physically safeguard the machine, preventing theft of the PC
from unsupervised locations.</div> from unsupervised locations.</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- power backup section -->
<section> <section>
<div class="container p-3" style="background: #e2e2e2;"> <div class="container max-w-5xl">
<h2 class="text-center font-weight-600 my-4"> <div class="content">
<div class="text-center space-y-5">
<h3 class="text-4xl text-red-800 font-semibold">Never Stop</h3>
<h4 class="text-3xl font-normal text-black">Zeno's 60-Min Power Backup Keeps You
Productive.</h4>
</div>
</div>
<div>
<div>
<img src="./dist/assets/imgs/zeno/aio/power-backup.jpg" alt="">
</div>
</div>
<div class="d-none">
<div>
<div>
<div>100W</div>
<p>Type-C Portable Hyper Charger*</p>
<p>*Type-C Charger is not available in India.</p>
</div>
<div>
<div>10 Hours</div>
<p>1080P Video Playing</p>
</div>
</div>
</div>
</div>
</section>
<!-- sleek section -->
<section>
<div class=" text-center container max-w-7xl m-auto">
<div class="my-12 md:my-24 max-w-5xl mx-auto">
<h2 class="uppercase tracking-widest"><span
class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Sleek</span>
</h2>
<h3 class="my-6 md:text-5xl text-3xl font-semibold"><span>Minimalist aesthetic</span>
</h3>
<div class="font-medium text-xl">ASUS M3402WFA has a fresh and minimalist aesthetic look to
complement
vibrant
lifestyles, with a beautiful integrated stand. Designed for complete stability and a
sleek appearance, it fits perfectly almost anywhere — from modern homes to home offices.
</div>
</div>
<div><img class="w-full" src="./dist/assets/imgs/zeno/aio/sleek.jpg" alt="">
</div>
</div>
</section>
<section>
<div class="container p-3 max-w-6xl my-12 md:my-24">
<h2 class="font-semibold text-2xl md:text-4xl">
Zeno: Experience Desktop Power Zeno: Experience Desktop Power
</h2> </h2>
<div class="d-flex"> <div class="md:grid grid-cols-2">
<h3 class="font-weight-lighter"> <h3 class="flex flex-col justify-center text-xl md:text-3xl">
Upgradability in <br> Upgradability in <br>
<div style="white-space: nowrap; font-weight: 800;" class="pt-4">Sleek <div class="pt-2 font-semibold">Sleek
All-in-One</div> Design All-in-One</div> Design
</h3> </h3>
<div class="ms-5"> <div class="ms-5">
<img src="./dist/assets/imgs/zeno/aio/aio1.jpeg" alt="" class="w-100"> <img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" class="w-100">
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section> <section>
<div class="container"> <div class="container px-0">
<img src="./dist/assets/imgs/zeno/aio/front.jpeg" alt="">
</div>
</section>
<section>
<div class="container">
<img src="./dist/assets/imgs/zeno/aio/inner-panel.jpeg" alt=""> <img src="./dist/assets/imgs/zeno/aio/inner-panel.jpeg" alt="">
</div> </div>
</section> </section>
<section> <section>
<div class="container"> <div class="container px-0">
<img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt=""> <img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt="">
</div> </div>
@@ -306,6 +346,7 @@
<script src="./dist/js/plugins/aos.js"></script> <script src="./dist/js/plugins/aos.js"></script>
<script> <script>
AOS.init(); AOS.init();
$('#navbar-head').addClass('absolute w-100 shadow-none');
</script> </script>
</body> </body>