rahul.katari
/
anwisystems
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
暫無描述
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.
9 提交
1 分支
目錄樹: ed83b0c1f0
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'ed83b0c1f0'
${ noResults }
anwisystems/laptopmulti.html

laptopmulti.html 64KB
歷史記錄 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8. 

  9.     <link rel="stylesheet" href="./all.css">

  10. 

  11.     <title>project | Anwi</title>

  12. </head>

  13. 

  14. <body class="productOverviewBody">

  15.     <div id="navbar-head"></div>

  16.     <main class="main-body">

  17.         <header class="productoverviewmain  mainSliderAwniContainer vh-100">

  18. 

  19.             <!-- navbar -->

  20. 

  21.             <!-- end-navbar -->

  22. 

  23.             <div class="container mainSliderAwni h-100 text-white ">

  24.                 <div class="row h-100">

  25.                     <div class="col-sm-4 padding_top_13 d-none d-md-block">

  26.                         <h1 class="banner_heading_4 pb-4 orbitron_font animationText">Anwi XCreate</h1>

  27.                         <div class="subtitle_1 satoshi_font animationText">2.5K Resolution | 120 Hz Refresh Rate</div>

  28.                     </div>

  29.                     <!-- <div class="col-sm-7 h-100">

  30.                         <div class="d-flex align-items-end justify-content-end h-100">

  31.                             <div class="photo_dual">

  32.                                 <img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop">

  33.                             </div>

  34.                         </div>

  35.                     </div> -->

  36.                 </div>

  37. 

  38.             </div>

  39.             <div class="price_footer px-1 px-md-3 py-4 w-100 ">

  40.                 <div class="d-flex align-items-center price_footerContainer justify-content-between">

  41.                     <div class="d-none d-md-flex">

  42.                         <div class="boxImgContainer">

  43.                             <img class="w-100 h-100" src="dist/assets/imgs/box.png" alt="box" />

  44.                         </div>

  45.                         <div class="ps-3 ">

  46.                             <div class="satoshi_font fw-700">Delivery</div>

  47.                             <div class="satoshi_font">See estimated delivery times by</div>

  48.                             <div class="satoshi_font ">entering your PIN code</div>

  49.                         </div>

  50.                     </div>

  51.                     <div class="d-flex align-items-center footerDesText justify-content-lg-end  justify-content-around">

  52.                         <div class="pe-2 pe-md-5 d-none">

  53.                             <div class="font-1_5  fw-700 satoshi_font">$69,999.00</div>

  54.                             <div class="d-flex align-items-center pt-1 justify-content-end gap-1 priceCut_multi">

  55.                                 <span class="text-decoration-line-through  pe-3 satoshi_font">$ 89,999</span><span

  56.                                     class="satoshi_font text-green-Awni"> Save $ 19,999</span>

  57.                             </div>

  58.                         </div>

  59.                         <div>

  60.                             <div>

  61.                                 <a class="btn btn-dark button_dark" href="#">Coming soon...</a>

  62.                             </div>

  63.                             <div class="satoshi_font PO_learnMore mt-2 d-none">No Cost EMI Available <span>Learn

  64.                                     more</span></div>

  65.                         </div>

  66.                     </div>

  67.                 </div>

  68.             </div>

  69. 

  70.         </header>

  71. 

  72.         <section class="productOverview container ">

  73.             <div class=" d-flex flex-column p-6  align-items-center container justify-content-between">

  74.                 <div class="font-1_7 overviewProductHeading fw-600">Overview</div>

  75.                 <div class="font_p_Dual text-center fw-bold overviewProductFullTitle">

  76.                     <div>Perform. Produce.</div>

  77.                     <div>

  78.                         Only the Perfects

  79.                     </div>

  80. 

  81.                 </div>

  82.                 <div class="overviewProductDes">Powered by up to 11th Gen Intel® Core™ i7-10850H Processor and a refresh

  83.                     rate of up to 120 Hz, Performance will not be a problem. Embedded with 16 Gb DDr4 Memory series and

  84.                     up to 1TB M.2 NVme storage Anwi Xseries Laptop is a high throughput laptop with increased Clock

  85.                     speed, memory bandwidth, and effective data transfers with very minimal power consumption.</div>

  86.             </div>

  87.         </section>

  88. 

  89.         <!-- photos display -->

  90.         <section class="container d-none PO_galleryContainer">

  91.             <div class="p-6 pt-0">

  92.                 <div class="PO_gallery_display">

  93.                     <img class="PO_gallery_display_img" src="dist/assets/imgs/laptop_display.png" />

  94.                 </div>

  95.                 <div class="d-flex h-md-200p pt-2 pt-md-5 justify-content-between align-items-center">

  96.                     <span class="PO_gallery_box">

  97.                         <div class="PO_gallery_box_inner h-100">

  98.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  99.                         </div>

  100.                     </span>

  101.                     <span class="PO_gallery_box">

  102.                         <div class="PO_gallery_box_inner h-100">

  103.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  104.                         </div>

  105.                     </span>

  106.                     <span class="PO_gallery_box">

  107.                         <div class="PO_gallery_box_inner h-100">

  108.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  109.                         </div>

  110.                     </span>

  111.                     <span class="PO_gallery_box">

  112.                         <div class="PO_gallery_box_inner h-100">

  113.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  114.                         </div>

  115.                     </span>

  116.                     <span class="PO_gallery_box">

  117.                         <div class="PO_gallery_box_inner h-100">

  118.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  119.                         </div>

  120.                     </span>

  121.                     <span class="PO_gallery_box">

  122.                         <div class="PO_gallery_box_inner h-100">

  123.                             <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">

  124.                         </div>

  125.                     </span>

  126.                 </div>

  127.             </div>

  128.         </section>

  129.         <!-- photos display end -->

  130. 

  131. 

  132.         <!-- specs  -->

  133.         <section class="container d-none p-6">

  134.             <div class="productoverBox row w-100 h-700p px-6">

  135.                 <div class="col-lg-5">

  136.                     <div class="PO_box">

  137.                         <div class="">

  138.                             <div

  139.                                 class="box_inner p-4 productoverBox-1 bgBox_Content d-flex justify-content-center align-content-center br-1">

  140.                                 <div class="row w-100">

  141.                                     <div class="svg_container  col-6 d-flex justify-content-center align-items-center">

  142. 

  143.                                         <svg xmlns="http://www.w3.org/2000/svg"

  144.                                             xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"

  145.                                             viewBox="0 0 169 169">

  146.                                             <defs>

  147.                                                 <clipPath id="clip-path">

  148.                                                     <rect id="Rectangle_619" data-name="Rectangle 619" width="169"

  149.                                                         height="169" transform="translate(0.5 0.5)" />

  150.                                                 </clipPath>

  151.                                             </defs>

  152.                                             <g id="Group_929" data-name="Group 929" transform="translate(-0.5 -0.5)">

  153.                                                 <g id="Group_928" data-name="Group 928" clip-path="url(#clip-path)">

  154.                                                     <path id="Path_654" data-name="Path 654"

  155.                                                         d="M169,30.983V25.35H154.917V22.533a8.45,8.45,0,0,0-8.45-8.45H143.65V0h-5.633V14.083h-5.633V0H126.75V14.083h-5.633V0h-5.633V14.083H109.85V0h-5.633V14.083H98.583V0H92.95V14.083H87.317V0H81.683V14.083H76.05V0H70.417V14.083H64.783V0H59.15V14.083H53.517V0H47.883V14.083H42.25V0H36.617V14.083H30.983V0H25.35V14.083H22.533a8.45,8.45,0,0,0-8.45,8.45V25.35H0v5.633H14.083v5.633H0V42.25H14.083v5.633H0v5.633H14.083V59.15H0v5.633H14.083v5.633H0V76.05H14.083v5.633H0v5.633H14.083V92.95H0v5.633H14.083v5.633H0v5.633H14.083v5.633H0v5.633H14.083v5.633H0v5.633H14.083v5.633H0v5.633H14.083v2.817a8.45,8.45,0,0,0,8.45,8.45H25.35V169h5.633V154.917h5.633V169H42.25V154.917h5.633V169h5.633V154.917H59.15V169h5.633V154.917h5.633V169H76.05V154.917h5.633V169h5.633V154.917H92.95V169h5.633V154.917h5.633V169h5.633V154.917h5.633V169h5.633V154.917h5.633V169h5.633V154.917h5.633V169h5.633V154.917h2.817a8.45,8.45,0,0,0,8.45-8.45V143.65H169v-5.633H154.917v-5.633H169V126.75H154.917v-5.633H169v-5.633H154.917V109.85H169v-5.633H154.917V98.583H169V92.95H154.917V87.317H169V81.683H154.917V76.05H169V70.417H154.917V64.783H169V59.15H154.917V53.517H169V47.883H154.917V42.25H169V36.617H154.917V30.983ZM149.283,146.467a2.817,2.817,0,0,1-2.817,2.817H22.533a2.817,2.817,0,0,1-2.817-2.817V22.533a2.817,2.817,0,0,1,2.817-2.817H146.467a2.817,2.817,0,0,1,2.817,2.817Z" />

  156.                                                     <path id="Path_655" data-name="Path 655"

  157.                                                         d="M187.483,72H74.817A2.817,2.817,0,0,0,72,74.817V187.483a2.817,2.817,0,0,0,2.817,2.817H187.483a2.817,2.817,0,0,0,2.817-2.817V74.817A2.817,2.817,0,0,0,187.483,72m-2.817,112.667H77.633V77.633H184.667Z"

  158.                                                         transform="translate(-46.65 -46.65)" />

  159.                                                 </g>

  160.                                             </g>

  161.                                         </svg>

  162. 

  163. 

  164.                                     </div>

  165.                                     <div class="col-6 flex-column d-flex justify-content-center align-items-center">

  166. 

  167.                                         <div class="orbitron_font fw-600">

  168.                                             Intel® Core™ i7

  169.                                         </div>

  170.                                         <div class="orbitron_font fw-600">11th Gen

  171.                                         </div>

  172.                                         <div class="orbitron_font fw-600"> Processor</div>

  173.                                     </div>

  174.                                 </div>

  175.                             </div>

  176. 

  177.                         </div>

  178.                         <div class="">

  179.                             <div

  180.                                 class="box_inner overflow-hidden  productoverBox-2 bgBox_Content d-flex justify-content-center align-content-center br-1">

  181.                                 <div class="row futureProof overflow-hidden w-100">

  182.                                     <div class="col-12 p-5 d-flex flex-column justify-content-end">

  183.                                         <div class="orbitron_font fw-600">

  184.                                             Lightning Fast

  185. 

  186. 

  187.                                         </div>

  188.                                         <div class="orbitron_font fw-600">TB4 + Type C</div>

  189.                                         <div class="orbitron_font fw-600">Future-proof</div>

  190.                                     </div>

  191.                                     <div class="futureProofImg p-0  h-m-100">

  192.                                         <img src="dist/assets/imgs/productoverview/gridfutureproof.png"

  193.                                             class="w-100 h-100" alt="">

  194.                                     </div>

  195.                                 </div>

  196.                             </div>

  197. 

  198.                         </div>

  199.                         <div class="d-flex  w-100">

  200.                             <div class="box_inner productoverBox-3   box_inner_left w-50">

  201.                                 <div style="background-color: yellow;" class="br-1 h-100 bgBox_Content">

  202.                                     <div class="h-100 p-5 ">

  203.                                         <div class="h-50">

  204. 

  205.                                             <svg xmlns="http://www.w3.org/2000/svg"

  206.                                                 xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80"

  207.                                                 viewBox="0 0 129.041 80">

  208.                                                 <defs>

  209.                                                     <clipPath id="clip-path">

  210.                                                         <rect id="Rectangle_616" data-name="Rectangle 616"

  211.                                                             width="129.041" height="80" />

  212.                                                     </clipPath>

  213.                                                 </defs>

  214.                                                 <g id="Group_916" data-name="Group 916" clip-path="url(#clip-path)">

  215.                                                     <path id="Path_648" data-name="Path 648"

  216.                                                         d="M0,0H129.041V9.7a4.515,4.515,0,1,0,0,9.029V50.2H117.815V45.964a1.153,1.153,0,0,0-2.305,0V50.2h-4.8V45.964a1.152,1.152,0,0,0-2.3,0V50.2h-5.747V45.964a1.152,1.152,0,0,0-2.3,0V50.2h-5.21V45.964a1.152,1.152,0,0,0-2.3,0V50.2h-4.8V45.964a1.152,1.152,0,0,0-2.3,0V50.2H79.986V45.964a1.152,1.152,0,0,0-2.3,0V50.2H72.347V45.964a1.152,1.152,0,0,0-2.3,0V50.2h-4.8V45.964a1.152,1.152,0,0,0-2.3,0V50.2H57.189V45.964a1.152,1.152,0,0,0-2.3,0V50.2H44.732v-.732a5.805,5.805,0,0,0-11.578,0V50.2h-6.2V45.964a1.152,1.152,0,0,0-2.3,0V50.2h-4.8V45.964a1.152,1.152,0,0,0-2.3,0V50.2H11.8V45.964a1.152,1.152,0,0,0-2.3,0V50.2H0V18.721l.131,0a4.515,4.515,0,1,0,0-9.029L0,9.7ZM58.877,11.045H70.164V34.92H58.877Zm43.14,0H113.3V34.92H102.017Zm-21.57,0H91.733V34.92H80.447Zm-43.14,0H48.594V34.92H37.308Zm-21.57,0H27.024V34.92H15.738Z"

  217.                                                         fill-rule="evenodd" />

  218.                                                 </g>

  219.                                             </svg>

  220. 

  221.                                         </div>

  222.                                         <div class="h-50 d-flex flex-column align-items-center">

  223.                                             <div class="orbitron_font fw-600">

  224.                                                 8/16 GB

  225.                                             </div>

  226.                                             <div class="orbitron_font fw-600">

  227.                                                 3500MHz

  228.                                             </div>

  229.                                             <div class="orbitron_font fw-600">

  230.                                                 RAM

  231.                                             </div>

  232.                                         </div>

  233.                                     </div>

  234.                                 </div>

  235. 

  236.                             </div>

  237.                             <div class="box_inner productoverBox-4  box_inner_right w-50">

  238.                                 <div style="background-color: yellow;" class="br-1 h-100 bgBox_Content">

  239.                                     <div class="h-100 p-5 ">

  240.                                         <div class="h-50 d-flex justify-content-center">

  241. 

  242. 

  243.                                             <svg id="Group_915" data-name="Group 915" xmlns="http://www.w3.org/2000/svg"

  244.                                                 xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="80"

  245.                                                 viewBox="0 0 89.911 100">

  246.                                                 <defs>

  247.                                                     <clipPath id="clip-path">

  248.                                                         <rect id="Rectangle_614" data-name="Rectangle 614"

  249.                                                             width="89.911" height="80" />

  250.                                                     </clipPath>

  251.                                                 </defs>

  252.                                                 <g id="Group_912" data-name="Group 912">

  253.                                                     <g id="Group_911" data-name="Group 911" clip-path="url(#clip-path)">

  254.                                                         <path id="Path_645" data-name="Path 645"

  255.                                                             d="M104.343,122.872a10.38,10.38,0,1,1-10.366-10.388,10.385,10.385,0,0,1,10.366,10.388"

  256.                                                             transform="translate(-49.299 -66.346)" />

  257.                                                     </g>

  258.                                                 </g>

  259.                                                 <g id="Group_914" data-name="Group 914">

  260.                                                     <g id="Group_913" data-name="Group 913" clip-path="url(#clip-path)">

  261.                                                         <path id="Path_646" data-name="Path 646"

  262.                                                             d="M92.5,62.489a4.307,4.307,0,0,0-.476-.46l-.46-.439a1.27,1.27,0,0,0-.273-.209A33.852,33.852,0,0,0,44.5,62.467l-1.509,1.525L40.9,66.064a6.517,6.517,0,0,0,9.216,9.216l3.6-3.575a20.948,20.948,0,0,1,29.564-.021l2.59,2.51a6.46,6.46,0,0,0,9.136-9.135Z"

  263.                                                             transform="translate(-23.009 -30.982)" />

  264.                                                         <path id="Path_647" data-name="Path 647"

  265.                                                             d="M87.186,18.648,85.034,16.5a.021.021,0,0,0-.021-.021l-1.718-1.713a6.657,6.657,0,0,0-.958-.776A56.576,56.576,0,0,0,5.945,15.742c-.1.107-.209.171-.311.273L1.743,19.906a5.943,5.943,0,0,0,8.408,8.4l3.886-3.891a.309.309,0,0,0,.086-.08A44.634,44.634,0,0,1,75.727,24l3.056,3.072a5.949,5.949,0,0,0,8.4-8.424"

  266.                                                             transform="translate(-0.009 -0.003)" />

  267.                                                     </g>

  268.                                                 </g>

  269.                                             </svg>

  270. 

  271. 

  272.                                         </div>

  273.                                         <div class="h-50 d-flex flex-column align-items-center">

  274.                                             <div class=" orbitron_font fw-600">

  275.                                                 Wi-Fi 6

  276.                                             </div>

  277.                                             <div class="orbitron_font fw-600">

  278.                                                 Fast

  279.                                             </div>

  280.                                             <div class="orbitron_font fw-600">

  281.                                                 Internet

  282.                                             </div>

  283.                                         </div>

  284.                                     </div>

  285.                                 </div>

  286. 

  287.                             </div>

  288. 

  289.                         </div>

  290.                     </div>

  291. 

  292.                 </div>

  293.                 <div class="col-lg-4">

  294.                     <div class="PO_box">

  295.                         <div class="">

  296.                             <div

  297.                                 class="box_inner p-5 productoverBox-5 bgBox_Content d-flex justify-content-center align-content-center br-1">

  298. 

  299.                                 <div class="d-flex flex-column align-items-center justify-content-center">

  300.                                     <div class="orbitron_font fw-600">Thin and Light</div>

  301.                                     <div class="orbitron_font fw-600">17.3mm and 1.4 kg</div>

  302.                                 </div>

  303. 

  304. 

  305.                                 <div class="box_innerImg">

  306.                                     <img src="dist/assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">

  307.                                 </div>

  308. 

  309.                             </div>

  310. 

  311.                         </div>

  312.                         <div class="">

  313.                             <div

  314.                                 class="box_inner  productoverBox-6 bgBox_Content d-flex justify-content-center align-content-center br-1">

  315. 

  316.                                 <div class="row p-4">

  317.                                     <div class="col-4 d-flex justify-content-center align-items-center">

  318.                                         <svg id="Group_919" data-name="Group 919" xmlns="http://www.w3.org/2000/svg"

  319.                                             xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80"

  320.                                             viewBox="0 0 86.468 110.807">

  321.                                             <defs>

  322.                                                 <clipPath id="clip-path">

  323.                                                     <rect id="Rectangle_617" data-name="Rectangle 617" width="86.468"

  324.                                                         height="110.807" />

  325.                                                 </clipPath>

  326.                                             </defs>

  327.                                             <g id="Group_918" data-name="Group 918" clip-path="url(#clip-path)">

  328.                                                 <path id="Path_649" data-name="Path 649"

  329.                                                     d="M86.154,40.1a3.248,3.248,0,0,0-2.933-1.854H50.661L70.369,4.9a3.246,3.246,0,0,0-2.8-4.9L39.757,0a3.245,3.245,0,0,0-2.8,1.61L.443,64.2a3.246,3.246,0,0,0,2.8,4.882H35.6l-9.422,37.692a3.246,3.246,0,0,0,5.664,2.839l53.9-66.066a3.246,3.246,0,0,0,.417-3.445"

  330.                                                     transform="translate(0)" />

  331.                                             </g>

  332.                                         </svg>

  333.                                     </div>

  334.                                     <div class="col-8 d-flex align-items-center flex-column justify-content-center">

  335.                                         <div class="orbitron_font fw-600">

  336.                                             11-Hour Battery

  337. 

  338.                                         </div>

  339.                                         <div class="orbitron_font fw-600">

  340.                                             with 65W

  341. 

  342.                                         </div>

  343.                                         <div class="orbitron_font fw-600">

  344.                                             Type-C charger

  345.                                         </div>

  346.                                     </div>

  347.                                 </div>

  348. 

  349.                             </div>

  350. 

  351.                         </div>

  352.                         <div class=" ">

  353.                             <div

  354.                                 class="box_inner overflow-hidden  productoverBox-7 bgBox_Content d-flex justify-content-center align-content-center br-1">

  355.                                 <div class="gridTruelife d-flex justify-content-end w-100 h-100">

  356.                                     <div class="w-60 h-100 d-flex flex-column  justify-content-start p-4">

  357.                                         <div class="text-center orbitron_font fw-600 ">2.5K QHD +</div>

  358.                                         <div class="text-center orbitron_font fw-600 ">Anwi Truelife</div>

  359.                                         <div class="text-center orbitron_font fw-600 ">Display</div>

  360.                                         <div class="text-center fw-500">35.56cm (14)</div>

  361.                                     </div>

  362.                                     <div class="gridTruelifeImg">

  363.                                         <img src="dist/assets/imgs/productoverview/gridtruelifediaplay.png" alt=""

  364.                                             class="w-100 h-100">

  365.                                     </div>

  366.                                 </div>

  367.                             </div>

  368. 

  369.                         </div>

  370.                         <div class="">

  371.                             <div

  372.                                 class="box_inner overflow-hidden  productoverBox-8 bgBox_Content d-flex justify-content-center align-content-center br-1">

  373.                                 <div class="d-flex w-100 justify-content-center align-items-center gap-3">

  374.                                     <div>

  375. 

  376.                                         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="48.01"

  377.                                             viewBox="0 0 51.211 48.01">

  378.                                             <g id="windows" transform="translate(0 -16)">

  379.                                                 <g id="Group_921" data-name="Group 921" transform="translate(0 19.601)">

  380.                                                     <g id="Group_920" data-name="Group 920">

  381.                                                         <path id="Path_650" data-name="Path 650" d="M0,54.8v16H22.4V52Z"

  382.                                                             transform="translate(0 -52)" />

  383.                                                     </g>

  384.                                                 </g>

  385.                                                 <g id="Group_923" data-name="Group 923"

  386.                                                     transform="translate(25.605 16)">

  387.                                                     <g id="Group_922" data-name="Group 922">

  388.                                                         <path id="Path_651" data-name="Path 651"

  389.                                                             d="M256,19.2V38.4h25.605V16Z"

  390.                                                             transform="translate(-256 -16)" />

  391.                                                     </g>

  392.                                                 </g>

  393.                                                 <g id="Group_925" data-name="Group 925"

  394.                                                     transform="translate(25.605 41.605)">

  395.                                                     <g id="Group_924" data-name="Group 924">

  396.                                                         <path id="Path_652" data-name="Path 652"

  397.                                                             d="M256,272v19.2l25.605,3.2V272Z"

  398.                                                             transform="translate(-256 -272)" />

  399.                                                     </g>

  400.                                                 </g>

  401.                                                 <g id="Group_927" data-name="Group 927" transform="translate(0 41.605)">

  402.                                                     <g id="Group_926" data-name="Group 926">

  403.                                                         <path id="Path_653" data-name="Path 653"

  404.                                                             d="M0,272v16l22.4,2.8V272Z" transform="translate(0 -272)" />

  405.                                                     </g>

  406.                                                 </g>

  407.                                             </g>

  408.                                         </svg>

  409. 

  410.                                     </div>

  411.                                     <div class="orbitron_font fw-600">

  412.                                         Windows 10

  413.                                     </div>

  414.                                 </div>

  415.                             </div>

  416.                         </div>

  417.                     </div>

  418. 

  419.                 </div>

  420.                 <div class="col-lg-3">

  421.                     <div class="PO_box">

  422.                         <div class="">

  423.                             <div

  424.                                 class="box_inner p-5 productoverBox-9 bgBox_Content d-flex justify-content-center align-content-center br-1">

  425.                                 <div class="d-flex flex-column justify-content-center align-items-center text-center">

  426. 

  427. 

  428. 

  429. 

  430. 

  431.                                     <div class="orbitron_font fw-600"> Fingerprint</div>

  432.                                     <div class="orbitron_font fw-600"> Reader</div>

  433.                                     <div class="orbitron_font fw-600">with Power</div>

  434.                                     <div class="orbitron_font fw-600">button</div>

  435.                                     <div class="orbitron_font fw-600"> for security</div>

  436.                                 </div>

  437.                             </div>

  438.                         </div>

  439.                         <div class="">

  440.                             <div class="box_inner productoverBox-10 bgBox_Content br-1  ">

  441.                                 2

  442.                             </div>

  443.                         </div>

  444.                         <div class="">

  445.                             <div class="box_inner productoverBox-11 bgBox_Content br-1  ">

  446.                                 2

  447.                             </div>

  448.                         </div>

  449.                         <div class="">

  450.                             <div class="box_inner productoverBox-12 bgBox_Content br-1  ">

  451.                                 2

  452.                             </div>

  453.                         </div>

  454.                     </div>

  455. 

  456.                 </div>

  457.             </div>

  458. 

  459.         </section>

  460.         <!-- specs end -->

  461. 

  462. 

  463.         <!-- TWO SCREENS ZERO BOUNDARIES  -->

  464.         <section class="displayscreenpad">

  465.             <div class="">

  466.                 <div class=" d-flex flex-column align-items-center justify-content-center">

  467.                     <div class="satoshi_font twoScreenHeading font-1_7 fw-600">

  468.                         Two Screens

  469.                     </div>

  470.                     <div class="displayscreenpadContainer">

  471.                         <!-- <h1 class="displayscreenpadHeading orbitron_font text-uppercase"> Two Screens

  472.                         </h1> -->

  473.                         <h1 class="displayscreenpadHeading orbitron_font text-uppercase">To Display

  474.                         </h1>

  475.                         <h1 class="displayscreenpadHeading orbitron_font text-uppercase ">True Colors</h1>

  476.                     </div>

  477.                     <!-- <div class="w-100 d-flex">

  478.                     <div class="displayscreenpadleft w-50  position-relative">

  479.                         <img class="h-100 position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">

  480.                     </div>

  481.                     <div class="displayscreenpadright w-50  position-relative">

  482.                         <img class="h-100  position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">

  483.                     </div>

  484.                    </div> -->

  485.                     <div class="container-fluid w-100 d-flex  position-relative displayscreenpadMain">

  486.                         <div class="displayscreenpadleft w-50">

  487.                             <img class="h-100 position-relative w-100"

  488.                                 src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">

  489.                         </div>

  490.                         <div class="displayscreenpadright w-50">

  491.                             <img class="h-100 position-relative w-100"

  492.                                 src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">

  493.                         </div>

  494.                     </div>

  495.                 </div>

  496.             </div>

  497.         </section>

  498. 

  499. 

  500. 

  501.         <section class="d-none d-sm-block">

  502. 

  503.             <div class="row">

  504.                 <div class="col-7 pe-0">

  505.                     <img src="dist/assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">

  506.                 </div>

  507.                 <div class="col-5 ps-0 ">

  508.                     <div class="zeroBMain_des dualpassage p-6 d-none d-md-block" style="margin-left: -200px;">

  509.                         <div>

  510.                             <h1 class="dual_des_heading orbitron_font">Complemented by Multi-touch Brilliance

  511.                             </h1>

  512. 

  513.                             <h1 class="dual_des_heading orbitron_font d-none"></h1>

  514.                         </div>

  515.                         <div class=" satoshi_font zeroBMain_desP font-1">

  516.                             A 16'inch 2K QHD display and a 14'inch touch screen dual display- designed to capture the

  517.                             enhancement of visual impressions and to drive the imaginations of visual creators into the

  518.                             real world with all twirls and whirls.

  519.                             The Touch screen dual display brings in the added excitement of viewing and creating

  520.                             artwork. Importing artwork is always on the horizon to get the most out of the artists'

  521.                             illusions and imagination.

  522. 

  523. 

  524.                         </div>

  525.                     </div>

  526.                     <img src="dist/assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">

  527.                 </div>

  528.             </div>

  529.             <div class="zeroBMain_des d-md-none d-block">

  530.                 <div class="p-4">

  531.                     <h2 class=" orbitron_font">Experience Ultimate</h2>

  532.                     <h2 class=" orbitron_font">productivity</h2>

  533.                 </div>

  534.                 <div class=" satoshi_font zeroBMain_desP font-1-2 p-4">

  535.                     Cooperation with leading component suppliers and compatibility testing ensure a wide range of

  536.                     product

  537.                     availability Experience

  538.                     ultimate productivityExperience ultimate productivity

  539.                     Cooperation with leading component suppliers and compatibility testing ensure a wide range of

  540.                     product

  541.                     availability Experience

  542.                     ultimate productivityExperience ultimate productivity

  543.                 </div>

  544.             </div>

  545.         </section>

  546. 

  547.         <!-- table  -->

  548. 

  549.         <!-- <section class="tableLaptop d-flex justify-content-center align-items-center">

  550.             <div class="justTableLaptop">

  551.                 <img src="dist/assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">

  552.             </div>

  553.             <div class="circleTableLaptop">

  554.                 <div class="circleTableLaptop_Heading text-center">

  555.                     <h1 class="dual_des_heading orbitron_font fw-700">Two Screens.</h1>

  556.                     <h1 class="dual_des_heading orbitron_font fw-700"> Zero BOUNDARIES.</h1>

  557.                 </div>

  558.                 <div class="circleTableLaptopTop">

  559.                     <img src="dist/assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">

  560.                 </div>

  561.                 <div class="circleTableLaptop_text font_p_Dual d-none d-md-block">

  562.                     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed

  563.                     diam nonumy eirmod tempor invidunt ut labore et dolore

  564.                     magna aliquyam erat, sed diam voluptua. Lorem ipsum

  565.                     dolor sit amet, consetetur sadipscing elitr, sed diam

  566.                     nonumy eirmodorem ipsum dolor sit amet, consetetur

  567.                     sadipscing elitr, sed

  568.                 </div>

  569.             </div>

  570.         </section> -->

  571. 

  572.         <section>

  573.             <div>

  574.                 <div class="d-md-none d-block satoshi_font p-4">

  575.                     A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce

  576.                     simulations of ultra-high contrast of deep blacks for true-to-life impressions and photorealistic

  577.                     visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094; 1.5DC to ensure

  578.                     vibrantly enriched vivids.

  579.                 </div>

  580.             </div>

  581.             <div class="position-relative">

  582.                 <img src="dist/assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">

  583.                 <div class="circleTableLaptop_Heading text-center position-absolute w-100 ">

  584.                     <h1 class="orbitron_font fw-700 ">Two Screens</h1>

  585.                     <h1 class="orbitron_font fw-700"> To Display</h1>

  586.                     <h1 class="orbitron_font fw-700">True Colors

  587.                     </h1>

  588.                 </div>

  589.                 <div class="circleTableLaptop_text font_p_Dual d-none d-md-block position-absolute w-100 px-5">

  590.                     <div class="satoshi_font font-1-2 ">

  591.                         A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce

  592.                         simulations of ultra-high contrast of deep blacks for true-to-life impressions and

  593.                         photorealistic visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094;

  594.                         1.5DC to ensure vibrantly enriched vivids.

  595.                     </div>

  596.                 </div>

  597.             </div>

  598. 

  599.         </section>

  600. 

  601. 

  602.         <!-- table end -->

  603.         <section class="trueLifeDisplay ">

  604.             <div class="trueLifeDisplay_headingHD text-center pb-5">

  605.                 <h1 class="orbitron_font headingLife fw-700">2k FHD</h1>

  606.                 <h1 class="orbitron_font  fw-700 d-none">Anwi Truelife Display</h1>

  607.             </div>

  608.             <div class="trueLifeDisplay_des">

  609.                 <p class="satoshi_font font_p_Dual">Witness never before like visuals on the "2.5K (QHD+) Mi TrueLife

  610.                     Display that has twice as many pixels as a Full-HD display. Higher contrast ratio combined with up

  611.                     to

  612.                     300 Nits of brightness ensures vivid colours

  613.                     and excellent viewing angles.</p>

  614.             </div>

  615.             <div>

  616.                 <!-- <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100"> -->

  617.                 <img src="dist/assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">

  618.             </div>

  619.         </section>

  620. 

  621.         <!-- tabs section start -->

  622.         <section class="controlPanel container">

  623.             <div class="p-5">

  624. 

  625.                 <div class="bgControlpanel ">

  626.                     <div class="controlPanel_des">

  627.                         <h1 class="orbitron_font font_4 fw-700">Peripheral </h1>

  628.                         <h1 class="orbitron_font font_4 fw-700">Artwork</h1>

  629.                         <h1 class="orbitron_font font_4 fw-700">Studio</h1>

  630.                     </div>

  631.                     <div class="bgControlpaneltabs w-100 px-5">

  632.                         <ul class="nav nav-tabs d-flex justify-content-between" id="myTab" role="tablist">

  633.                             <li class="nav-item" role="presentation">

  634.                                 <button class="nav-link active " id="PhotoTab-tab" data-bs-toggle="tab"

  635.                                     data-bs-target="#PhotoTab" type="button" role="tab" aria-controls="PhotoTab"

  636.                                     aria-selected="true">

  637.                                     <span class="d-none d-md-block">Photo</span>

  638.                                     <span class="w-20p d-block d-md-none"><img

  639.                                             src="dist/assets/imgs/productoverview/windows.svg" alt=""

  640.                                             class="w-100 h-100"></span>

  641.                                 </button>

  642. 

  643. 

  644.                             </li>

  645.                             <li class="nav-item" role="presentation">

  646.                                 <button class="nav-link " id="ProgrammerTab-tab" data-bs-toggle="tab"

  647.                                     data-bs-target="#ProgrammerTab" type="button" role="tab"

  648.                                     aria-controls="ProgrammerTab" aria-selected="false">

  649. 

  650.                                     <span class="d-none d-md-block"> ProgrammerTab</span>

  651.                                     <span class="w-20p d-block d-md-none"><img

  652.                                             src="dist/assets/imgs/productoverview/windows.svg" alt=""

  653.                                             class="w-100 h-100"></span>

  654.                                 </button>

  655.                             </li>

  656.                             <li class="nav-item" role="presentation">

  657.                                 <button class="nav-link " id="VideoEdtior-tab" data-bs-toggle="tab"

  658.                                     data-bs-target="#VideoEdtior" type="button" role="tab" aria-controls="VideoEdtior"

  659.                                     aria-selected="false">

  660. 

  661.                                     <span class="d-none d-md-block"> VideoEdtior</span>

  662.                                     <span class="w-20p d-block d-md-none"><img

  663.                                             src="dist/assets/imgs/productoverview/windows.svg" alt=""

  664.                                             class="w-100 h-100"></span>

  665.                                 </button>

  666.                             </li>

  667. 

  668.                             <li class="nav-item" role="presentation">

  669.                                 <button class="nav-link " id="Music_Artist-tab" data-bs-toggle="tab"

  670.                                     data-bs-target="#Music_Artist" type="button" role="tab" aria-controls="Music_Artist"

  671.                                     aria-selected="false">

  672. 

  673.                                     <span class="d-none d-md-block"> Music Artist</span>

  674.                                     <span class="w-20p d-block d-md-none"><img

  675.                                             src="dist/assets/imgs/productoverview/windows.svg" alt=""

  676.                                             class="w-100 h-100"></span>

  677.                                 </button>

  678.                             </li>

  679.                             <!-- <li class="nav-item" role="presentation">

  680.                           <button class="nav-link " id="3D_ARTIST-tab" data-bs-toggle="tab" data-bs-target="#    " type="button" role="tab" aria-controls="3D_ARTIST" aria-selected="false">3D_ARTIST</button>

  681.                         </li> -->

  682.                             <li class="nav-item" role="presentation">

  683.                                 <button class="nav-link  " id="gamerTab-tab" data-bs-toggle="tab"

  684.                                     data-bs-target="#gamerTab" type="button" role="tab" aria-controls="gamerTab"

  685.                                     aria-selected="false">

  686. 

  687.                                     <span class="d-none d-md-block">Game</span>

  688.                                     <span class="w-20p d-block d-md-none"><img

  689.                                             src="dist/assets/imgs/productoverview/windows.svg" alt=""

  690.                                             class="w-100 h-100"></span>

  691.                                 </button>

  692.                             </li>

  693.                         </ul>

  694.                         <div class="tab-content" id="tabLaptopContent">

  695. 

  696.                             <div class="tab-pane fade show active" id="PhotoTab" role="tabpanel"

  697.                                 aria-labelledby="PhotoTab-tab"> <img

  698.                                     src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  699.                             </div>

  700. 

  701.                             <div class="tab-pane fade" id="ProgrammerTab" role="tabpanel"

  702.                                 aria-labelledby="ProgrammerTab-tab"><img

  703.                                     src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  704.                             </div>

  705. 

  706.                             <div class="tab-pane fade" id="VideoEdtior" role="tabpanel"

  707.                                 aria-labelledby="VideoEdtior-tab">

  708.                                 <img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  709.                             </div>

  710. 

  711.                             <div class="tab-pane fade" id="Music_Artist" role="tabpanel"

  712.                                 aria-labelledby="Music_Artist-tab">

  713.                                 <img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  714.                             </div>

  715. 

  716.                             <!-- <div class="tab-pane fade" id="3D_ARTIST" role="tabpanel" aria-labelledby="3D_ARTIST-tab">3d</div> -->

  717. 

  718.                             <div class="tab-pane fade" id="gamerTab" role="tabpanel" aria-labelledby="gamerTab-tab"><img

  719.                                     src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  720.                             </div>

  721.                         </div>

  722.                     </div>

  723.                 </div>

  724.             </div>

  725.         </section>

  726.         <!-- tabs section end -->

  727. 

  728.         <!-- pro section -->

  729.         <!-- <section class="designedProLaptop d-flex align-items-center vh-100 justify-content-end">

  730.             <div class="px-md-5 px-3 designedProLaptop_title">

  731.                 <h1 class="designedProLaptop_title_text orbitron_font">Designed for

  732.                 </h1>

  733.                 <h1 class="designedProLaptop_title_text orbitron_font"> a Pro</h1>

  734.             </div>

  735.             <div class="designedProLaptop_img">

  736.                 <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">

  737.             </div>

  738.             <ul class="list-inline designedProLaptopList  mb-0">

  739.                 <li class="border-bottom">

  740.                     <span class="fw-700">17.3</span> mm Thin

  741.         

  742.                 </li>

  743.                 <li class="border-bottom">

  744.                     <span class="fw-700">1.46</span> kg Light

  745.         

  746.                 </li>

  747.                 <li class="border-bottom">

  748.                     <span class="fw-700">0.3</span> mm Depeth

  749.         

  750.                 </li>

  751.                 <li>

  752.                     <div>Superior quality</div>

  753.                     <div>

  754.                         hinge tested for up

  755.                     </div>

  756.                     <div> to <span class="fw-700"> 30,000 operations</span></div>

  757.                 </li>

  758.             </ul>

  759.         </section> -->

  760.         <!-- pro section end -->

  761. 

  762.         <section class="proSection d-none">

  763.             <div class="px-md-5 px-3 designedProLaptop_title">

  764.                 <h1 class="designedProLaptop_title_text orbitron_font d-none d-sm-block">Designed for

  765.                 </h1>

  766.                 <h1 class="designedProLaptop_title_text orbitron_font d-none d-sm-block"> a Pro</h1>

  767. 

  768.                 <h1 class="designedProLaptop_title_text orbitron_font d-block d-sm-none">Designed for a Pro</h1>

  769.             </div>

  770.             <div class="row">

  771.                 <div class="col-md-8">

  772.                     <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">

  773.                 </div>

  774.                 <div class="col-md-4 d-flex justify-content-center align-items-center">

  775.                     <ul class="list-inline designedProLaptopList  mb-0">

  776.                         <li class="border-bottom">

  777.                             <span class="fw-700">17.3</span> mm Thin

  778. 

  779.                         </li>

  780.                         <li class="border-bottom">

  781.                             <span class="fw-700">1.46</span> kg Light

  782. 

  783.                         </li>

  784.                         <li class="border-bottom">

  785.                             <span class="fw-700">0.3</span> mm Depeth

  786. 

  787.                         </li>

  788.                         <li>

  789.                             <div>Superior quality</div>

  790.                             <div>

  791.                                 hinge tested for up

  792.                             </div>

  793.                             <div> to <span class="fw-700"> 30,000 operations</span></div>

  794.                         </li>

  795.                     </ul>

  796.                 </div>

  797.             </div>

  798. 

  799.         </section>

  800. 

  801.         <!-- popup keyboard -->

  802.         <section class="popupKeyboard vw-100 d-none">

  803.             <div class="popupKeyboard_hParent p-6">

  804.                 <div class="popupKeyboard_heading">

  805.                     <h1 class="orbitron_font">Popup</h1>

  806.                     <h1 class="orbitron_font">Keyboard</h1>

  807.                 </div>

  808.                 <div>

  809.                     <p class="popupKeyboard_des font_p_Dual">

  810.                         Lorem ipsum dolor sit amet, consetetur sadipscing elitr,

  811.                         <br> sed diam nonumy eirmod tempor invidunt ut

  812.                     </p>

  813.                 </div>

  814.             </div>

  815. 

  816. 

  817.             <img class="img-fluid w-100" src="dist/assets/imgs/productoverview/popkey.png" alt="popupkeyboard">

  818. 

  819. 

  820.         </section>

  821.         <!-- popup keyboard end -->

  822. 

  823.         <!-- anwi roxo display -->

  824. 

  825.         <section class="dragondisplay">

  826.             <div class="dragondisplay_des d-none d-md-block">

  827.                 <p class="font_p_Dual satoshi_font">

  828.                     Designed for Professional creators & illustrators to flex their creative muscles with spectacular

  829.                     style-frame settings with on-point Precision to develop any kind of artistic project. From high-end

  830.                     visuals to animation, Digital Sculpting to 3D modeling or illustration creations, the designer can

  831.                     swing through unwraps and textures very swiftly.

  832. 

  833.                 </p>

  834.                 <div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>

  835.             </div>

  836.             <img src="dist/assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">

  837.             <div class="dragondisplay_heading d-flex    justify-content-center text-white">

  838.                 <h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>

  839.             </div>

  840. 

  841.         </section>

  842.         <!-- anwi roxo display end -->

  843. 

  844.         <!-- lens -->

  845.         <section class="lensAnwi d-none container">

  846.             <div class="row row_lensAnwi p-6">

  847.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  848.                     <div

  849.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  850.                         <div class="box_lens_img">

  851.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  852.                         </div>

  853.                         <div>

  854.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">Ergonomic</h1>

  855.                         </div>

  856.                         <div class="screenpadLens text-center fw-500">ScreenPad™ Plus</div>

  857.                     </div>

  858.                 </div>

  859.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  860.                     <div

  861.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  862.                         <div class="box_lens_img">

  863.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  864.                         </div>

  865.                         <div>

  866.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>

  867.                         </div>

  868.                         <div class="screenpadLens text-center fw-500">Vivid colors</div>

  869.                     </div>

  870.                 </div>

  871.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  872.                     <div

  873.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  874.                         <div class="box_lens_img">

  875.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  876.                         </div>

  877.                         <div>

  878.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">100%</h1>

  879.                         </div>

  880.                         <div class="screenpadLens text-center fw-500">DCI-P3 color gamut</div>

  881.                     </div>

  882.                 </div>

  883.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  884.                     <div

  885.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  886.                         <div class="box_lens_img">

  887.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  888.                         </div>

  889.                         <div>

  890.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>

  891.                         </div>

  892.                         <div class="screenpadLens text-center fw-500">Vivid colors</div>

  893.                     </div>

  894.                 </div>

  895. 

  896.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  897.                     <div

  898.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  899.                         <div class="box_lens_img">

  900.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  901.                         </div>

  902.                         <div>

  903.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">

  904.                                 Delta-E 2</h1>

  905.                         </div>

  906.                         <div class="screenpadLens text-center fw-500">

  907.                             color accuracy

  908.                         </div>

  909.                     </div>

  910.                 </div>

  911.                 <div class="box_lens p-3 col-6 col-md-4 col-lg-3">

  912.                     <div

  913.                         class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4 h-100">

  914.                         <div class="box_lens_img">

  915.                             <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">

  916.                         </div>

  917.                         <div>

  918.                             <h1 class="orbitron_font lenHeading m-0 p-0 font-2">3840X2160</h1>

  919.                         </div>

  920.                         <div class="screenpadLens text-center fw-500">4K UHD main display</div>

  921.                     </div>

  922.                 </div>

  923. 

  924.             </div>

  925.             <div class="row row_lensAnwi p-6 pt-0">

  926. 

  927.             </div>

  928.         </section>

  929. 

  930.         <!-- lens end -->

  931. 

  932.         <!-- Professional  -->

  933.         <section class="professinalGrade container py-5">

  934.             <div class="text-end">

  935.                 <h1 class="font-6 orbitron_font">

  936.                     Blitz through every and any routine

  937. 

  938. 

  939.                 </h1>

  940.                 <h1 class="font-6 orbitron_font d-none">graphics</h1>

  941.                 <p class="font_p_Dual satoshi_font ps-7 py-5">

  942.                     A perfect companion for anyone who desires to elevate their computing experience with exceptional

  943.                     performance.

  944.                     The Anwi Xseries Laptop is a true powerhouse of performance, designed to efficiently handle even the

  945.                     most demanding tasks. Effortlessly multitask and experience smooth visuals thanks to the 16 GB of

  946.                     DDR4 memory and 1 TB of M.2 NVme storage. Equipped with the latest 11th Gen Intel® Core™ i7-10850H

  947.                     Processor and an impressive 120 Hz refresh rate, this laptop is tailored for power users, gamers,

  948.                     and professionals who demand the best.

  949. 

  950.                 </p>

  951.             </div>

  952.             <div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">

  953.                 <img class="professinalGradeImg" src="dist/assets/imgs/productoverview/progreen.png" alt=""

  954.                     class="w-100 h-100">

  955.             </div>

  956.         </section>

  957.         <!-- Professional end -->

  958. 

  959.         <!-- Stunning sound -->

  960. 

  961.         <section class="stunningSound container">

  962.             <!-- <div class="stunningSound_heading text-start">

  963.                     <h1 class="orbitron_font">Stuning</h1>

  964.                     <h1 class="orbitron_font">Sound</h1>

  965.                 </div>

  966.                 <div class="stunningSound_des font_p_Dual">

  967.                     <p class="fw-600"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and light laptop

  968.                         graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>

  969.                 </div> -->

  970. 

  971.             <div class="stunningSound_heading text-start">

  972.                 <h1 class="orbitron_font d-none d-sm-block">Acoustics, Astounding!</h1>

  973.                 <!-- <h1 class="orbitron_font d-none d-sm-block">Sound</h1>

  974.                     <h1 class="orbitron_font d-block d-sm-none">Stuning Sound</h1> -->

  975.             </div>

  976. 

  977.             <div class="stunningSound_des font_p_Dual d-none">

  978.                 <p class=" satoshi_font"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and light

  979.                     laptop

  980.                     graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>

  981.             </div>

  982. 

  983.             <div class="stunningSound_headingImg">

  984.                 <img src="dist/assets/imgs/productoverview/stunningSound.png" alt=""

  985.                     class="img-fluid stunningSound_headingImg">

  986.             </div>

  987. 

  988.         </section>

  989. 

  990.         <!-- Stunning end -->

  991. 

  992.         <section class=" d-flex justify-content-center align-items-center font_p_Dual container satoshi_font">

  993.             <h3> Encompass Yourself In Pulsating Resonates

  994.             </h3>

  995.         </section>

  996.         <!-- wifi  -->

  997.         <section class="wifiSection">

  998.             <div class="wifiSectionImg">

  999.                 <img src="dist/assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">

  1000.             </div>

  1001.             <div class="container textWifiContainer px-5">

  1002.                 <div class="textWifiContainerHeading">

  1003.                     <!-- <h1 class="orbitron_font d-none d-md-block">

  1004.                         Wifi 6

  1005.         

  1006.                     </h1> -->

  1007.                     <h1 class="orbitron_font d-none d-md-block">

  1008.                         Newfangled

  1009. 

  1010.                     </h1>

  1011.                     <h1 class="orbitron_font d-none d-md-block "> Connectivity </h1>

  1012.                     <!-- <h1 class="orbitron_font d-block d-md-none">Wifi 6 Wider;</h1>

  1013.                     <h1 class="orbitron_font d-block d-md-none">Faster Internet</h1> -->

  1014.                 </div>

  1015.                 <div class="wifiSection_des d-flex align-items-end justify-content-end d-none">

  1016.                     <p class="font_p_Dual fw-600"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and

  1017.                         light laptop graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>

  1018.                 </div>

  1019.             </div>

  1020.             <div class="wifiSectionDes">

  1021.                 <h1 class="orbitron_font">Wifi 6 Wider;</h1>

  1022.                 <h1 class="orbitron_font">Faster Internet</h1>

  1023.                 <div class="wifiSection_des d-flex align-items-end justify-content-end">

  1024.                     <p class="font_p_Dual satoshi_font"> 2x performance over 10th Gen Iris Plus graphics, redefining

  1025.                         thin and

  1026.                         light laptop graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>

  1027.                 </div>

  1028.             </div>

  1029.         </section>

  1030. 

  1031.         <!-- wifi end -->

  1032. 

  1033.         <!-- Pro Connectivity  -->

  1034. 

  1035.         <section class=" pt-5 proConnectivity">

  1036.             <div class="row">

  1037.                 <div class="col-sm-6">

  1038.                     <img src="dist/assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">

  1039.                 </div>

  1040.                 <div

  1041.                     class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">

  1042.                     <div>

  1043.                         <h1 class="orbitron_font font-5 d-none">Pro Connectivity</h1>

  1044.                     </div>

  1045.                     <div>

  1046.                         <p class="font_p_Dual satoshi_font">Engineered with WiFi 6 network protocol for improved

  1047.                             connectivity and to benefit more from the advantage of frequency bands.

  1048.                         </p>

  1049.                         <p class="font_p_Dual satoshi_font">WiFi 6 is complemented by v5.3 Bluetooth technology.

  1050. 

  1051.                         </p>

  1052.                     </div>

  1053.                 </div>

  1054.             </div>

  1055.         </section>

  1056. 

  1057.         <!-- Pro Connectivity end  -->

  1058. 

  1059.         <!-- interGen start -->

  1060.         <!-- <section class="intelGen container  d-none d-md-block">

  1061.             <div class="p-6">

  1062.                 <h1 class="orbitron_font font_4  text-center">

  1063.                     Intel 11th-generation Tigerlake

  1064.         

  1065.                 </h1>

  1066.                 <h1 class="orbitron_font font_4  text-center">

  1067.                     H35 - Enabling powerful

  1068.         

  1069.                 </h1>

  1070.                 <h1 class="orbitron_font font_4  text-center">

  1071.                     performance on Thin

  1072.         

  1073.                 </h1>

  1074.                 <h1 class="orbitron_font font_4  text-center">

  1075.                     and Light laptops

  1076.                 </h1>

  1077.             </div>

  1078.             <div class="cpuSection">

  1079.                 <div class="p-5">

  1080.                     <ul class="list-inline intelGenUL d-flex flex-column justify-content-between">

  1081.                         <li>

  1082.                             <div class=" orbitron_font intelGenULHeading">10nm process</div>

  1083.                             <div class="font_p_Dual">Multi-task</div>

  1084.                             <div class="font_p_Dual">with 4 cores 8 threads</div>

  1085.                         </li>

  1086.                         <li>

  1087.                             <div class=" orbitron_font intelGenULHeading">10nm process</div>

  1088.                             <div class="font_p_Dual">Multi-task</div>

  1089.                             <div class="font_p_Dual">with 4 cores 8 threads</div>

  1090.                         </li>

  1091.                         <li>

  1092.                             <div class=" orbitron_font intelGenULHeading">10nm process</div>

  1093.                             <div class="font_p_Dual">Multi-task</div>

  1094.                             <div class="font_p_Dual">with 4 cores 8 threads</div>

  1095.                         </li>

  1096.         

  1097.                     </ul>

  1098.                 </div>

  1099.             </div>

  1100.         </section> -->

  1101.         <!-- interGen end -->

  1102. 

  1103.         <!-- os+ software -->

  1104.         <section class="osPlusSoftware container p-6 ">

  1105.             <div class="osContianerImg">

  1106.                 <img class="w-100 h-100" src="dist/assets/imgs/productoverview/ossoftware.png" alt="">

  1107.             </div>

  1108.             <div class="osContianer   d-flex flex-column align-items-center w-100">

  1109.                 <div class="osContianerHeading">

  1110.                     <h1 class="orbitron_font font-7 text-center">OS+</h1>

  1111.                     <h1 class="orbitron_font font-7 text-center">Software</h1>

  1112.                 </div>

  1113.                 <div class="osContianer_des_fontParent d-flex flex-column align-items-center justify-content-center">

  1114.                     <div class="osContianer_des_font fw-600 satoshi_font">Window 11 Home</div>

  1115.                     <div class="osContianer_des_font  fw-600 satoshi_font">Microsoft Office Home and Student Edition

  1116.                     </div>

  1117.                     <div class="osContianer_des_font  fw-600 satoshi_font">Anwi Smart Share</div>

  1118.                 </div>

  1119. 

  1120.             </div>

  1121.         </section>

  1122.     </main>

  1123. 

  1124. 

  1125.     <!-- footer -->

  1126.     <section id="footer-head"></section>

  1127.     <!-- end-footer -->

  1128. 

  1129. 

  1130. 

  1131.     <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  1132.     <script src="./dist/js/jquery.min.js"></script>

  1133. 

  1134.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  1135.     <script src="./dist/js/navbar.js"></script>

  1136.     <script src="./libs/axios.min.js"></script>

  1137.     <script src="./dist/js/footer.js"></script>

  1138.     <script src="./dist/js/laptopmuti.js"></script>

  1139.     <script src="./libs/cookies.min.js"></script>

  1140.     <script src="./dist/js/fontawesome.all.js"></script>

  1141.     <script src="./dist/js/fontawesome.min.js"></script>

  1142.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  1143.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  1144.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  1145.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  1146.     <script src="./dist/js/plugins/slick.js"></script>

  1147.     <script src="./dist/js/plugins/wow.js"></script>

  1148.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  1149.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  1150.     <script src="./dist/js/plugins/mouse-parallax.js"></script>

  1151.     <script src="./dist/js/plugins/images-loaded.js"></script>

  1152.     <script src="./dist/js/plugins/isotope.js"></script>

  1153.     <script src="./dist/js/plugins/jquery-ui.js"></script>

  1154.     <script src="./dist/js/plugins/magnific-popup.js"></script>

  1155.     <!-- Main JS -->

  1156.     <script src="./dist/js/main.js"></script>

  1157. 

  1158.     <script>

  1159.         $(window).scroll(function () {

  1160.             if (isScrolledIntoView('#footer-head'))

  1161.                 $('.price_footer').css('visibility', 'hidden');

  1162.             else {

  1163.                 $('.price_footer').css('visibility', 'visible');

  1164.             }

  1165.         });

  1166. 

  1167.         function isScrolledIntoView(elem) {

  1168.             let docViewTop = $(window).scrollTop();

  1169.             let docViewBottom = docViewTop + $(window).height();

  1170.             let elemTop = $(elem).offset().top;

  1171.             let elemBottom = elemTop + $(elem).height();

  1172.             return ((elemTop < docViewBottom));

  1173.         }

  1174.     </script>

  1175. 

  1176. 

  1177. 

  1178. </body>

  1179. 

  1180. </html>