No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

zeno-aio-landing.html 27KB

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