sachin.ganesh
/
anwi_website
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Ingen beskrivning
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
23 Incheckningar
1 Gren
Träd: 594ad5a4a7
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '594ad5a4a7'
${ noResults }
anwi_website/dist/html/pages/laptopmulti.html

laptopmulti.html 57KB
Historik Rå

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078 
  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="../../../libs/bootstrap/css/bootstrap.min.css" />

  10.     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->

  11.     <link rel="stylesheet" href="../../../styles/style.css">

  12.     <title>project</title>

  13. </head>

  14. 

  15. <body>

  16. 

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

  18. 

  19.         <!-- navbar -->

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

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

  22.     

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

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

  25.                 <div class="col-sm-4 padding_top_10 ">

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

  27.                     <div class="subtitle_1 satoshi_font">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 d-md-block d-none  py-4 w-100 ">

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

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

  42.                     <div class="boxImgContainer">

  43.                         <img class="w-100 h-100" src="./../../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 ">

  52.                     <div class="pe-5">

  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="#">Add to cart</a>

  62.                         </div>

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

  64.                     </div>

  65.                 </div>

  66.             </div>

  67.         </div>

  68.     

  69.     </header>

  70.     <section class="productOverview container ">

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

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

  73.             <div class="font_p_Dual text-center fw-bold overviewProductFullTitle">The Laptop of tomorrow with

  74.                 4K OLED Dual Screen for Creative Multitasking</div>

  75.             <div class="overviewProductDes">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

  76.                 eirmod tempor

  77.                 invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit

  78.                 amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>

  79.         </div>

  80.     </section>

  81.     

  82.     <!-- photos display -->

  83.     <section class="container  PO_galleryContainer">

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

  85.             <div class="PO_gallery_display">

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

  87.             </div>

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

  89.                 <span class="PO_gallery_box">

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

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

  92.                     </div>

  93.                 </span>

  94.                 <span class="PO_gallery_box">

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

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

  97.                     </div>

  98.                 </span>

  99.                 <span class="PO_gallery_box">

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

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

  102.                     </div>

  103.                 </span>

  104.                 <span class="PO_gallery_box">

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

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

  107.                     </div>

  108.                 </span>

  109.                 <span class="PO_gallery_box">

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

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

  112.                     </div>

  113.                 </span>

  114.                 <span class="PO_gallery_box">

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

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

  117.                     </div>

  118.                 </span>

  119.             </div>

  120.         </div>

  121.     </section>

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

  123.     

  124.     

  125.     <!-- specs  -->

  126.     <section class="container p-6">

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

  128.             <div class="col-sm-5">

  129.                 <div class="PO_box">

  130.                     <div class="">

  131.                         <div

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

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

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

  135.     

  136.                                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

  137.                                         width="100" height="100" viewBox="0 0 169 169">

  138.                                         <defs>

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

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

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

  142.                                             </clipPath>

  143.                                         </defs>

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

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

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

  147.                                                     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" />

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

  149.                                                     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"

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

  151.                                             </g>

  152.                                         </g>

  153.                                     </svg>

  154.     

  155.     

  156.                                 </div>

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

  158.     

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

  160.                                         Latest 11th

  161.                                     </div>

  162.                                     <div class="orbitron_font fw-600">Gen Intel Core

  163.                                     </div>

  164.                                     <div class="orbitron_font fw-600"> i5/i7 H35 </div>

  165.                                 </div>

  166.                             </div>

  167.                         </div>

  168.     

  169.                     </div>

  170.                     <div class="">

  171.                         <div

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

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

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

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

  176.                                         Lightning Fast

  177.     

  178.     

  179.                                     </div>

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

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

  182.                                 </div>

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

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

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

  186.                                 </div>

  187.                             </div>

  188.                         </div>

  189.     

  190.                     </div>

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

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

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

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

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

  196.     

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

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

  199.                                             viewBox="0 0 129.041 80">

  200.                                             <defs>

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

  202.                                                     <rect id="Rectangle_616" data-name="Rectangle 616" width="129.041"

  203.                                                         height="80" />

  204.                                                 </clipPath>

  205.                                             </defs>

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

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

  208.                                                     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"

  209.                                                     fill-rule="evenodd" />

  210.                                             </g>

  211.                                         </svg>

  212.     

  213.                                     </div>

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

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

  216.                                             8/16 GB

  217.                                         </div>

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

  219.                                             3500MHz

  220.                                         </div>

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

  222.                                             RAM

  223.                                         </div>

  224.                                     </div>

  225.                                 </div>

  226.                             </div>

  227.     

  228.                         </div>

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

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

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

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

  233.     

  234.     

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

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

  237.                                             viewBox="0 0 89.911 100">

  238.                                             <defs>

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

  240.                                                     <rect id="Rectangle_614" data-name="Rectangle 614" width="89.911"

  241.                                                         height="80" />

  242.                                                 </clipPath>

  243.                                             </defs>

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

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

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

  247.                                                         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"

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

  249.                                                 </g>

  250.                                             </g>

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

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

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

  254.                                                         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"

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

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

  257.                                                         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"

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

  259.                                                 </g>

  260.                                             </g>

  261.                                         </svg>

  262.     

  263.     

  264.                                     </div>

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

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

  267.                                             Wi-Fi 6

  268.                                         </div>

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

  270.                                             Fast

  271.                                         </div>

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

  273.                                             Internet

  274.                                         </div>

  275.                                     </div>

  276.                                 </div>

  277.                             </div>

  278.     

  279.                         </div>

  280.     

  281.                     </div>

  282.                 </div>

  283.     

  284.             </div>

  285.             <div class="col-sm-4">

  286.                 <div class="PO_box">

  287.                     <div class="">

  288.                         <div

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

  290.     

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

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

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

  294.                             </div>

  295.     

  296.     

  297.                             <div class="box_innerImg">

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

  299.                             </div>

  300.     

  301.                         </div>

  302.     

  303.                     </div>

  304.                     <div class="">

  305.                         <div

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

  307.     

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

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

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

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

  312.                                         viewBox="0 0 86.468 110.807">

  313.                                         <defs>

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

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

  316.                                                     height="110.807" />

  317.                                             </clipPath>

  318.                                         </defs>

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

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

  321.                                                 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"

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

  323.                                         </g>

  324.                                     </svg>

  325.                                 </div>

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

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

  328.                                         11-Hour Battery

  329.     

  330.                                     </div>

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

  332.                                         with 65W

  333.     

  334.                                     </div>

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

  336.                                         Type-C charger

  337.                                     </div>

  338.                                 </div>

  339.                             </div>

  340.     

  341.                         </div>

  342.     

  343.                     </div>

  344.                     <div class=" ">

  345.                         <div

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

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

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

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

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

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

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

  353.                                 </div>

  354.                                 <div class="gridTruelifeImg">

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

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

  357.                                 </div>

  358.                             </div>

  359.                         </div>

  360.     

  361.                     </div>

  362.                     <div class="">

  363.                         <div

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

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

  366.                                 <div>

  367.     

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

  369.                                         viewBox="0 0 51.211 48.01">

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

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

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

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

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

  375.                                                 </g>

  376.                                             </g>

  377.                                             <g id="Group_923" data-name="Group 923" transform="translate(25.605 16)">

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

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

  380.                                                         d="M256,19.2V38.4h25.605V16Z" transform="translate(-256 -16)" />

  381.                                                 </g>

  382.                                             </g>

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

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

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

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

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

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

  389.                                                 </g>

  390.                                             </g>

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

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

  393.                                                     <path id="Path_653" data-name="Path 653" d="M0,272v16l22.4,2.8V272Z"

  394.                                                         transform="translate(0 -272)" />

  395.                                                 </g>

  396.                                             </g>

  397.                                         </g>

  398.                                     </svg>

  399.     

  400.                                 </div>

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

  402.                                     Windows 10

  403.                                 </div>

  404.                             </div>

  405.                         </div>

  406.                     </div>

  407.                 </div>

  408.     

  409.             </div>

  410.             <div class="col-sm-3">

  411.                 <div class="PO_box">

  412.                     <div class="">

  413.                         <div

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

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

  416.     

  417.     

  418.     

  419.     

  420.     

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

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

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

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

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

  426.                             </div>

  427.                         </div>

  428.                     </div>

  429.                     <div class="">

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

  431.                             2

  432.                         </div>

  433.                     </div>

  434.                     <div class="">

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

  436.                             2

  437.                         </div>

  438.                     </div>

  439.                     <div class="">

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

  441.                             2

  442.                         </div>

  443.                     </div>

  444.                 </div>

  445.     

  446.             </div>

  447.         </div>

  448.     

  449.     </section>

  450.     <!-- specs end -->

  451.     

  452.   

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

  454.     <section class="displayscreenpad">

  455.         <div class="">

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

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

  458.                     Display / Screenpad

  459.                 </div>

  460.                 <div class="displayscreenpadContainer">

  461.                     <h1 class="displayscreenpadHeading orbitron_font">TWO SCREENS.</h1>

  462.                     <h1 class="displayscreenpadHeading orbitron_font">ZERO BOUNDARIES</h1>

  463.                 </div>

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

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

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

  467.                 </div>

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

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

  470.                 </div>

  471.                </div> -->

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

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

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

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

  476.                     </div>

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

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

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

  480.                     </div>

  481.                 </div>

  482.             </div>

  483.         </div>

  484.     </section>

  485.     

  486. 

  487. 

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

  489.         

  490.         <div class="row">

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

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

  493.             </div>

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

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

  496.                     <div>

  497.                         <h1 class="dual_des_heading orbitron_font">Experience Ultimate</h1>

  498.                         <h1 class="dual_des_heading orbitron_font">productivity</h1>

  499.                     </div>

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

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

  502.                         availability Experience

  503.                         ultimate productivityExperience ultimate productivity

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

  505.                         availability Experience

  506.                         ultimate productivityExperience ultimate productivity

  507.                     </div>

  508.                 </div>

  509.                 <img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid">

  510.             </div>

  511.         </div>

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

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

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

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

  516.             </div>

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

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

  519.                 availability Experience

  520.                 ultimate productivityExperience ultimate productivity

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

  522.                 availability Experience

  523.                 ultimate productivityExperience ultimate productivity

  524.             </div>

  525.         </div>

  526.     </section>

  527. 

  528.     <!-- table  -->

  529. 

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

  531.         <div class="justTableLaptop">

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

  533.         </div>

  534.         <div class="circleTableLaptop">

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

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

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

  538.             </div>

  539.             <div class="circleTableLaptopTop">

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

  541.             </div>

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

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

  544.                 diam nonumy eirmod tempor invidunt ut labore et dolore

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

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

  547.                 nonumy eirmodorem ipsum dolor sit amet, consetetur

  548.                 sadipscing elitr, sed

  549.             </div>

  550.         </div>

  551.     </section> -->

  552. 

  553.     <section>

  554.         <div>

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

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

  557.                     diam nonumy eirmod tempor invidunt ut labore et dolore

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

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

  560.                     nonumy eirmodorem ipsum dolor sit amet, consetetur

  561.                     sadipscing elitr, sed

  562.                 </div>

  563.         </div>

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

  565.             <img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid">

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

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

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

  569.                 </div>

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

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

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

  573.                     diam nonumy eirmod tempor invidunt ut labore et dolore

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

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

  576.                     nonumy eirmodorem ipsum dolor sit amet, consetetur

  577.                     sadipscing elitr, sed

  578.                 </div>

  579.                 </div>

  580.         </div>

  581.         

  582.     </section>

  583. 

  584. 

  585.     <!-- table end -->

  586.     <section class="trueLifeDisplay ">

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

  588.             <h1 class="orbitron_font headingLife fw-700">2.5k QHD +</h1>

  589.             <h1 class="orbitron_font  fw-700">Anwi Truelife Display</h1>

  590.         </div>

  591.         <div class="trueLifeDisplay_des">

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

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

  594.                 300 Nits of brightness ensures vivid colours

  595.                 and excellent viewing angles.</p>

  596.         </div>

  597.         <div>

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

  599.         </div>

  600.     </section>

  601. 

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

  603.       <section class="controlPanel container">

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

  605.     

  606.             <div class="bgControlpanel ">

  607.                 <div class="controlPanel_des">

  608.                     <h1 class="orbitron_font font_4 fw-700">Customize</h1>

  609.                     <h1 class="orbitron_font font_4 fw-700">your workflow</h1>

  610.                     <h1 class="orbitron_font font_4 fw-700">with Control Panel</h1>

  611.                 </div>

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

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

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

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

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

  617.                                 aria-selected="true">

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

  619.                                 <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  620.                             </button>

  621.                                 

  622.     

  623.                         </li>

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

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

  626.                                 data-bs-target="#ProgrammerTab" type="button" role="tab" aria-controls="ProgrammerTab"

  627.                                 aria-selected="false">

  628.                                

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

  630.                                 <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  631.                             </button>

  632.                         </li>

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

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

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

  636.                                 aria-selected="false">

  637.                                 

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

  639.                                 <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  640.                             </button>

  641.                         </li>

  642.     

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

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

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

  646.                                 aria-selected="false">

  647.                                 

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

  649.                                 <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  650.                             </button>

  651.                         </li>

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

  653.                       <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>

  654.                     </li> -->

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

  656.                             <button class="nav-link  " id="gamerTab-tab" data-bs-toggle="tab" data-bs-target="#gamerTab"

  657.                                 type="button" role="tab" aria-controls="gamerTab" aria-selected="false">

  658.                                 

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

  660.                                 <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  661.                             </button>

  662.                         </li>

  663.                     </ul>

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

  665.     

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

  667.                             aria-labelledby="PhotoTab-tab"> <img src="./../../assets/imgs/productoverview/tablaptop.png"

  668.                                 class="w-100 h-100" alt=""></div>

  669.     

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

  671.                             aria-labelledby="ProgrammerTab-tab">ProgrammerTab</div>

  672.     

  673.                         <div class="tab-pane fade" id="VideoEdtior" role="tabpanel" aria-labelledby="VideoEdtior-tab">

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

  675.                         </div>

  676.     

  677.                         <div class="tab-pane fade" id="Music_Artist" role="tabpanel" aria-labelledby="Music_Artist-tab">

  678.                             Music_Artist</div>

  679.     

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

  681.     

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

  683.                         </div>

  684.                     </div>

  685.                 </div>

  686.             </div>

  687.         </div>

  688.     </section>

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

  690. 

  691.      <!-- pro section -->

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

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

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

  695.             </h1>

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

  697.         </div>

  698.         <div class="designedProLaptop_img">

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

  700.         </div>

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

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

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

  704.     

  705.             </li>

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

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

  708.     

  709.             </li>

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

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

  712.     

  713.             </li>

  714.             <li>

  715.                 <div>Superior quality</div>

  716.                 <div>

  717.                     hinge tested for up

  718.                 </div>

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

  720.             </li>

  721.         </ul>

  722.     </section> -->

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

  724. 

  725.     <section class="proSection ">

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

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

  728.             </h1>

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

  730. 

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

  732.         </div>

  733.         <div class="row">

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

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

  736.             </div>

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

  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.             </div>

  760.         </div>

  761.      

  762.     </section>

  763. 

  764.     <!-- popup keyboard -->

  765.     <section class="popupKeyboard vw-100">

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

  767.             <div class="popupKeyboard_heading">

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

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

  770.             </div>

  771.             <div>

  772.                 <p class="popupKeyboard_des font_p_Dual">

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

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

  775.                 </p>

  776.             </div>

  777.         </div>

  778.     

  779.       

  780.             <img class="img-fluid" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard">

  781.       

  782.     

  783.     </section>

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

  785. 

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

  787.     

  788.      <section class="dragondisplay">

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

  790.             <p class="font_p_Dual satoshi_font">

  791.                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut

  792.                 labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur

  793.                 sadipscing elitr, sed diam nonumy eirmod

  794.             </p>

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

  796.         </div>

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

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

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

  800.         </div>

  801.     

  802.     </section>

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

  804. 

  805.       <!-- lens -->

  806.       <section class="lensAnwi container">

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

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

  809.                 <div

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

  811.                     <div class="box_lens_img">

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

  813.                     </div>

  814.                     <div>

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

  816.                     </div>

  817.                     <div class="screenpadLens">ScreenPad™ Plus</div>

  818.                 </div>

  819.             </div>

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

  821.                 <div

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

  823.                     <div class="box_lens_img">

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

  825.                     </div>

  826.                     <div>

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

  828.                     </div>

  829.                     <div class="screenpadLens">Vivid colors</div>

  830.                 </div>

  831.             </div>

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

  833.                 <div

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

  835.                     <div class="box_lens_img">

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

  837.                     </div>

  838.                     <div>

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

  840.                     </div>

  841.                     <div class="screenpadLens">DCI-P3 color gamut</div>

  842.                 </div>

  843.             </div>

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

  845.                 <div

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

  847.                     <div class="box_lens_img">

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

  849.                     </div>

  850.                     <div>

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

  852.                     </div>

  853.                     <div class="screenpadLens">Vivid colors</div>

  854.                 </div>

  855.             </div>

  856. 

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

  858.                 <div

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

  860.                     <div class="box_lens_img">

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

  862.                     </div>

  863.                     <div>

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

  865.                             Delta-E  2</h1> 

  866.                     </div> 

  867.                     <div class="screenpadLens">

  868.                                 color accuracy

  869.                     </div>

  870.                 </div>

  871.             </div>

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

  873.                 <div

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

  875.                     <div class="box_lens_img">

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

  877.                     </div>

  878.                     <div>

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

  880.                     </div>

  881.                     <div class="screenpadLens">4K UHD main display</div>

  882.                 </div>

  883.             </div>

  884.     

  885.         </div>

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

  887.           

  888.     

  889.     

  890.         </div>

  891.     </section>

  892.     

  893.     <!-- lens end -->

  894.     

  895.        <!-- Professional  -->

  896.        <section class="professinalGrade container pb-5">

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

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

  899.                 Professional-grade

  900.     

  901.             </h1>

  902.             <h1 class="font-6 orbitron_font">graphics</h1>

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

  904.                 2x performance over 10th Gen Iris Plus graphics, redefining thin and light laptop graphics Trade blows

  905.                 with NVidia MX350 / MX450 Play 100s of PC games

  906.             </p>

  907.         </div>

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

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

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

  911.         </div>

  912.     </section>

  913.     <!-- Professional end -->

  914. 

  915.         <!-- Stunning sound -->

  916.     

  917.         <section class="stunningSound container">

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

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

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

  921.             </div>

  922.             <div class="stunningSound_des font_p_Dual">

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

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

  925.             </div> -->

  926. 

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

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

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

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

  931.             </div>

  932. 

  933.             <div class="stunningSound_des font_p_Dual">

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

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

  936.             </div>

  937.           

  938.           <div class="stunningSound_headingImg">

  939.             <img src="./../../assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">

  940.           </div>

  941.         

  942.         </section>

  943.         

  944.         <!-- Stunning end -->

  945.     <!-- wifi  -->

  946.     <section class="wifiSection">

  947.         <div class="wifiSectionImg">

  948.             <img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid" alt="">

  949.         </div>

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

  951.             <div class="textWifiContainerHeading">

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

  953.                     Wifi 6

  954.     

  955.                 </h1>

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

  957.                     Wider;

  958.     

  959.                 </h1>

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

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

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

  963.             </div>

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

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

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

  967.             </div>

  968.         </div>

  969.         <div class="wifiSectionDes">

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

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

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

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

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

  975.             </div>

  976.         </div>

  977.     </section>

  978.     

  979.     <!-- wifi end -->

  980. 

  981.       <!-- Pro Connectivity  -->

  982.     

  983.       <section class="vw-100 vh-100 pt-5  d-none d-md-block">

  984.         <div class="row">

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

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

  987.             </div>

  988.             <div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6">

  989.                 <div>

  990.                     <h1 class="orbitron_font font-5">Pro Connectivity</h1>

  991.                 </div>

  992.                 <div>

  993.                     <p class="font_p_Dual">Connect up to two external 4K displays or one 8K display or an eGPU via

  994.                         Thunderbolt 4. Experience blazing fast data transmission speedsand charging support on both

  995.                         Thunderbolt 4 and Type C ports.

  996.                     </p>

  997.                 </div>

  998.             </div>

  999.         </div>

  1000.     </section>

  1001.     

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

  1003. 

  1004.       <!-- interGen start -->

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

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

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

  1008.                 Intel 11th-generation Tigerlake

  1009.     

  1010.             </h1>

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

  1012.                 H35 - Enabling powerful

  1013.     

  1014.             </h1>

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

  1016.                 performance on Thin

  1017.     

  1018.             </h1>

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

  1020.                 and Light laptops

  1021.             </h1>

  1022.         </div>

  1023.         <div class="cpuSection">

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

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

  1026.                     <li>

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

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

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

  1030.                     </li>

  1031.                     <li>

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

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

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

  1035.                     </li>

  1036.                     <li>

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

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

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

  1040.                     </li>

  1041.     

  1042.                 </ul>

  1043.             </div>

  1044.         </div>

  1045.     </section>

  1046.     <!-- interGen end -->

  1047.     

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

  1049.     <section class="osPlusSoftware container p-6 d-none d-md-block">

  1050.         <div class="osContianer  anwi_grey_bg d-flex flex-column align-items-center">

  1051.             <div class="osContianerHeading">

  1052.                 <h1 class="orbitron_font font-7">OS+</h1>

  1053.                 <h1 class="orbitron_font font-7">Software</h1>

  1054.             </div>

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

  1056.                 <div class="osContianer_des_font">Window 11 Home</div>

  1057.                 <div class="osContianer_des_font">Microsoft Office Home and Student Edition</div>

  1058.                 <div class="osContianer_des_font">Anwi Smart Share</div>

  1059.             </div>

  1060.             <div class="osContianerImg">

  1061.                 <img class="w-100 h-100" src="./../../assets/imgs/productoverview/osgroup.png" alt="">

  1062.             </div>

  1063.         </div>

  1064.     </section>

  1065.     <!-- footer -->

  1066. 

  1067.     <!-- footer -->

  1068.     <!-- <section id="footer-head"></section> -->

  1069.     <!-- end-footer -->

  1070. 

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

  1072.     <script src="../../js/jquery.min.js"></script>

  1073.     <script src="../../js/navbar.js"></script>

  1074.     <script src="../../js/footer.js"></script>

  1075. 

  1076. </body>

  1077. 

  1078. </html>