added new zeno landing pages
Dieser Commit ist enthalten in:
+499
-308
@@ -1,7 +1,6 @@
|
||||
<!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" />
|
||||
@@ -10,344 +9,536 @@
|
||||
<link rel="stylesheet" href="./all.css" />
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
|
||||
|
||||
<title>Anwi</title>
|
||||
</head>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<!-- navbar -->
|
||||
<!-- <auth-loader></auth-loader> -->
|
||||
<div id="navbar-head" class=""></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container loading-main" id="home-main-container">
|
||||
<!-- banner section -->
|
||||
<section>
|
||||
<div class="container px-0">
|
||||
<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>
|
||||
<h4 class="md:text-5xl text-2xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful
|
||||
Performance</span>
|
||||
</h4>
|
||||
<p class="text-center max-w-5xl md:text-2xl m-auto md:my-5 my-2"><strong>We don’t just build
|
||||
machines;</strong>
|
||||
we
|
||||
create tools that
|
||||
make
|
||||
your
|
||||
life easier and better. Every product is made with love, understanding what
|
||||
you really need.</p>
|
||||
<main
|
||||
class="main-body home-main-container loading-main"
|
||||
id="home-main-container"
|
||||
>
|
||||
<!-- banner section -->
|
||||
<section>
|
||||
<div class="px-0 bg-gradient-to-b from-[#8bd2d5] to-[#e2dbe2] py-40">
|
||||
<div
|
||||
class="text-center md:grid md:grid-cols-5 justify-center container-lg items-center md:gap-5"
|
||||
>
|
||||
<div class="col-span-3">
|
||||
<h2 class="md:text-5xl text-4xl text-center font-semibold">
|
||||
Anwi Zeno AIO
|
||||
</h2>
|
||||
<h4 class="md:text-4xl text-2xl text-center my-3 font-medium">
|
||||
Sleek Elegance,<span class="font-bold">
|
||||
Powerful Performance</span
|
||||
>
|
||||
</h4>
|
||||
<p class="text-center md:text-xl m-auto md:my-5 my-2">
|
||||
<strong class="text-[#340d70]"
|
||||
>We don’t just build machines;</strong
|
||||
>
|
||||
we create tools that make your life easier and better.
|
||||
</p>
|
||||
<p class="md:text-xl font-bold">
|
||||
Every product is made with love, understanding what you really
|
||||
need.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- stand section -->
|
||||
<section>
|
||||
<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="text-white col-span-2 flex flex-col justify-center">
|
||||
<h2 class="text-3xl font-semibold">View Flexibly</h2>
|
||||
<p class="text-xl mt-3">Rotate Zeno's Screen 180°, Horizontal to Landscape.</p>
|
||||
</div>
|
||||
<div class="col-span-3 flex justify-center max-sm:mt-24">
|
||||
<img src="./dist/assets/imgs/zeno/aio/stand.png" alt="" class="w-4/6">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-2 flex justify-center w-full">
|
||||
<img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- display section -->
|
||||
<section class="d-none">
|
||||
<div class="container px-0">
|
||||
<div class="max-w-5xl m-auto md:text-center my-5 relative">
|
||||
<h2 class="text-2xl uppercase">
|
||||
<span class="tracking-widest border-t-2 pt-2">Display</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold my-4">
|
||||
<span>Display of brilliance</span>
|
||||
</h3>
|
||||
<div class="md:text-xl font-medium">
|
||||
The space-saving ANWI Zeno is remarkably slim and light, and its
|
||||
NanoEdge display<sup class="footnote-num"
|
||||
><a href="#footnote-3" aria-label="Footnote 3">3</a></sup
|
||||
>
|
||||
features a thin bezel for edge-to-edge viewing and an impressive
|
||||
up to 88% screen-to-body ratio. This stunning widescreen display
|
||||
includes 178<sup class="sign-deg">°</sup> viewing angles and 100%
|
||||
sRGB color gamut for vivid and realistic-looking colors. The
|
||||
24-inch touchscreen<sup class="footnote-num"
|
||||
><a href="#footnote-2" aria-label="Footnote 2">2</a></sup
|
||||
>
|
||||
also boasts 1920x1080 resolution and features an anti-glare
|
||||
coating and certified by TÜV Rheinland for eye comfort and low
|
||||
blue-light emissions — so your eyes stay fresh during long viewing
|
||||
sessions.
|
||||
</div>
|
||||
</section>
|
||||
<!-- display section -->
|
||||
<section>
|
||||
<div class="container px-0">
|
||||
<div class=" max-w-5xl m-auto md:text-center my-5 relative">
|
||||
<h2 class="text-2xl uppercase "><span
|
||||
class="text-cyan-700 tracking-widest border-t-2 border-cyan-700 pt-2">Display</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold my-4"><span>Display of brilliance</span></h3>
|
||||
<div class="md:text-xl font-medium">The space-saving ANWI Zeno is remarkably slim and
|
||||
light,
|
||||
and
|
||||
its NanoEdge
|
||||
display<sup class="footnote-num"><a href="#footnote-3" aria-label="Footnote 3">3</a></sup>
|
||||
features
|
||||
a
|
||||
thin bezel for edge-to-edge viewing and an impressive up to 88% screen-to-body ratio. This
|
||||
stunning widescreen display includes 178<sup class="sign-deg">°</sup> viewing angles and 100%
|
||||
sRGB color gamut for vivid and realistic-looking colors. The 24-inch touchscreen<sup
|
||||
class="footnote-num"><a href="#footnote-2" aria-label="Footnote 2">2</a></sup> also boasts
|
||||
1920x1080 resolution and features an anti-glare coating and certified by TÜV Rheinland for eye
|
||||
comfort and low blue-light emissions — so your eyes stay fresh during long viewing sessions.
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">24”</div>
|
||||
<div class=""><span class="">FHD NanoEdge display</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">88%</div>
|
||||
<div class=""><span>screen-to-body ratio</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">100%</div>
|
||||
<div class=""><span>sRGB color gamut</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/tuv.png" alt="eye care">
|
||||
</div>
|
||||
<div class=""><span>TÜV Rheinland- <br> certified eye care</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class=""><img class="m-auto" src="./dist/assets/imgs/zeno/aio/anti-glare.png"
|
||||
alt="An icon for anti-glare display">
|
||||
</div>
|
||||
<div class=""><span>anti-glare display</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
|
||||
24”
|
||||
</div>
|
||||
<div class="md:mt-[-300px] mt-[-100px]">
|
||||
<img src="./dist/assets/imgs/zeno/aio/Banner-2-DT.jpg" alt="">
|
||||
<div class=""><span class="">FHD NanoEdge display</span></div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
|
||||
88%
|
||||
</div>
|
||||
<div class=""><span>screen-to-body ratio</span></div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
|
||||
100%
|
||||
</div>
|
||||
<div class=""><span>sRGB color gamut</span></div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="">
|
||||
<img
|
||||
class="m-auto"
|
||||
src="./dist/assets/imgs/zeno/aio/tuv.png"
|
||||
alt="eye care"
|
||||
/>
|
||||
</div>
|
||||
<div class="">
|
||||
<span
|
||||
>TÜV Rheinland- <br />
|
||||
certified eye care</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-3">
|
||||
<div class="">
|
||||
<img
|
||||
class="m-auto"
|
||||
src="./dist/assets/imgs/zeno/aio/anti-glare.png"
|
||||
alt="An icon for anti-glare display"
|
||||
/>
|
||||
</div>
|
||||
<div class=""><span>anti-glare display</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- audio section -->
|
||||
<section>
|
||||
<div class="relative container px-0">
|
||||
</div>
|
||||
<div class="md:mt-[-300px] mt-[-100px]">
|
||||
<img src="./dist/assets/imgs/zeno/aio/Banner-2-DT.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- audio section -->
|
||||
<section class="d-none">
|
||||
<div class="relative container px-0">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="" />
|
||||
</div>
|
||||
<div class="md:absolute left-2/3 bottom-1/3">
|
||||
<h2 class="uppercase tracking-widest">
|
||||
<span class="border-t-2 text-2xl">Audio</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold leading-snug my-4">
|
||||
<span>High-fidelity SonicMaster sound, expertly optimized</span>
|
||||
</h3>
|
||||
<div class="font-medium md:text-xl">
|
||||
ANWI SonicMaster, developed by the ANWI Golden Ear team, empowers
|
||||
ANWI Zeno with 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 audio controls for truly immersive sound for movies, music
|
||||
and games.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- touch screen section -->
|
||||
<section class="d-none">
|
||||
<div class="container my-5 px-0">
|
||||
<div class="grid md:grid-cols-2 gap-5 mx-3">
|
||||
<div class="">
|
||||
<img
|
||||
src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
|
||||
alt="Desktops For Beginners"
|
||||
data-src=""
|
||||
class="img_width_100"
|
||||
/>
|
||||
<div class="show-in-mobile"></div>
|
||||
</div>
|
||||
<div class="md:me-44">
|
||||
<h3 class="text-blue-800 text-xl">Engage More</h3>
|
||||
<h5 class="text-2xl font-medium">
|
||||
Optional Touchscreen Perfect for Interactive Displays, Kiosks.
|
||||
</h5>
|
||||
<ul class="space-y-3 divide-y-2 divide-black">
|
||||
<li>Designed for eye comfort</li>
|
||||
<li>Big, anti-glare screen</li>
|
||||
<li>Safe for kids privacy with HD Wide Vision Camera</li>
|
||||
<li class="mt-4 pt-4">
|
||||
Starting from
|
||||
<span class="lowest_price">
|
||||
<span class="price">₹36,499</span>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="mt-8">
|
||||
<a
|
||||
href="#"
|
||||
class="bg-black text-white px-3 py-2 mt-8"
|
||||
tabindex="0"
|
||||
>Shop Now</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ports section -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="md:mt-5 pt-5 md:text-center">
|
||||
<h2 class="uppercase tracking-widest">
|
||||
<span class="border-t-2 text-2xl">Connectivity</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold my-3">
|
||||
<span>Fast, reliable connectivity</span>
|
||||
</h3>
|
||||
<div class="max-w-4xl m-auto md:text-xl font-medium d-none">
|
||||
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 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 display
|
||||
and an SD card reader<sup class="footnote-num"
|
||||
><a href="#" 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 protection.
|
||||
</div>
|
||||
|
||||
<div
|
||||
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="flex flex-col justify-between space-y-4">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="">
|
||||
<img
|
||||
class="m-auto"
|
||||
src="./dist/assets/imgs/zeno/aio/icon_typea.png"
|
||||
alt="An icon for USB 3.2 Gen 1 Type-A x 3"
|
||||
/>
|
||||
</div>
|
||||
<div class="md:absolute left-2/3 bottom-1/3">
|
||||
<h2 class="uppercase tracking-widest"><span
|
||||
class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Audio</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold leading-snug my-4"><span>High-fidelity SonicMaster
|
||||
sound, expertly
|
||||
optimized</span>
|
||||
</h3>
|
||||
<div class="font-medium md:text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team,
|
||||
empowers
|
||||
ANWI
|
||||
Zeno with
|
||||
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
|
||||
audio controls for truly immersive sound for movies, music and games.</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- beginners section -->
|
||||
<section>
|
||||
<div class="container my-5 px-0">
|
||||
<div class="grid md:grid-cols-2 gap-5 mx-3">
|
||||
<div class=""><img
|
||||
src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
|
||||
alt="Desktops For Beginners" data-src="" class="img_width_100">
|
||||
<div class=" show-in-mobile"></div>
|
||||
</div>
|
||||
<div class="md:me-44">
|
||||
<h3 class="text-blue-800 text-xl">Engage More</h3>
|
||||
<h5 class="text-2xl font-medium">Optional Touchscreen Perfect for Interactive
|
||||
Displays, Kiosks.</h5>
|
||||
<ul class="space-y-3 divide-y-2 divide-black">
|
||||
<li>Designed for eye comfort</li>
|
||||
<li>Big, anti-glare screen</li>
|
||||
<li>Safe for kids privacy with HD Wide Vision
|
||||
Camera</li>
|
||||
<li class="mt-4 pt-4">
|
||||
Starting from <span class="lowest_price">
|
||||
<span class="price">₹36,499</span> </span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="mt-8">
|
||||
<a href="#" class="bg-black text-white px-3 py-2 mt-8" tabindex="0">Shop
|
||||
Now</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ports section -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="md:mt-5 pt-5 md:text-center">
|
||||
<h2 class="uppercase tracking-widest"><span
|
||||
class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Connectivity</span>
|
||||
</h2>
|
||||
<h3 class="md:text-5xl text-3xl font-semibold my-3">
|
||||
<span>Fast, reliable connectivity</span>
|
||||
</h3>
|
||||
<div class="max-w-4xl m-auto md:text-xl font-medium">
|
||||
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
|
||||
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
|
||||
display and an SD card reader<sup class="footnote-num"><a href="#"
|
||||
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
|
||||
protection.</div>
|
||||
|
||||
<div
|
||||
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="flex flex-col justify-between space-y-4">
|
||||
<div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typea.png"
|
||||
alt="An icon for USB 3.2 Gen 1 Type-A x 3">
|
||||
</div>
|
||||
<div class=""><span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between space-y-4">
|
||||
<div><img class="m-auto" src="./dist/assets/imgs/zeno/aio/icon_typec.png"
|
||||
alt="icon for USB-C">
|
||||
</div>
|
||||
<div class=""><span class="font-bold">USB-C<sup role="img" aria-label="registered">®</sup>
|
||||
3.2 Gen 1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between space-y-4">
|
||||
<div class="text-5xl font-normal text-cyan-700 ">10x</div>
|
||||
<div class=""><span class="font-bold">faster than USB 2.0</span>
|
||||
</div>
|
||||
</div>
|
||||
<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"
|
||||
src="./dist/assets/imgs/zeno/aio/icon_typed.png" alt="An icon for HDMI-in Port">
|
||||
</div>
|
||||
<div class=""><span class="font-bold">HDMI-in Port</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="./dist/assets/imgs/zeno/aio/ports.png" alt="" class="mt-5">
|
||||
</div>
|
||||
</section>
|
||||
<!-- secure section -->
|
||||
<section>
|
||||
<div class="container max-sm:my-12 px-0">
|
||||
<div class="relative">
|
||||
<img src="./dist/assets/imgs/zeno/aio/security.jpg" alt="" class="">
|
||||
<div class="md:absolute top-16 max-w-xl right-16">
|
||||
<h2 class="uppercase tracking-widest"><span
|
||||
class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Secure Your Data</span>
|
||||
</h2>
|
||||
<h3 class="my-6 md:text-5xl text-3xl font-semibold">
|
||||
<span>Optional Fingerprint Scanner for Peace of Mind.</span>
|
||||
</h3>
|
||||
<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 Zeno
|
||||
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
|
||||
bakes security into the CPU core, ensuring both code integrity and the latest protection —
|
||||
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
|
||||
from unsupervised locations.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- power backup section -->
|
||||
<section>
|
||||
<div class="container max-w-5xl">
|
||||
<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 class="">
|
||||
<span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between space-y-4">
|
||||
<div>
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/zeno/aio/power-backup.jpg" alt="">
|
||||
</div>
|
||||
<img
|
||||
class="m-auto"
|
||||
src="./dist/assets/imgs/zeno/aio/icon_typec.png"
|
||||
alt="icon for USB-C"
|
||||
/>
|
||||
</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 class="">
|
||||
<span class="font-bold"
|
||||
>USB-C<sup role="img" aria-label="registered">®</sup> 3.2
|
||||
Gen 1</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between space-y-4">
|
||||
<div class="text-5xl font-normal">10x</div>
|
||||
<div class="">
|
||||
<span class="font-bold">faster than USB 2.0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between space-y-4">
|
||||
<div class="text-5xl font-medium text-center">
|
||||
<img
|
||||
class="m-auto"
|
||||
src="./dist/assets/imgs/zeno/aio/icon_typed.png"
|
||||
alt="An icon for HDMI-in Port"
|
||||
/>
|
||||
</div>
|
||||
<div class=""><span class="font-bold">HDMI-out Port</span></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>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/ports.png"
|
||||
alt=""
|
||||
class="py-5 bg-[#c4c8d3] rounded"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
<!-- secure section -->
|
||||
<section class="d-none">
|
||||
<div class="container max-sm:my-12 px-0">
|
||||
<div class="relative">
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/security.jpg"
|
||||
alt=""
|
||||
class=""
|
||||
/>
|
||||
<div class="md:absolute top-16 max-w-xl right-16">
|
||||
<h2 class="uppercase tracking-widest">
|
||||
<span class="border-t-2 text-2xl">Secure Your Data</span>
|
||||
</h2>
|
||||
<h3 class="my-6 md:text-5xl text-3xl font-semibold">
|
||||
<span>Optional Fingerprint Scanner for Peace of Mind.</span>
|
||||
</h3>
|
||||
<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 Zeno 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 bakes security into the
|
||||
CPU core, ensuring both code integrity and the latest protection
|
||||
— 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
|
||||
from unsupervised locations.
|
||||
</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
|
||||
</h2>
|
||||
<div class="md:grid grid-cols-2">
|
||||
<h3 class="flex flex-col justify-center text-xl md:text-3xl">
|
||||
Upgradability in <br>
|
||||
<div class="pt-2 font-semibold">Sleek
|
||||
All-in-One</div> Design
|
||||
</h3>
|
||||
<div class="ms-5">
|
||||
<img src="./dist/assets/imgs/zeno/aio/aio.png" alt="" class="w-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container px-0">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- power backup section -->
|
||||
|
||||
<img src="./dist/assets/imgs/zeno/aio/inner-panel.jpeg" alt="">
|
||||
<!-- sleek section -->
|
||||
<section class="d-none">
|
||||
<div class="text-center container max-w-7xl m-auto">
|
||||
<div class="mt-12 md:mt-24 max-w-5xl mx-auto">
|
||||
<h2 class="uppercase tracking-widest">
|
||||
<span class="border-t-2 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>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container px-0">
|
||||
|
||||
<img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
class="w-full mt-[-170px]"
|
||||
src="./dist/assets/imgs/zeno/aio/sleek.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container p-3 max-w-6xl my-12 md:my-24">
|
||||
<div class="md:grid grid-cols-2 items-center gap-5">
|
||||
<div>
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-[#434f2b]">
|
||||
Zeno - Experience Desktop Power
|
||||
</h2>
|
||||
<h4 class="md:flex items-center text-xl md:text-xl md:mt-5 my-3">
|
||||
Upgradability in
|
||||
<span class="font-bold px-md-2"> Sleek All-in-One </span>
|
||||
Design
|
||||
</h4>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/desktop-power.png"
|
||||
alt=""
|
||||
class="w-100 rounded-3xl"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container max-w-6xl my-12 md:my-24">
|
||||
<div
|
||||
class="md:grid grid-cols-2 items-center gap-5 bg-gradient-to-r from-[#1f2126] to-[#8c887e] rounded-3xl"
|
||||
>
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/aio.png"
|
||||
alt=""
|
||||
class="w-100 rounded"
|
||||
/>
|
||||
</div>
|
||||
<div class="max-sm:p-5">
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-white">
|
||||
Cut Energy Bills
|
||||
</h2>
|
||||
<h3 class="md:flex text-xl text-white mt-3 font-semibold">
|
||||
Zeno Saves upto
|
||||
<strong class="px-2 font-bold">33% More Power</strong>
|
||||
than Desktops.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container p-3 max-w-6xl my-12 md:my-24">
|
||||
<div class="md:grid grid-cols-2 items-center gap-5">
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/anwi-aio-battery (1).png"
|
||||
alt=""
|
||||
class="w-100 rounded-3xl"
|
||||
/>
|
||||
</div>
|
||||
<div class="max-sm:p-5">
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
|
||||
Zeno's Never Stop
|
||||
</h2>
|
||||
<h3 class="md:flex text-xl mt-3">
|
||||
Upto 45-Min
|
||||
<strong class="px-2 font-semibold">Power Backup</strong>
|
||||
Keeps You Productive.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container p-3 max-w-6xl my-12 md:my-24">
|
||||
<div
|
||||
class="md:grid grid-cols-2 flex flex-column-reverse items-center md:gap-5"
|
||||
>
|
||||
<div class="max-sm:p-5">
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
|
||||
Reclaim Your Space
|
||||
</h2>
|
||||
<h3 class="md:flex text-xl mt-3">
|
||||
Zeno's Compact Design
|
||||
<strong class="font-bold px-2">Maximizes</strong>
|
||||
Desk Area.
|
||||
</h3>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/reclaim-your-space.png"
|
||||
alt=""
|
||||
class="w-100 rounded-3xl"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- stand section -->
|
||||
<section>
|
||||
<div class="bg-black md:py-20 py-12">
|
||||
<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">
|
||||
<h2 class="text-3xl font-semibold">View Flexibly</h2>
|
||||
<p class="text-xl mt-3">
|
||||
Rotate Zeno's Screen 180°, Horizontal to Landscape.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-span-3 flex justify-center max-sm:mt-24">
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/flexibility.png"
|
||||
alt=""
|
||||
class="w-4/6"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container p-3 max-w-6xl my-12 md:my-24">
|
||||
<div class="md:grid grid-cols-2 items-center gap-5">
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/metal-keyboard.png"
|
||||
alt=""
|
||||
class="w-100 rounded-3xl"
|
||||
/>
|
||||
</div>
|
||||
<div class="max-sm:p-5">
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
|
||||
Stay Charged
|
||||
</h2>
|
||||
<h3 class="md:flex text-xl mt-3">
|
||||
Enjoy the Convenience of
|
||||
<strong class="md:px-2 font-semibold">Rechargeable</strong>
|
||||
Metal Keyboard.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container p-3 max-w-6xl my-12 md:my-24">
|
||||
<div
|
||||
class="md:grid grid-cols-2 flex flex-column-reverse items-center gap-5"
|
||||
>
|
||||
<div class="max-sm:p-5">
|
||||
<h2 class="font-bold text-2xl md:text-4xl text-[#707676]">
|
||||
Affordable Excellence
|
||||
</h2>
|
||||
<h3 class="md:flex text-xl mt-3">
|
||||
Get Premium
|
||||
<strong class="px-2 font-semibold">All-in-One Features</strong>
|
||||
at Desktop Prices.
|
||||
</h3>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
src="./dist/assets/imgs/zeno/aio/Renders/2.png"
|
||||
alt=""
|
||||
class="w-100 rounded-3xl bg-[#575c67]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
<!-- <script src="https://player.vimeo.com/api/player.js"></script> -->
|
||||
<script src="./dist/js/components/authloader/authloader.js"></script>
|
||||
<script src="./dist/js/jquery.min.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="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
<script src="./dist/toaster/toastr.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/plugins/jquery-ui.js"></script>
|
||||
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
<script src="./dist/js/plugins/aos.js"></script>
|
||||
<script>
|
||||
AOS.init();
|
||||
$('#navbar-head').addClass('absolute w-100 shadow-none');
|
||||
</script>
|
||||
</body>
|
||||
<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>
|
||||
|
||||
</html>
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
<script src="./dist/js/index/index.js"></script>
|
||||
|
||||
<script>
|
||||
AOS.init();
|
||||
$("#navbar-head").addClass("absolute w-100 shadow-none");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren