sachin.ganesh
/
anwi_website
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Aucune description
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
93 Révisions
1 Branche
Branche: master
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'master'
${ noResults }
anwi_website/laptopmulti.html

laptopmulti.html 66KB
Lien permanent Historique Brut

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152 
  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" type="text/css" href="libs/slick/slick/slick.css"/>

  11. 

  12.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  14. 

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

  16.     <link rel="stylesheet" href="./dist/css/main.css" />

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

  18. 

  19.     

  20.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  21.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  22.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  23.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  24.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

  25.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  26.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  27.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  28.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  29.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  30.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  31.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  32.     <link rel="stylesheet" href="./dist/css/style.css">

  33.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  34.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

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

  36. </head>

  37. 

  38. <body class="productOverviewBody">

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

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

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

  42. 

  43.             <!-- navbar -->

  44.           

  45.             <!-- end-navbar -->

  46.         

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

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

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

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

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

  52.                     </div>

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

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

  55.                             <div class="photo_dual">

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

  57.                             </div>

  58.                         </div>

  59.                     </div> -->

  60.                 </div>

  61.         

  62.             </div>

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

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

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

  66.                         <div class="boxImgContainer">

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

  68.                         </div>

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

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

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

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

  73.                         </div>

  74.                     </div>

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

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

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

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

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

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

  81.                             </div>

  82.                         </div>

  83.                         <div>

  84.                             <div>

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

  86.                             </div>

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

  88.                         </div>

  89.                     </div>

  90.                 </div>

  91.             </div>

  92.         

  93.         </header>

  94.        

  95.         <section class="productOverview container ">

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

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

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

  99.                     <div>Perform. Produce.</div>

  100.                     <div>

  101.                         Only the Perfects

  102.                     </div>

  103.     

  104.                 </div>

  105.                 <div class="overviewProductDes">Powered by up to 11th Gen  Intel® Core™ i7-10850H Processor and a refresh rate of up to 120 Hz, Performance will not be a problem. Embedded with 16 Gb DDr4 Memory series and up to 1TB M.2 NVme storage Anwi Xseries Laptop is a high throughput laptop with increased Clock speed, memory bandwidth, and effective data transfers with very minimal power consumption.</div>

  106.             </div>

  107.         </section>

  108.         

  109.         <!-- photos display -->

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

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

  112.                 <div class="PO_gallery_display">

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

  114.                 </div>

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

  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.                     <span class="PO_gallery_box">

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

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

  129.                         </div>

  130.                     </span>

  131.                     <span class="PO_gallery_box">

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

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

  134.                         </div>

  135.                     </span>

  136.                     <span class="PO_gallery_box">

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

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

  139.                         </div>

  140.                     </span>

  141.                     <span class="PO_gallery_box">

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

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

  144.                         </div>

  145.                     </span>

  146.                 </div>

  147.             </div>

  148.         </section>

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

  150.         

  151.         

  152.         <!-- specs  -->

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

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

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

  156.                     <div class="PO_box">

  157.                         <div class="">

  158.                             <div

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

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

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

  162.         

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

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

  165.                                             <defs>

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

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

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

  169.                                                 </clipPath>

  170.                                             </defs>

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

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

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

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

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

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

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

  178.                                                 </g>

  179.                                             </g>

  180.                                         </svg>

  181.         

  182.         

  183.                                     </div>

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

  185.                                        

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

  187.                                             Intel® Core™ i7 

  188.                                         </div>

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

  190.                                         </div>

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

  192.                                     </div>

  193.                                 </div>

  194.                             </div>

  195.         

  196.                         </div>

  197.                         <div class="">

  198.                             <div

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

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

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

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

  203.                                             Lightning Fast

  204.         

  205.         

  206.                                         </div>

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

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

  209.                                     </div>

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

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

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

  213.                                     </div>

  214.                                 </div>

  215.                             </div>

  216.         

  217.                         </div>

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

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

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

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

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

  223.         

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

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

  226.                                                 viewBox="0 0 129.041 80">

  227.                                                 <defs>

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

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

  230.                                                             height="80" />

  231.                                                     </clipPath>

  232.                                                 </defs>

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

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

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

  236.                                                         fill-rule="evenodd" />

  237.                                                 </g>

  238.                                             </svg>

  239.         

  240.                                         </div>

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

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

  243.                                                 8/16 GB

  244.                                             </div>

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

  246.                                                 3500MHz

  247.                                             </div>

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

  249.                                                 RAM

  250.                                             </div>

  251.                                         </div>

  252.                                     </div>

  253.                                 </div>

  254.         

  255.                             </div>

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

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

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

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

  260.         

  261.         

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

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

  264.                                                 viewBox="0 0 89.911 100">

  265.                                                 <defs>

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

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

  268.                                                             height="80" />

  269.                                                     </clipPath>

  270.                                                 </defs>

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

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

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

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

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

  276.                                                     </g>

  277.                                                 </g>

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

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

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

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

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

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

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

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

  286.                                                     </g>

  287.                                                 </g>

  288.                                             </svg>

  289.         

  290.         

  291.                                         </div>

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

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

  294.                                                 Wi-Fi 6

  295.                                             </div>

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

  297.                                                 Fast

  298.                                             </div>

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

  300.                                                 Internet

  301.                                             </div>

  302.                                         </div>

  303.                                     </div>

  304.                                 </div>

  305.         

  306.                             </div>

  307.         

  308.                         </div>

  309.                     </div>

  310.         

  311.                 </div>

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

  313.                     <div class="PO_box">

  314.                         <div class="">

  315.                             <div

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

  317.         

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

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

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

  321.                                 </div>

  322.         

  323.         

  324.                                 <div class="box_innerImg">

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

  326.                                 </div>

  327.         

  328.                             </div>

  329.         

  330.                         </div>

  331.                         <div class="">

  332.                             <div

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

  334.         

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

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

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

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

  339.                                             viewBox="0 0 86.468 110.807">

  340.                                             <defs>

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

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

  343.                                                         height="110.807" />

  344.                                                 </clipPath>

  345.                                             </defs>

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

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

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

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

  350.                                             </g>

  351.                                         </svg>

  352.                                     </div>

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

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

  355.                                             11-Hour Battery

  356.         

  357.                                         </div>

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

  359.                                             with 65W

  360.         

  361.                                         </div>

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

  363.                                             Type-C charger

  364.                                         </div>

  365.                                     </div>

  366.                                 </div>

  367.         

  368.                             </div>

  369.         

  370.                         </div>

  371.                         <div class=" ">

  372.                             <div

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

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

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

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

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

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

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

  380.                                     </div>

  381.                                     <div class="gridTruelifeImg">

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

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

  384.                                     </div>

  385.                                 </div>

  386.                             </div>

  387.         

  388.                         </div>

  389.                         <div class="">

  390.                             <div

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

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

  393.                                     <div>

  394.         

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

  396.                                             viewBox="0 0 51.211 48.01">

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

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

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

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

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

  402.                                                     </g>

  403.                                                 </g>

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

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

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

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

  408.                                                     </g>

  409.                                                 </g>

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

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

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

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

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

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

  416.                                                     </g>

  417.                                                 </g>

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

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

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

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

  422.                                                     </g>

  423.                                                 </g>

  424.                                             </g>

  425.                                         </svg>

  426.         

  427.                                     </div>

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

  429.                                         Windows 10

  430.                                     </div>

  431.                                 </div>

  432.                             </div>

  433.                         </div>

  434.                     </div>

  435.         

  436.                 </div>

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

  438.                     <div class="PO_box">

  439.                         <div class="">

  440.                             <div

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

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

  443.         

  444.         

  445.         

  446.         

  447.         

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

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

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

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

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

  453.                                 </div>

  454.                             </div>

  455.                         </div>

  456.                         <div class="">

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

  458.                                 2

  459.                             </div>

  460.                         </div>

  461.                         <div class="">

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

  463.                                 2

  464.                             </div>

  465.                         </div>

  466.                         <div class="">

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

  468.                                 2

  469.                             </div>

  470.                         </div>

  471.                     </div>

  472.         

  473.                 </div>

  474.             </div>

  475.         

  476.         </section>

  477.         <!-- specs end -->

  478.         

  479.       

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

  481.         <section class="displayscreenpad">

  482.             <div class="">

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

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

  485.                         Two Screens

  486.                     </div>

  487.                     <div class="displayscreenpadContainer">

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

  489.                         </h1> -->

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

  491.                         </h1>

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

  493.                     </div>

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

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

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

  497.                     </div>

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

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

  500.                     </div>

  501.                    </div> -->

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

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

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

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

  506.                         </div>

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

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

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

  510.                         </div>

  511.                     </div>

  512.                 </div>

  513.             </div>

  514.         </section>

  515.         

  516.     

  517.     

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

  519.             

  520.             <div class="row">

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

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

  523.                 </div>

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

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

  526.                         <div>

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

  528.                             </h1>

  529.                            

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

  531.                         </div>

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

  533.                             A 16'inch 2K QHD display and a 14'inch touch screen dual display- designed to capture the enhancement of visual impressions and to drive the imaginations of visual creators into the real world with all twirls and whirls. 

  534.                             The Touch screen dual display brings in the added excitement of viewing and creating artwork. Importing artwork is always on the horizon to get the most out of the artists' illusions and imagination. 

  535.                              

  536.     

  537.                         </div>

  538.                     </div>

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

  540.                 </div>

  541.             </div>

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

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

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

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

  546.                 </div>

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

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

  549.                     availability Experience

  550.                     ultimate productivityExperience ultimate productivity

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

  552.                     availability Experience

  553.                     ultimate productivityExperience ultimate productivity

  554.                 </div>

  555.             </div>

  556.         </section>

  557.     

  558.         <!-- table  -->

  559.     

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

  561.             <div class="justTableLaptop">

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

  563.             </div>

  564.             <div class="circleTableLaptop">

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

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

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

  568.                 </div>

  569.                 <div class="circleTableLaptopTop">

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

  571.                 </div>

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

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

  574.                     diam nonumy eirmod tempor invidunt ut labore et dolore

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

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

  577.                     nonumy eirmodorem ipsum dolor sit amet, consetetur

  578.                     sadipscing elitr, sed

  579.                 </div>

  580.             </div>

  581.         </section> -->

  582.     

  583.         <section>

  584.             <div>

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

  586.                     A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce simulations of ultra-high contrast of deep blacks for true-to-life impressions and photorealistic visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094; 1.5DC to ensure vibrantly enriched vivids. 

  587.                     </div>

  588.             </div>

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

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

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

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

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

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

  595.                         </h1>

  596.                     </div>

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

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

  599.                             A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce simulations of ultra-high contrast of deep blacks for true-to-life impressions and photorealistic visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094; 1.5DC to ensure vibrantly enriched vivids. 

  600.                     </div>

  601.                     </div>

  602.             </div>

  603.             

  604.         </section>

  605.     

  606.     

  607.         <!-- table end -->

  608.         <section class="trueLifeDisplay ">

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

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

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

  612.             </div>

  613.             <div class="trueLifeDisplay_des">

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

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

  616.                     300 Nits of brightness ensures vivid colours

  617.                     and excellent viewing angles.</p>

  618.             </div>

  619.             <div>

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

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

  622.             </div>

  623.         </section>

  624.     

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

  626.           <section class="controlPanel container">

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

  628.         

  629.                 <div class="bgControlpanel ">

  630.                     <div class="controlPanel_des">

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

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

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

  634.                     </div>

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

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

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

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

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

  640.                                     aria-selected="true">

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

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

  643.                                 </button>

  644.                                     

  645.         

  646.                             </li>

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

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

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

  650.                                     aria-selected="false">

  651.                                    

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

  653.                                     <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" 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 src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>

  663.                                 </button>

  664.                             </li>

  665.         

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

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

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

  669.                                     aria-selected="false">

  670.                                     

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

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

  673.                                 </button>

  674.                             </li>

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

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

  677.                         </li> -->

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

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

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

  681.                                     

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

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

  684.                                 </button>

  685.                             </li>

  686.                         </ul>

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

  688.         

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

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

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

  692.         

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

  694.                                 aria-labelledby="ProgrammerTab-tab"><img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt=""></div>

  695.         

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

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

  698.                             </div>

  699.         

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

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

  702.         

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

  704.         

  705.                             <div class="tab-pane fade" id="gamerTab" role="tabpanel" aria-labelledby="gamerTab-tab"><img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">

  706.                             </div>

  707.                         </div>

  708.                     </div>

  709.                 </div>

  710.             </div>

  711.         </section>

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

  713.     

  714.          <!-- pro section -->

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

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

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

  718.                 </h1>

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

  720.             </div>

  721.             <div class="designedProLaptop_img">

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

  723.             </div>

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

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

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

  727.         

  728.                 </li>

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

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

  731.         

  732.                 </li>

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

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

  735.         

  736.                 </li>

  737.                 <li>

  738.                     <div>Superior quality</div>

  739.                     <div>

  740.                         hinge tested for up

  741.                     </div>

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

  743.                 </li>

  744.             </ul>

  745.         </section> -->

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

  747.     

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

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

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

  751.                 </h1>

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

  753.     

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

  755.             </div>

  756.             <div class="row">

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

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

  759.                 </div>

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

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

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

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

  764.                 

  765.                         </li>

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

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

  768.                 

  769.                         </li>

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

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

  772.                 

  773.                         </li>

  774.                         <li>

  775.                             <div>Superior quality</div>

  776.                             <div>

  777.                                 hinge tested for up

  778.                             </div>

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

  780.                         </li>

  781.                     </ul>

  782.                 </div>

  783.             </div>

  784.          

  785.         </section>

  786.     

  787.         <!-- popup keyboard -->

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

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

  790.                 <div class="popupKeyboard_heading">

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

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

  793.                 </div>

  794.                 <div>

  795.                     <p class="popupKeyboard_des font_p_Dual">

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

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

  798.                     </p>

  799.                 </div>

  800.             </div>

  801.         

  802.           

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

  804.           

  805.         

  806.         </section>

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

  808.     

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

  810.         

  811.          <section class="dragondisplay">

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

  813.                 <p class="font_p_Dual satoshi_font">

  814.                     Designed for Professional creators & illustrators to flex their creative muscles with spectacular style-frame settings with on-point Precision to develop any kind of artistic project. From high-end visuals to animation, Digital Sculpting to 3D modeling or illustration creations, the designer can swing through unwraps and textures very swiftly. 

  815.     

  816.                 </p>

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

  818.             </div>

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

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

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

  822.             </div>

  823.         

  824.         </section>

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

  826.     

  827.           <!-- lens -->

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

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

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

  831.                     <div

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

  833.                         <div class="box_lens_img">

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

  835.                         </div>

  836.                         <div>

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

  838.                         </div>

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

  840.                     </div>

  841.                 </div>

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

  843.                     <div

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

  845.                         <div class="box_lens_img">

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

  847.                         </div>

  848.                         <div>

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

  850.                         </div>

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

  852.                     </div>

  853.                 </div>

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

  855.                     <div

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

  857.                         <div class="box_lens_img">

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

  859.                         </div>

  860.                         <div>

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

  862.                         </div>

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

  864.                     </div>

  865.                 </div>

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

  867.                     <div

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

  869.                         <div class="box_lens_img">

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

  871.                         </div>

  872.                         <div>

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

  874.                         </div>

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

  876.                     </div>

  877.                 </div>

  878.     

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

  880.                     <div

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

  882.                         <div class="box_lens_img">

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

  884.                         </div>

  885.                         <div>

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

  887.                                 Delta-E  2</h1> 

  888.                         </div> 

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

  890.                                     color accuracy

  891.                         </div>

  892.                     </div>

  893.                 </div>

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

  895.                     <div

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

  897.                         <div class="box_lens_img">

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

  899.                         </div>

  900.                         <div>

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

  902.                         </div>

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

  904.                     </div>

  905.                 </div>

  906.         

  907.             </div>

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

  909.               

  910.             </div>

  911.         </section>

  912.         

  913.         <!-- lens end -->

  914.         

  915.            <!-- Professional  -->

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

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

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

  919.                  Blitz through every and any routine

  920.     

  921.         

  922.                 </h1>

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

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

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

  926.                     The Anwi Xseries Laptop is a true powerhouse of performance, designed to efficiently handle even the most demanding tasks. Effortlessly multitask and experience smooth visuals thanks to the 16 GB of DDR4 memory and 1 TB of M.2 NVme storage. Equipped with the latest 11th Gen  Intel® Core™ i7-10850H Processor and an impressive 120 Hz refresh rate, this laptop is tailored for power users, gamers, and professionals who demand the best.

  927.                     

  928.                 </p>

  929.             </div>

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

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

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

  933.             </div>

  934.         </section>

  935.         <!-- Professional end -->

  936.     

  937.             <!-- Stunning sound -->

  938.         

  939.             <section class="stunningSound container">

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

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

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

  943.                 </div>

  944.                 <div class="stunningSound_des font_p_Dual">

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

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

  947.                 </div> -->

  948.     

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

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

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

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

  953.                 </div>

  954.     

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

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

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

  958.                 </div>

  959.               

  960.               <div class="stunningSound_headingImg">

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

  962.               </div>

  963.             

  964.             </section>

  965.             

  966.             <!-- Stunning end -->

  967.     

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

  969.                <h3> Encompass Yourself In Pulsating Resonates 

  970.             </h3>

  971.             </section>

  972.         <!-- wifi  -->

  973.         <section class="wifiSection">

  974.             <div class="wifiSectionImg">

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

  976.             </div>

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

  978.                 <div class="textWifiContainerHeading">

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

  980.                         Wifi 6

  981.         

  982.                     </h1> -->

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

  984.                         Newfangled 

  985.         

  986.                     </h1>

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

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

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

  990.                 </div>

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

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

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

  994.                 </div>

  995.             </div>

  996.             <div class="wifiSectionDes">

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

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

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

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

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

  1002.                 </div>

  1003.             </div>

  1004.         </section>

  1005.         

  1006.         <!-- wifi end -->

  1007.     

  1008.           <!-- Pro Connectivity  -->

  1009.         

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

  1011.             <div class="row">

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

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

  1014.                 </div>

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

  1016.                     <div>

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

  1018.                     </div>

  1019.                     <div>

  1020.                         <p class="font_p_Dual satoshi_font">Engineered with WiFi 6 network protocol for improved connectivity and to benefit more from the advantage of frequency bands.

  1021.                         </p>

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

  1023.     

  1024.                         </p>

  1025.                     </div>

  1026.                 </div>

  1027.             </div>

  1028.         </section>

  1029.         

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

  1031.     

  1032.           <!-- interGen start -->

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

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

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

  1036.                     Intel 11th-generation Tigerlake

  1037.         

  1038.                 </h1>

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

  1040.                     H35 - Enabling powerful

  1041.         

  1042.                 </h1>

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

  1044.                     performance on Thin

  1045.         

  1046.                 </h1>

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

  1048.                     and Light laptops

  1049.                 </h1>

  1050.             </div>

  1051.             <div class="cpuSection">

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

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

  1054.                         <li>

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

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

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

  1058.                         </li>

  1059.                         <li>

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

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

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

  1063.                         </li>

  1064.                         <li>

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

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

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

  1068.                         </li>

  1069.         

  1070.                     </ul>

  1071.                 </div>

  1072.             </div>

  1073.         </section> -->

  1074.         <!-- interGen end -->

  1075.         

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

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

  1078.             <div class="osContianerImg">

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

  1080.             </div>

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

  1082.                 <div class="osContianerHeading">

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

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

  1085.                 </div>

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

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

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

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

  1090.                 </div>

  1091.         

  1092.             </div>

  1093.         </section>

  1094.     </main>

  1095.   

  1096. 

  1097.     <!-- footer -->

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

  1099.     <!-- end-footer -->

  1100. 

  1101. 

  1102.    

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

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

  1105.   

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1127.     <!-- Main JS -->

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

  1129. 

  1130.     <script>

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

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

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

  1134.             else {

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

  1136.             }

  1137.         });

  1138. 

  1139.         function isScrolledIntoView(elem) {

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

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

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

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

  1144.             return ((elemTop < docViewBottom));

  1145.         }

  1146.     </script>

  1147. 

  1148. 

  1149. 

  1150. </body>

  1151. 

  1152. </html>