sachin.ganesh
/
anwi_website
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
41 коммит
1 ветка
Дерево: 8e098d1add
веток Теги
${ item.name }
Создать ветку ${ searchTerm }
из '8e098d1add'
${ noResults }
anwi_website/laptopmulti.html

laptopmulti.html 63KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116 
  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.     <title>project</title>

  17. </head>

  18. 

  19. <body class="productOverviewBody">

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

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

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

  23. 

  24.             <!-- navbar -->

  25.           

  26.             <!-- end-navbar -->

  27.         

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

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

  30.                     <div class="col-sm-4 padding_top_13 ">

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

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

  33.                     </div>

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

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

  36.                             <div class="photo_dual">

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

  38.                             </div>

  39.                         </div>

  40.                     </div> -->

  41.                 </div>

  42.         

  43.             </div>

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

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

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

  47.                         <div class="boxImgContainer">

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

  49.                         </div>

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

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

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

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

  54.                         </div>

  55.                     </div>

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

  57.                         <div class="pe-2 pe-md-5">

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

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

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

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

  62.                             </div>

  63.                         </div>

  64.                         <div>

  65.                             <div>

  66.                                 <a class="btn btn-dark button_dark" href="#">Add to cart</a>

  67.                             </div>

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

  69.                         </div>

  70.                     </div>

  71.                 </div>

  72.             </div>

  73.         

  74.         </header>

  75.        

  76.         <section class="productOverview container ">

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

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

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

  80.                     <div>Perform. Produce.</div>

  81.                     <div>

  82.                         Only the Perfects

  83.                     </div>

  84.     

  85.                 </div>

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

  87.             </div>

  88.         </section>

  89.         

  90.         <!-- photos display -->

  91.         <section class="container  PO_galleryContainer">

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

  93.                 <div class="PO_gallery_display">

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

  95.                 </div>

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

  97.                     <span class="PO_gallery_box">

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

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

  100.                         </div>

  101.                     </span>

  102.                     <span class="PO_gallery_box">

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

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

  105.                         </div>

  106.                     </span>

  107.                     <span class="PO_gallery_box">

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

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

  110.                         </div>

  111.                     </span>

  112.                     <span class="PO_gallery_box">

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

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

  115.                         </div>

  116.                     </span>

  117.                     <span class="PO_gallery_box">

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

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

  120.                         </div>

  121.                     </span>

  122.                     <span class="PO_gallery_box">

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

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

  125.                         </div>

  126.                     </span>

  127.                 </div>

  128.             </div>

  129.         </section>

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

  131.         

  132.         

  133.         <!-- specs  -->

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

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

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

  137.                     <div class="PO_box">

  138.                         <div class="">

  139.                             <div

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

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

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

  143.         

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

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

  146.                                             <defs>

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

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

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

  150.                                                 </clipPath>

  151.                                             </defs>

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

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

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

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

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

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

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

  159.                                                 </g>

  160.                                             </g>

  161.                                         </svg>

  162.         

  163.         

  164.                                     </div>

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

  166.                                        

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

  168.                                             Intel® Core™ i7 

  169.                                         </div>

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

  171.                                         </div>

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

  173.                                     </div>

  174.                                 </div>

  175.                             </div>

  176.         

  177.                         </div>

  178.                         <div class="">

  179.                             <div

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

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

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

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

  184.                                             Lightning Fast

  185.         

  186.         

  187.                                         </div>

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

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

  190.                                     </div>

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

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

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

  194.                                     </div>

  195.                                 </div>

  196.                             </div>

  197.         

  198.                         </div>

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

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

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

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

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

  204.         

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

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

  207.                                                 viewBox="0 0 129.041 80">

  208.                                                 <defs>

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

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

  211.                                                             height="80" />

  212.                                                     </clipPath>

  213.                                                 </defs>

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

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

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

  217.                                                         fill-rule="evenodd" />

  218.                                                 </g>

  219.                                             </svg>

  220.         

  221.                                         </div>

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

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

  224.                                                 8/16 GB

  225.                                             </div>

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

  227.                                                 3500MHz

  228.                                             </div>

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

  230.                                                 RAM

  231.                                             </div>

  232.                                         </div>

  233.                                     </div>

  234.                                 </div>

  235.         

  236.                             </div>

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

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

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

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

  241.         

  242.         

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

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

  245.                                                 viewBox="0 0 89.911 100">

  246.                                                 <defs>

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

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

  249.                                                             height="80" />

  250.                                                     </clipPath>

  251.                                                 </defs>

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

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

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

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

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

  257.                                                     </g>

  258.                                                 </g>

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

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

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

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

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

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

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

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

  267.                                                     </g>

  268.                                                 </g>

  269.                                             </svg>

  270.         

  271.         

  272.                                         </div>

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

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

  275.                                                 Wi-Fi 6

  276.                                             </div>

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

  278.                                                 Fast

  279.                                             </div>

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

  281.                                                 Internet

  282.                                             </div>

  283.                                         </div>

  284.                                     </div>

  285.                                 </div>

  286.         

  287.                             </div>

  288.         

  289.                         </div>

  290.                     </div>

  291.         

  292.                 </div>

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

  294.                     <div class="PO_box">

  295.                         <div class="">

  296.                             <div

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

  298.         

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

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

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

  302.                                 </div>

  303.         

  304.         

  305.                                 <div class="box_innerImg">

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

  307.                                 </div>

  308.         

  309.                             </div>

  310.         

  311.                         </div>

  312.                         <div class="">

  313.                             <div

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

  315.         

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

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

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

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

  320.                                             viewBox="0 0 86.468 110.807">

  321.                                             <defs>

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

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

  324.                                                         height="110.807" />

  325.                                                 </clipPath>

  326.                                             </defs>

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

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

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

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

  331.                                             </g>

  332.                                         </svg>

  333.                                     </div>

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

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

  336.                                             11-Hour Battery

  337.         

  338.                                         </div>

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

  340.                                             with 65W

  341.         

  342.                                         </div>

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

  344.                                             Type-C charger

  345.                                         </div>

  346.                                     </div>

  347.                                 </div>

  348.         

  349.                             </div>

  350.         

  351.                         </div>

  352.                         <div class=" ">

  353.                             <div

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

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

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

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

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

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

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

  361.                                     </div>

  362.                                     <div class="gridTruelifeImg">

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

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

  365.                                     </div>

  366.                                 </div>

  367.                             </div>

  368.         

  369.                         </div>

  370.                         <div class="">

  371.                             <div

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

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

  374.                                     <div>

  375.         

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

  377.                                             viewBox="0 0 51.211 48.01">

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

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

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

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

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

  383.                                                     </g>

  384.                                                 </g>

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

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

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

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

  389.                                                     </g>

  390.                                                 </g>

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

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

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

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

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

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

  397.                                                     </g>

  398.                                                 </g>

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

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

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

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

  403.                                                     </g>

  404.                                                 </g>

  405.                                             </g>

  406.                                         </svg>

  407.         

  408.                                     </div>

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

  410.                                         Windows 10

  411.                                     </div>

  412.                                 </div>

  413.                             </div>

  414.                         </div>

  415.                     </div>

  416.         

  417.                 </div>

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

  419.                     <div class="PO_box">

  420.                         <div class="">

  421.                             <div

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

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

  424.         

  425.         

  426.         

  427.         

  428.         

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

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

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

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

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

  434.                                 </div>

  435.                             </div>

  436.                         </div>

  437.                         <div class="">

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

  439.                                 2

  440.                             </div>

  441.                         </div>

  442.                         <div class="">

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

  444.                                 2

  445.                             </div>

  446.                         </div>

  447.                         <div class="">

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

  449.                                 2

  450.                             </div>

  451.                         </div>

  452.                     </div>

  453.         

  454.                 </div>

  455.             </div>

  456.         

  457.         </section>

  458.         <!-- specs end -->

  459.         

  460.       

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

  462.         <section class="displayscreenpad">

  463.             <div class="">

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

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

  466.                         Two Screens

  467.                     </div>

  468.                     <div class="displayscreenpadContainer">

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

  470.                         </h1> -->

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

  472.                         </h1>

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

  474.                     </div>

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

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

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

  478.                     </div>

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

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

  481.                     </div>

  482.                    </div> -->

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

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

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

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

  487.                         </div>

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

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

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

  491.                         </div>

  492.                     </div>

  493.                 </div>

  494.             </div>

  495.         </section>

  496.         

  497.     

  498.     

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

  500.             

  501.             <div class="row">

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

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

  504.                 </div>

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

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

  507.                         <div>

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

  509.                             </h1>

  510.                            

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

  512.                         </div>

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

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

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

  516.                              

  517.     

  518.                         </div>

  519.                     </div>

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

  521.                 </div>

  522.             </div>

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

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

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

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

  527.                 </div>

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

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

  530.                     availability Experience

  531.                     ultimate productivityExperience ultimate productivity

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

  533.                     availability Experience

  534.                     ultimate productivityExperience ultimate productivity

  535.                 </div>

  536.             </div>

  537.         </section>

  538.     

  539.         <!-- table  -->

  540.     

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

  542.             <div class="justTableLaptop">

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

  544.             </div>

  545.             <div class="circleTableLaptop">

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

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

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

  549.                 </div>

  550.                 <div class="circleTableLaptopTop">

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

  552.                 </div>

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

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

  555.                     diam nonumy eirmod tempor invidunt ut labore et dolore

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

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

  558.                     nonumy eirmodorem ipsum dolor sit amet, consetetur

  559.                     sadipscing elitr, sed

  560.                 </div>

  561.             </div>

  562.         </section> -->

  563.     

  564.         <section>

  565.             <div>

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

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

  568.                     </div>

  569.             </div>

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

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

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

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

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

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

  576.                         </h1>

  577.                     </div>

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

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

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

  581.                     </div>

  582.                     </div>

  583.             </div>

  584.             

  585.         </section>

  586.     

  587.     

  588.         <!-- table end -->

  589.         <section class="trueLifeDisplay ">

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

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

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

  593.             </div>

  594.             <div class="trueLifeDisplay_des">

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

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

  597.                     300 Nits of brightness ensures vivid colours

  598.                     and excellent viewing angles.</p>

  599.             </div>

  600.             <div>

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

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

  603.             </div>

  604.         </section>

  605.     

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

  607.           <section class="controlPanel container">

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

  609.         

  610.                 <div class="bgControlpanel ">

  611.                     <div class="controlPanel_des">

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

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

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

  615.                     </div>

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

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

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

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

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

  621.                                     aria-selected="true">

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

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

  624.                                 </button>

  625.                                     

  626.         

  627.                             </li>

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

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

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

  631.                                     aria-selected="false">

  632.                                    

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

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

  635.                                 </button>

  636.                             </li>

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

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

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

  640.                                     aria-selected="false">

  641.                                     

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

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

  644.                                 </button>

  645.                             </li>

  646.         

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

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

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

  650.                                     aria-selected="false">

  651.                                     

  652.                                     <span class="d-none d-md-block"> Music Artist</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="3D_ARTIST-tab" data-bs-toggle="tab" data-bs-target="#    " type="button" role="tab" aria-controls="3D_ARTIST" aria-selected="false">3D_ARTIST</button>

  658.                         </li> -->

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

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

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

  662.                                     

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

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

  665.                                 </button>

  666.                             </li>

  667.                         </ul>

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

  669.         

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

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

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

  673.         

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

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

  676.         

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

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

  679.                             </div>

  680.         

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

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

  683.         

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

  685.         

  686.                             <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="">

  687.                             </div>

  688.                         </div>

  689.                     </div>

  690.                 </div>

  691.             </div>

  692.         </section>

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

  694.     

  695.          <!-- pro section -->

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

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

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

  699.                 </h1>

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

  701.             </div>

  702.             <div class="designedProLaptop_img">

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

  704.             </div>

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

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

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

  708.         

  709.                 </li>

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

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

  712.         

  713.                 </li>

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

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

  716.         

  717.                 </li>

  718.                 <li>

  719.                     <div>Superior quality</div>

  720.                     <div>

  721.                         hinge tested for up

  722.                     </div>

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

  724.                 </li>

  725.             </ul>

  726.         </section> -->

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

  728.     

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

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

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

  732.                 </h1>

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

  734.     

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

  736.             </div>

  737.             <div class="row">

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

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

  740.                 </div>

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

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

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

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

  745.                 

  746.                         </li>

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

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

  749.                 

  750.                         </li>

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

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

  753.                 

  754.                         </li>

  755.                         <li>

  756.                             <div>Superior quality</div>

  757.                             <div>

  758.                                 hinge tested for up

  759.                             </div>

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

  761.                         </li>

  762.                     </ul>

  763.                 </div>

  764.             </div>

  765.          

  766.         </section>

  767.     

  768.         <!-- popup keyboard -->

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

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

  771.                 <div class="popupKeyboard_heading">

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

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

  774.                 </div>

  775.                 <div>

  776.                     <p class="popupKeyboard_des font_p_Dual">

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

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

  779.                     </p>

  780.                 </div>

  781.             </div>

  782.         

  783.           

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

  785.           

  786.         

  787.         </section>

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

  789.     

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

  791.         

  792.          <section class="dragondisplay">

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

  794.                 <p class="font_p_Dual satoshi_font">

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

  796.     

  797.                 </p>

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

  799.             </div>

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

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

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

  803.             </div>

  804.         

  805.         </section>

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

  807.     

  808.           <!-- lens -->

  809.           <section class="lensAnwi container">

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

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

  812.                     <div

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

  814.                         <div class="box_lens_img">

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

  816.                         </div>

  817.                         <div>

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

  819.                         </div>

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

  821.                     </div>

  822.                 </div>

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

  824.                     <div

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

  826.                         <div class="box_lens_img">

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

  828.                         </div>

  829.                         <div>

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

  831.                         </div>

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

  833.                     </div>

  834.                 </div>

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

  836.                     <div

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

  838.                         <div class="box_lens_img">

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

  840.                         </div>

  841.                         <div>

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

  843.                         </div>

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

  845.                     </div>

  846.                 </div>

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

  848.                     <div

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

  850.                         <div class="box_lens_img">

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

  852.                         </div>

  853.                         <div>

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

  855.                         </div>

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

  857.                     </div>

  858.                 </div>

  859.     

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

  861.                     <div

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

  863.                         <div class="box_lens_img">

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

  865.                         </div>

  866.                         <div>

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

  868.                                 Delta-E  2</h1> 

  869.                         </div> 

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

  871.                                     color accuracy

  872.                         </div>

  873.                     </div>

  874.                 </div>

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

  876.                     <div

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

  878.                         <div class="box_lens_img">

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

  880.                         </div>

  881.                         <div>

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

  883.                         </div>

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

  885.                     </div>

  886.                 </div>

  887.         

  888.             </div>

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

  890.               

  891.         

  892.         

  893.             </div>

  894.         </section>

  895.         

  896.         <!-- lens end -->

  897.         

  898.            <!-- Professional  -->

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

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

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

  902.                  Blitz through every and any routine

  903.     

  904.         

  905.                 </h1>

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

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

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

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

  910.                     

  911.                 </p>

  912.             </div>

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

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

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

  916.             </div>

  917.         </section>

  918.         <!-- Professional end -->

  919.     

  920.             <!-- Stunning sound -->

  921.         

  922.             <section class="stunningSound container">

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

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

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

  926.                 </div>

  927.                 <div class="stunningSound_des font_p_Dual">

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

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

  930.                 </div> -->

  931.     

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

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

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

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

  936.                 </div>

  937.     

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

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

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

  941.                 </div>

  942.               

  943.               <div class="stunningSound_headingImg">

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

  945.               </div>

  946.             

  947.             </section>

  948.             

  949.             <!-- Stunning end -->

  950.     

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

  952.                <h3> Encompass Yourself In Pulsating Resonates 

  953.             </h3>

  954.             </section>

  955.         <!-- wifi  -->

  956.         <section class="wifiSection">

  957.             <div class="wifiSectionImg">

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

  959.             </div>

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

  961.                 <div class="textWifiContainerHeading">

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

  963.                         Wifi 6

  964.         

  965.                     </h1> -->

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

  967.                         Newfangled 

  968.         

  969.                     </h1>

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

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

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

  973.                 </div>

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

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

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

  977.                 </div>

  978.             </div>

  979.             <div class="wifiSectionDes">

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

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

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

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

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

  985.                 </div>

  986.             </div>

  987.         </section>

  988.         

  989.         <!-- wifi end -->

  990.     

  991.           <!-- Pro Connectivity  -->

  992.         

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

  994.             <div class="row">

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

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

  997.                 </div>

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

  999.                     <div>

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

  1001.                     </div>

  1002.                     <div>

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

  1004.                         </p>

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

  1006.     

  1007.                         </p>

  1008.                     </div>

  1009.                 </div>

  1010.             </div>

  1011.         </section>

  1012.         

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

  1014.     

  1015.           <!-- interGen start -->

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

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

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

  1019.                     Intel 11th-generation Tigerlake

  1020.         

  1021.                 </h1>

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

  1023.                     H35 - Enabling powerful

  1024.         

  1025.                 </h1>

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

  1027.                     performance on Thin

  1028.         

  1029.                 </h1>

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

  1031.                     and Light laptops

  1032.                 </h1>

  1033.             </div>

  1034.             <div class="cpuSection">

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

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

  1037.                         <li>

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

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

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

  1041.                         </li>

  1042.                         <li>

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

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

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

  1046.                         </li>

  1047.                         <li>

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

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

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

  1051.                         </li>

  1052.         

  1053.                     </ul>

  1054.                 </div>

  1055.             </div>

  1056.         </section> -->

  1057.         <!-- interGen end -->

  1058.         

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

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

  1061.             <div class="osContianerImg">

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

  1063.             </div>

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

  1065.                 <div class="osContianerHeading">

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

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

  1068.                 </div>

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

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

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

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

  1073.                 </div>

  1074.         

  1075.             </div>

  1076.         </section>

  1077.     </main>

  1078.   

  1079. 

  1080.     <!-- footer -->

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

  1082.     <!-- end-footer -->

  1083. 

  1084. 

  1085.    

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

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

  1088.   

  1089.     <script src="./libs/Owlcarousel/Js/owl.carousel.min.js"></script>

  1090.     <script src="dist/Js/navbar.js"></script>

  1091.     <script src="dist/Js/footer.js"></script>

  1092.     <script src="dist/Js/laptopmuti.js"></script>

  1093. 

  1094.     <script>

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

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

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

  1098.             else {

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

  1100.             }

  1101.         });

  1102. 

  1103.         function isScrolledIntoView(elem) {

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

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

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

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

  1108.             return ((elemTop < docViewBottom));

  1109.         }

  1110.     </script>

  1111. 

  1112. 

  1113. 

  1114. </body>

  1115. 

  1116. </html>