310 lines
16 KiB
HTML
310 lines
16 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 href="./dist/css/plugins/aos.css" rel="stylesheet" />
|
||
<link rel="stylesheet" href="./all.css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
|
||
<title>Anwi</title>
|
||
</head>
|
||
|
||
<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">
|
||
<img src="./dist/assets/imgs/zeno/aio/banner-1-DT.jpg" alt="">
|
||
<h2 class="text-7xl text-center font-semibold">Anwi Zeno AIO</h2>
|
||
<h4 class="text-5xl text-center my-3">Sleek Elegance,<span class="font-semibold"> Powerful
|
||
Performance</span>
|
||
</h4>
|
||
<p class="text-center max-w-5xl text-2xl m-auto my-5"><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>
|
||
</div>
|
||
</section>
|
||
<!-- stand section -->
|
||
<section>
|
||
<div class="container bg-black py-24">
|
||
<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">Adapts to you</h2>
|
||
<p class="text-xl mt-3">Versatile stands give you the freedom to use your display at the angle
|
||
with
|
||
tilt, height, and
|
||
swivel functionality that can adapt to a range of working styles--whether sitting at a desk,
|
||
or standing to serve customers, you´ll always have the best view.</p>
|
||
</div>
|
||
<div class="col-span-3 flex justify-center">
|
||
<img src="./dist/assets/imgs/zeno/aio/stand.png" alt="" class="w-4/6">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- display section -->
|
||
<section>
|
||
<div class="container">
|
||
<div class=" max-w-7xl m-auto 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="text-5xl font-semibold my-4"><span>Display of brilliance</span></h3>
|
||
<div class="mx-44 text-xl font-medium">The space-saving ANWI M3402WFA 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 grid-cols-5 my-12">
|
||
<div class="" data-gaid="" data-index="1">
|
||
<div class="text-5xl font-medium text-cyan-700">24”</div>
|
||
<div class=""><span>FHD NanoEdge display</span>
|
||
</div>
|
||
</div>
|
||
<div class="" data-gaid="" data-index="2">
|
||
<div class="text-5xl font-medium text-cyan-700">88%</div>
|
||
<div class=""><span>screen-to-body ratio</span>
|
||
</div>
|
||
</div>
|
||
<div class="" data-gaid="" data-index="3">
|
||
<div class="text-5xl font-medium text-cyan-700">100%</div>
|
||
<div class=""><span>sRGB color gamut</span>
|
||
</div>
|
||
</div>
|
||
<div class="" data-gaid="" data-index="4">
|
||
<div class=""><img class="img img__icon img__icon4"
|
||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
|
||
alt="An icon for TÜV Rheinland-certified eye care">
|
||
</div>
|
||
<div class=""><span>TÜV Rheinland-certified eye care</span>
|
||
</div>
|
||
</div>
|
||
<div class="" data-gaid="" data-index="5">
|
||
<div class=""><img class="img img__icon img__icon5"
|
||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
|
||
alt="An icon for anti-glare display">
|
||
</div>
|
||
<div class=""><span>anti-glare display</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-[-300px]">
|
||
<img src="./dist/assets/imgs/zeno/aio/Banner-2-DT.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- audio section -->
|
||
<section>
|
||
<div class="relative container">
|
||
<div>
|
||
<img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="">
|
||
</div>
|
||
<div class="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="text-5xl font-semibold leading-snug my-4"><span>High-fidelity SonicMaster sound, expertly
|
||
optimized</span>
|
||
</h3>
|
||
<div class="font-medium text-xl">ANWI SonicMaster, developed by the ANWI Golden Ear team, empowers
|
||
ANWI
|
||
M3402WFA 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">
|
||
<div class="grid 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">Desktops For Beginners</h3>
|
||
<h5 class="text-2xl font-medium">Comfortable viewing experience for the little ones.
|
||
</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="mt-5 pt-5">
|
||
<h2 class="uppercase tracking-widest text-center"><span
|
||
class="text-cyan-700 border-t-2 border-cyan-700 text-2xl">Connectivity</span>
|
||
</h2>
|
||
<h3 class="text-4xl font-semibold text-center my-3">
|
||
<span>Fast, reliable connectivity</span>
|
||
</h3>
|
||
<div class="max-w-4xl m-auto text-xl font-medium text-center">
|
||
ANWI M3402WFA 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 M3402WFA also has
|
||
integrated security, with a built-in Kensington lock slot for simple and effective physical
|
||
protection.</div>
|
||
|
||
<div class="grid grid-cols-4 max-w-3xl mx-auto text-center my-24 font-medium">
|
||
<div class="">
|
||
<div class="text-5xl font-medium text-cyan-700"><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="wd__feature__describe"><span>USB 3.2 Gen 1 Type-A x 3</span>
|
||
</div>
|
||
</div>
|
||
<div class="">
|
||
<div class="text-5xl font-medium text-cyan-700"><img class="img img__icon img__icon1"
|
||
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
|
||
alt="An icon for USB-C® 3.2 Gen 1">
|
||
</div>
|
||
<div class=""><span>USB-C<sup role="img" aria-label="registered" class="sign-reg">®</sup>
|
||
3.2 Gen 1</span>
|
||
</div>
|
||
</div>
|
||
<div class="">
|
||
<div class="text-3xl font-medium text-cyan-700 ">10x</div>
|
||
<div class=""><span>faster than USB 2.0</span>
|
||
</div>
|
||
</div>
|
||
<div class="">
|
||
<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>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">
|
||
<div class="relative">
|
||
<img src="./dist/assets/imgs/zeno/aio/security.jpg" alt="" class="">
|
||
<div class="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">Security</span>
|
||
</h2>
|
||
<h3 class="my-6 text-5xl font-semibold">
|
||
<span>Secure your crucial data</span>
|
||
</h3>
|
||
<div class="text-xl font-medium">Remote working is
|
||
accelerating, and with it the need to keep your crucial data safe. That’s why ANWI M3402WFA
|
||
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 M3402WFA 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>
|
||
<section>
|
||
<div class="container p-3" style="background: #e2e2e2;">
|
||
<h2 class="text-center font-weight-600 my-4">
|
||
Zeno: Experience Desktop Power
|
||
</h2>
|
||
<div class="d-flex">
|
||
<h3 class="font-weight-lighter">
|
||
Upgradability in <br>
|
||
<div style="white-space: nowrap; font-weight: 800;" class="pt-4">Sleek
|
||
All-in-One</div> Design
|
||
</h3>
|
||
<div class="ms-5">
|
||
<img src="./dist/assets/imgs/zeno/aio/aio1.jpeg" alt="" class="w-100">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="container">
|
||
<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="">
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div class="container">
|
||
|
||
<img src="./dist/assets/imgs/zeno/aio/rear.jpeg" alt="">
|
||
</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/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();
|
||
</script>
|
||
</body>
|
||
|
||
</html> |