Nenhuma descrição
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

zeno-aio-landing.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <link href="./dist/css/plugins/aos.css" rel="stylesheet" />
  8. <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
  9. <script src="https://cdn.tailwindcss.com"></script>
  10. <link href="css/bootstrap.min.css" rel="stylesheet" />
  11. <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  12. <link href="assets/css/main.css" rel="stylesheet">
  13. <style>
  14. .footer-wrapper .collapse {
  15. visibility: visible !important;
  16. }
  17. </style>
  18. <title>ADM</title>
  19. </head>
  20. <body>
  21. <!-- navbar -->
  22. <!-- <auth-loader></auth-loader> -->
  23. <header class="header d-flex align-items-center fixed-top" id="header">
  24. </header>
  25. <!-- end-navbar -->
  26. <!-- main-body -->
  27. <main
  28. class="main-body home-main-container loading-main"
  29. id="home-main-container"
  30. >
  31. <!-- banner section -->
  32. <section class="pt-0">
  33. <div class="px-0 bg-gradient-to-b from-[#8bd2d5] to-[#e2dbe2] py-40">
  34. <div
  35. class="text-center md:grid md:grid-cols-5 justify-center container-lg items-center md:gap-5"
  36. >
  37. <div class="col-span-3">
  38. <h2 class="md:text-5xl text-4xl text-center font-semibold">
  39. ADM Zeno AIO
  40. </h2>
  41. <h4 class="md:text-4xl text-2xl text-center my-3 font-medium">
  42. Sleek Elegance,<span class="font-bold">
  43. Powerful Performance</span
  44. >
  45. </h4>
  46. <p class="text-center md:text-xl m-auto md:my-5 my-2">
  47. <strong class="text-[#340d70]"
  48. >We don’t just build machines;</strong
  49. >
  50. we create tools that make your life easier and better.
  51. </p>
  52. <p class="md:text-xl font-bold">
  53. Every product is made with love, understanding what you really
  54. need.
  55. </p>
  56. </div>
  57. <div class="col-span-2 flex justify-center w-full">
  58. <img src="https://anwisystems.com/dist/assets/imgs/zeno/aio/aio.png" alt="" />
  59. </div>
  60. </div>
  61. </div>
  62. </section>
  63. <!-- display section -->
  64. <section class="hidden">
  65. <div class="container px-0">
  66. <div class="max-w-5xl m-auto md:text-center my-5 relative">
  67. <h2 class="text-2xl uppercase">
  68. <span class="tracking-widest border-t-2 pt-2">Display</span>
  69. </h2>
  70. <h3 class="md:text-5xl text-3xl font-semibold my-4">
  71. <span>Display of brilliance</span>
  72. </h3>
  73. <div class="md:text-xl font-medium">
  74. The space-saving ADM Zeno is remarkably slim and light, and its
  75. NanoEdge display<sup class="footnote-num"
  76. ><a href="#footnote-3" aria-label="Footnote 3">3</a></sup
  77. >
  78. features a thin bezel for edge-to-edge viewing and an impressive
  79. up to 88% screen-to-body ratio. This stunning widescreen display
  80. includes 178<sup class="sign-deg">°</sup> viewing angles and 100%
  81. sRGB color gamut for vivid and realistic-looking colors. The
  82. 24-inch touchscreen<sup class="footnote-num"
  83. ><a href="#footnote-2" aria-label="Footnote 2">2</a></sup
  84. >
  85. also boasts 1920x1080 resolution and features an anti-glare
  86. coating and certified by TÜV Rheinland for eye comfort and low
  87. blue-light emissions — so your eyes stay fresh during long viewing
  88. sessions.
  89. </div>
  90. <div class="grid md:grid-cols-5 grid-cols-2 my-12 font-bold">
  91. <div class="flex flex-col space-y-3">
  92. <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
  93. 24”
  94. </div>
  95. <div class=""><span class="">FHD NanoEdge display</span></div>
  96. </div>
  97. <div class="flex flex-col space-y-3">
  98. <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
  99. 88%
  100. </div>
  101. <div class=""><span>screen-to-body ratio</span></div>
  102. </div>
  103. <div class="flex flex-col space-y-3">
  104. <div class="md:text-5xl text-3xl font-medium text-[#3b6b74]">
  105. 100%
  106. </div>
  107. <div class=""><span>sRGB color gamut</span></div>
  108. </div>
  109. <div class="flex flex-col space-y-3">
  110. <div class="">
  111. <img
  112. class="m-auto"
  113. src="./dist/assets/imgs/zeno/aio/tuv.png"
  114. alt="eye care"
  115. />
  116. </div>
  117. <div class="">
  118. <span
  119. >TÜV Rheinland- <br />
  120. certified eye care</span
  121. >
  122. </div>
  123. </div>
  124. <div class="flex flex-col space-y-3">
  125. <div class="">
  126. <img
  127. class="m-auto"
  128. src="./dist/assets/imgs/zeno/aio/anti-glare.png"
  129. alt="An icon for anti-glare display"
  130. />
  131. </div>
  132. <div class=""><span>anti-glare display</span></div>
  133. </div>
  134. </div>
  135. </div>
  136. <div class="md:mt-[-300px] mt-[-100px]">
  137. <img src="./dist/assets/imgs/zeno/aio/Banner-2-DT.jpg" alt="" />
  138. </div>
  139. </div>
  140. </section>
  141. <!-- audio section -->
  142. <section class="hidden">
  143. <div class="relative container px-0">
  144. <div>
  145. <img src="./dist/assets/imgs/zeno/aio/audio.jpg" alt="" />
  146. </div>
  147. <div class="md:absolute left-2/3 bottom-1/3">
  148. <h2 class="uppercase tracking-widest">
  149. <span class="border-t-2 text-2xl">Audio</span>
  150. </h2>
  151. <h3 class="md:text-5xl text-3xl font-semibold leading-snug my-4">
  152. <span>High-fidelity SonicMaster sound, expertly optimized</span>
  153. </h3>
  154. <div class="font-medium md:text-xl">
  155. ADM SonicMaster, developed by the ADM Golden Ear team, empowers
  156. ADM Zeno with quality audio that delivers wider frequency range
  157. for clearer vocals and rich, deep bass. SonicMaster is a tailored
  158. mix of superior hardware and clever software designed to give you
  159. full audio controls for truly immersive sound for movies, music
  160. and games.
  161. </div>
  162. </div>
  163. </div>
  164. </section>
  165. <!-- touch screen section -->
  166. <section class="hidden">
  167. <div class="container my-5 px-0">
  168. <div class="grid md:grid-cols-2 gap-5 mx-3">
  169. <div class="">
  170. <img
  171. src="https://in-files.apjonlinecdn.com/landingpages/content-pages/hp-aio-desktop/images/w100_everyday_img2_v2.jpg"
  172. alt="Desktops For Beginners"
  173. data-src=""
  174. class="img_width_100"
  175. />
  176. <div class="show-in-mobile"></div>
  177. </div>
  178. <div class="md:me-44">
  179. <h3 class="text-blue-800 text-xl">Engage More</h3>
  180. <h5 class="text-2xl font-medium">
  181. Optional Touchscreen Perfect for Interactive Displays, Kiosks.
  182. </h5>
  183. <ul class="space-y-3 divide-y-2 divide-black">
  184. <li>Designed for eye comfort</li>
  185. <li>Big, anti-glare screen</li>
  186. <li>Safe for kids privacy with HD Wide Vision Camera</li>
  187. <li class="mt-4 pt-4">
  188. Starting from
  189. <span class="lowest_price">
  190. <span class="price">₹36,499</span>
  191. </span>
  192. </li>
  193. </ul>
  194. <div class="mt-8">
  195. <a
  196. href="#"
  197. class="bg-black text-white px-3 py-2 mt-8"
  198. tabindex="0"
  199. >Shop Now</a
  200. >
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </section>
  206. <!-- ports section -->
  207. <section>
  208. <div class="container">
  209. <div class="md:mt-5 pt-5 md:text-center">
  210. <h2 class="uppercase tracking-widest">
  211. <span class="border-t-2 text-2xl">Connectivity</span>
  212. </h2>
  213. <h3 class="md:text-5xl text-3xl font-semibold my-3">
  214. <span>Fast, reliable connectivity</span>
  215. </h3>
  216. <div class="max-w-4xl m-auto md:text-xl font-medium hidden">
  217. ADM Zeno is loaded with the latest connectivity, including an
  218. HDMI-in port that lets you hook up video and audio from an
  219. external source — enabling amazing big-screen experiences for your
  220. laptop, mobile device, game console or even a set-top TV box.
  221. There are also three USB 3.2 Gen 1 ports for connecting all your
  222. peripherals, an HDMI-out port for attaching an external display
  223. and an SD card reader<sup class="footnote-num"
  224. ><a href="#" aria-label="Footnote 2">2</a></sup
  225. >
  226. for everyday convenience. ADM Zeno also has integrated security,
  227. with a built-in Kensington lock slot for simple and effective
  228. physical protection.
  229. </div>
  230. <div
  231. 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"
  232. >
  233. <div class="flex flex-col justify-between space-y-4">
  234. <div>
  235. <img
  236. class="m-auto"
  237. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/icon_typea.png"
  238. alt="An icon for USB 3.2 Gen 1 Type-A x 3"
  239. />
  240. </div>
  241. <div class="">
  242. <span class="font-bold">USB 3.2 Gen 1 Type-A x 3</span>
  243. </div>
  244. </div>
  245. <div class="flex flex-col justify-between space-y-4">
  246. <div>
  247. <img
  248. class="m-auto"
  249. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/icon_typec.png"
  250. alt="icon for USB-C"
  251. />
  252. </div>
  253. <div class="">
  254. <span class="font-bold"
  255. >USB-C<sup role="img" aria-label="registered">®</sup> 3.2
  256. Gen 1</span
  257. >
  258. </div>
  259. </div>
  260. <div class="flex flex-col justify-between space-y-4">
  261. <div class="text-5xl font-normal">10x</div>
  262. <div class="">
  263. <span class="font-bold">faster than USB 2.0</span>
  264. </div>
  265. </div>
  266. <div class="flex flex-col justify-between space-y-4">
  267. <div class="text-5xl font-medium text-center">
  268. <img
  269. class="m-auto"
  270. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/icon_typed.png"
  271. alt="An icon for HDMI-in Port"
  272. />
  273. </div>
  274. <div class=""><span class="font-bold">HDMI-out Port</span></div>
  275. </div>
  276. </div>
  277. </div>
  278. <img
  279. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/ports.png"
  280. alt=""
  281. class=" bg-[#c4c8d3] rounded"
  282. />
  283. </div>
  284. </section>
  285. <!-- secure section -->
  286. <section class="hidden">
  287. <div class="container max-sm:my-12 px-0">
  288. <div class="relative">
  289. <img
  290. src="./dist/assets/imgs/zeno/aio/security.jpg"
  291. alt=""
  292. class=""
  293. />
  294. <div class="md:absolute top-16 max-w-xl right-16">
  295. <h2 class="uppercase tracking-widest">
  296. <span class="border-t-2 text-2xl">Secure Your Data</span>
  297. </h2>
  298. <h3 class="my-6 md:text-5xl text-3xl font-semibold">
  299. <span>Optional Fingerprint Scanner for Peace of Mind.</span>
  300. </h3>
  301. <div class="md:text-xl font-medium">
  302. Remote working is accelerating, and with it the need to keep
  303. your crucial data safe. That’s why ADM Zeno is equipped with
  304. first-class security. The camera’s shutter slides across in a
  305. moment for instant privacy, whenever you need it. There’s also
  306. the all-new Microsoft Pluton chip that bakes security into the
  307. CPU core, ensuring both code integrity and the latest protection
  308. — virtually eliminating the risk of leaks through hacking. ADM
  309. Zeno also has a Kensington slot that provides a way to
  310. physically safeguard the machine, preventing theft of the PC
  311. from unsupervised locations.
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </section>
  317. <!-- power backup section -->
  318. <!-- sleek section -->
  319. <section class="hidden">
  320. <div class="text-center container max-w-7xl m-auto">
  321. <div class="mt-12 md:mt-24 max-w-5xl mx-auto">
  322. <h2 class="uppercase tracking-widest">
  323. <span class="border-t-2 text-2xl">Sleek</span>
  324. </h2>
  325. <h3 class="my-6 md:text-5xl text-3xl font-semibold">
  326. <span>Minimalist aesthetic</span>
  327. </h3>
  328. <div class="font-medium text-xl">
  329. ASUS M3402WFA has a fresh and minimalist aesthetic look to
  330. complement vibrant lifestyles, with a beautiful integrated stand.
  331. Designed for complete stability and a sleek appearance, it fits
  332. perfectly almost anywhere — from modern homes to home offices.
  333. </div>
  334. </div>
  335. <div>
  336. <img
  337. class="w-full mt-[-170px]"
  338. src="./dist/assets/imgs/zeno/aio/sleek.png"
  339. alt=""
  340. />
  341. </div>
  342. </div>
  343. </section>
  344. <section>
  345. <div class="container p-3 max-w-6xl my-12 md:my-24 m-auto">
  346. <div class="md:grid grid-cols-2 items-center gap-5">
  347. <div>
  348. <h2 class="font-bold text-2xl md:text-4xl text-[#434f2b]">
  349. Zeno - Experience Desktop Power
  350. </h2>
  351. <h4 class="md:flex items-center text-xl md:text-xl md:mt-5 my-3">
  352. Upgradability in
  353. <span class="font-bold px-md-2"> Sleek All-in-One </span>
  354. Design
  355. </h4>
  356. </div>
  357. <div>
  358. <img
  359. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/desktop-power.png"
  360. alt=""
  361. class="w-100 rounded-3xl"
  362. />
  363. </div>
  364. </div>
  365. </div>
  366. </section>
  367. <section>
  368. <div class="container max-w-6xl my-12 md:my-24 mx-auto">
  369. <div
  370. class="md:grid grid-cols-2 items-center gap-5 bg-gradient-to-r from-[#1f2126] to-[#8c887e] rounded-3xl"
  371. >
  372. <div>
  373. <img
  374. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/aio.png"
  375. alt=""
  376. class="w-100 rounded"
  377. />
  378. </div>
  379. <div class="max-sm:p-5">
  380. <h2 class="font-bold text-2xl md:text-4xl text-white">
  381. Cut Energy Bills
  382. </h2>
  383. <h3 class="md:flex text-xl text-white mt-3 font-semibold">
  384. Zeno Saves upto
  385. <strong class="px-2 font-bold">33% More Power</strong>
  386. than Desktops.
  387. </h3>
  388. </div>
  389. </div>
  390. </div>
  391. </section>
  392. <section>
  393. <div class="container p-3 max-w-6xl my-12 md:my-24 mx-auto">
  394. <div class="md:grid grid-cols-2 items-center gap-5">
  395. <div>
  396. <img
  397. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/anwi-aio-battery%20(1).png"
  398. alt=""
  399. class="w-100 rounded-3xl"
  400. />
  401. </div>
  402. <div class="max-sm:p-5">
  403. <h2 class="font-bold text-2xl md:text-4xl ">
  404. Zeno's Never Stop
  405. </h2>
  406. <h3 class="md:flex text-xl mt-3">
  407. Upto 45-Min
  408. <strong class="px-2 font-semibold">Power Backup</strong>
  409. Keeps You Productive.
  410. </h3>
  411. </div>
  412. </div>
  413. </div>
  414. </section>
  415. <section>
  416. <div class="container p-3 max-w-6xl my-12 md:my-24 mx-auto">
  417. <div
  418. class="md:grid grid-cols-2 flex flex-column-reverse items-center md:gap-5"
  419. >
  420. <div class="max-sm:p-5">
  421. <h2 class="font-bold text-2xl md:text-4xl ">
  422. Reclaim Your Space
  423. </h2>
  424. <h3 class="md:flex text-xl mt-3">
  425. Zeno's Compact Design
  426. <strong class="font-bold px-2">Maximizes</strong>
  427. Desk Area.
  428. </h3>
  429. </div>
  430. <div>
  431. <img
  432. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/reclaim-your-space.png"
  433. alt=""
  434. class="w-100 rounded-3xl"
  435. />
  436. </div>
  437. </div>
  438. </div>
  439. </section>
  440. <!-- stand section -->
  441. <section>
  442. <div class="bg-black md:py-20 py-12">
  443. <div class="md:grid grid-cols-5 max-w-7xl my-5 mx-auto">
  444. <div class="text-white col-span-2 flex flex-col justify-center">
  445. <h2 class="font-bold text-2xl md:text-4xl ">View Flexibly</h2>
  446. <p class="text-xl mt-3">
  447. Rotate Zeno's Screen 180°, Horizontal to Landscape.
  448. </p>
  449. </div>
  450. <div class="col-span-3 flex justify-center max-sm:mt-24">
  451. <img
  452. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/flexibility.png"
  453. alt=""
  454. class="w-4/6"
  455. />
  456. </div>
  457. </div>
  458. </div>
  459. </section>
  460. <section>
  461. <div class="container p-3 max-w-6xl my-12 md:my-24 mx-auto">
  462. <div class="md:grid grid-cols-2 items-center gap-5">
  463. <div>
  464. <img
  465. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/metal-keyboard.png"
  466. alt=""
  467. class="w-100 rounded-3xl"
  468. />
  469. </div>
  470. <div class="max-sm:p-5">
  471. <h2 class="font-bold text-2xl md:text-4xl ">
  472. Stay Charged
  473. </h2>
  474. <h3 class="md:flex text-xl mt-3">
  475. Enjoy the Convenience of
  476. <strong class="md:px-2 font-semibold">Rechargeable</strong>
  477. Metal Keyboard.
  478. </h3>
  479. </div>
  480. </div>
  481. </div>
  482. </section>
  483. <section>
  484. <div class="container p-3 max-w-6xl my-12 md:my-24 mx-auto">
  485. <div
  486. class="md:grid grid-cols-2 flex flex-column-reverse items-center gap-5"
  487. >
  488. <div class="max-sm:p-5">
  489. <h2 class="font-bold text-2xl md:text-4xl ">
  490. Affordable Excellence
  491. </h2>
  492. <h3 class="md:flex text-xl mt-3">
  493. Get Premium
  494. <strong class="px-2 font-semibold">All-in-One Features</strong>
  495. at Desktop Prices.
  496. </h3>
  497. </div>
  498. <div>
  499. <img
  500. src="https://anwisystems.com/dist/assets/imgs/zeno/aio/Renders/2.png"
  501. alt=""
  502. class="w-100 rounded-3xl bg-[#575c67]"
  503. />
  504. </div>
  505. </div>
  506. </div>
  507. </section>
  508. <!-- specification section start -->
  509. <section>
  510. <div class="container max-w-6xl mx-auto">
  511. <table class="divide-y-2" align="center" width="100%">
  512. <thead>
  513. <tr>
  514. <th class="md:text-4xl text-2xl font-bold text-center pb-3" colspan="2" align="center">Specifications</th>
  515. </tr>
  516. </thead>
  517. <tbody class="divide-y-2">
  518. <tr>
  519. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Processor</td>
  520. <td class="font-medium py-2 md:font-semibold">Intel® Core™ i3-12100/i5-12400/i7-12700</td>
  521. </tr>
  522. <tr>
  523. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Communication</td>
  524. <td class="font-medium py-2 md:font-semibold">Intel® Dual Band Wi-Fi 6</td>
  525. </tr>
  526. <tr>
  527. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Memory</td>
  528. <td class="font-medium py-2 md:font-semibold">Default: 16GB DDR5 RAM 4800 MHz (Upgradable upto 64GB)</td>
  529. </tr>
  530. <tr>
  531. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Storage</td>
  532. <td class="font-medium py-2 md:font-semibold">Default: 512GB NVMe PCIe 3.0 (Upgradable upto 2TB NVMe PCIe 4.0 & 8TB SATA)</td>
  533. </tr>
  534. <tr>
  535. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Camera</td>
  536. <td class="font-medium py-2 md:font-semibold">5.0MP</td>
  537. </tr>
  538. <tr>
  539. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Power Supply</td>
  540. <td class="font-medium py-2 md:font-semibold">120W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V and in-built Power back up to 45 mins</td>
  541. </tr>
  542. <tr>
  543. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Display</td>
  544. <td class="font-medium py-2 md:font-semibold">23.8" FHD (1920x1080) IPS 250nits Anti-glare</td>
  545. </tr>
  546. <tr>
  547. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Touchscreen</td>
  548. <td class="font-medium py-2 md:font-semibold">None</td>
  549. </tr>
  550. <tr>
  551. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Keyboard</td>
  552. <td class="font-medium py-2 md:font-semibold">Keyboard, Black, English (IN)</td>
  553. </tr>
  554. <tr>
  555. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Mouse</td>
  556. <td class="font-medium py-2 md:font-semibold">Mouse, Black</td>
  557. </tr>
  558. <tr>
  559. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Case Color</td>
  560. <td class="font-medium py-2 md:font-semibold">Grey</td>
  561. </tr>
  562. <tr>
  563. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Body Type</td>
  564. <td class="font-medium py-2 md:font-semibold">Plastic Body with Metal Stand</td>
  565. </tr>
  566. <tr>
  567. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Pen</td>
  568. <td class="font-medium py-2 md:font-semibold">No Support</td>
  569. </tr>
  570. <tr>
  571. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Form Factor</td>
  572. <td class="font-medium py-2 md:font-semibold">AIO (23.8 inches)</td>
  573. </tr>
  574. <tr>
  575. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Dimensions(WxDxH)</td>
  576. <td class="font-medium py-2 md:font-semibold">542.72x 40.20 x 358.50mm (21.36x 1.58x 14.11inches)</td>
  577. </tr>
  578. <tr>
  579. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Weight</td>
  580. <td class="font-medium py-2 md:font-semibold">5.5 kg (12.13 lbs)</td>
  581. </tr>
  582. <tr>
  583. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Ethernet</td>
  584. <td class="font-medium py-2 md:font-semibold">Integrated 100/1000M.</td>
  585. </tr>
  586. <tr>
  587. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">WLAN + Bluetooth</td>
  588. <td class="font-medium py-2 md:font-semibold">Intel® Dual Band Wi-Fi 6</td>
  589. </tr>
  590. <tr>
  591. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">I/O Ports</td>
  592. <td class="font-medium py-2 md:font-semibold">
  593. 2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0<br>
  594. 1 x HDMITM output port (with HDCP)<br>
  595. 1 x 2-in-1 Audio jack (Headphone / Microphone)<br>
  596. 1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)<br>
  597. 1 x RJ-45 LAN port<br>
  598. 1 x DC-in jack<br>
  599. 1 x VGA port
  600. </td>
  601. </tr>
  602. <tr>
  603. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Base Warranty</td>
  604. <td class="font-medium py-2 md:font-semibold">3-year, Offsite</td>
  605. </tr>
  606. <tr>
  607. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Included Upgrade</td>
  608. <td class="font-medium py-2 md:font-semibold">None</td>
  609. </tr>
  610. <tr>
  611. <td class="md:min-w-[300px] md:text-xl text-lg md:font-bold font-semibold p-8 max-sm:p-2">Operation System</td>
  612. <td class="font-medium py-2 md:font-semibold">Windows® 11 Home Single Language, English</td>
  613. </tr>
  614. </tbody>
  615. </table>
  616. <ul>
  617. <li></li>
  618. </ul>
  619. </div>
  620. </section>
  621. <!-- specification section end -->
  622. </main>
  623. <!-- footer -->
  624. <div id="footer-head"></div>
  625. <footer id="footer" class="footer"></footer>
  626. <!-- end-footer -->
  627. <script src="assets/js/navbar.js"></script>
  628. <script src="assets/js/footer.js"></script>
  629. <script>
  630. AOS.init();
  631. $("#navbar-head").addClass("absolute w-100 shadow-none");
  632. </script>
  633. </body>
  634. </html>