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.
35 Révisions
1 Branche
Aborescence: 6e3f74a33b
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '6e3f74a33b'
${ noResults }
anwi_website/allinone.html

allinone.html 28KB
Historique Brut

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574 
  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.     <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css" />

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

  10.     <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.carousel.min.css">

  11.     <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.theme.default.min.css">

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

  13.     <title>project</title>

  14. </head>

  15. 

  16. <body>

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

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

  19.         <section class="allinoneLanding overflow-hidden">

  20.             <!-- navbar -->

  21.            

  22.             <!-- end-navbar -->

  23.     

  24.             <!-- heading -->

  25.             <!-- <div class="headingAllinOne px-6 orbitron_font w-100  text-white">

  26.                 <h1 class="font-5 ">All-in-One</h1>

  27.                 <div class="satoshi_font">AIO24 <span class="px-1 ">-</span>1700N</div>

  28.             </div> -->

  29.             <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">

  30.                 <div class="carousel-inner">

  31.                   <div class="carousel-item active">

  32.                     <img src="dist/assets/imgs/allinone/allinonebg.png" class="d-block w-100" alt="...">

  33.                     <div class="headingAllinOne px-6 orbitron_font w-100  text-white">

  34.                         <h1 class="font-5 ">All-in-One</h1>

  35.                         <div class="satoshi_font">AIO24 <span class="px-1 ">-</span>1700N</div>

  36.                     </div>

  37.                   </div>

  38.                   <div class="carousel-item">

  39.                     <img src="dist/assets/imgs/productoverview/productbg.png" class="d-block w-100" alt="...">

  40.                   </div>

  41.                   

  42.                 </div>

  43.                 <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">

  44.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>

  45.                     <span class="visually-hidden">Previous</span>

  46.                   </button>

  47.                   <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">

  48.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>

  49.                     <span class="visually-hidden">Next</span>

  50.                   </button>

  51.               </div>

  52.             <!-- heading end -->

  53.         </section>

  54.     

  55.         <section class="laptopsSection overflow-hidden">

  56.             <div class="row ">

  57.                 <div class="col-sm-7 d-none d-sm-block clipPathSectionCol">

  58.                     <div class="leftClipPathLaptop">

  59.                         <!-- <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100"> -->

  60.                         <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">

  61.                     </div>

  62.                     <div class="innerClipPathImg">

  63.                         <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">

  64.                     </div>

  65.                 </div>

  66.                 <div class="align-items-center d-none d-sm-block col-sm-5 d-flex">

  67.                     <div class="d-flex flex-column justify-content-center h-100 gap-5">

  68.                         <div>

  69.                             <div class="font-1-5 supTitleSection">AIO24 - 1700N</div>

  70.                             <div>

  71.                                 <h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>

  72.                             </div>

  73.                         </div>

  74.                         <div class="font-2 headinglaptopSub">

  75.                             <div class="satoshi_font">

  76.                                 Extraordinary Performance

  77.     

  78.                             </div>

  79.                             <div class="satoshi_font"> and Unparalleled Flexibility</div>

  80.                         </div>

  81.                         <div>

  82.                             <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  83.                         </div>

  84.                     </div>

  85.                 </div>

  86.     

  87.     

  88.                 <!-- mobile -->

  89.                 <div class="innerClipPathImg d-block d-sm-none">

  90.                     <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="img-fluid">

  91.                 </div>

  92.                 <div class="align-items-center d-sm-none d-block col-sm-5 d-flex">

  93.                     <div class="d-flex flex-column laptopSectionDesP gap-5">

  94.                         <div>

  95.                             <div class="font-1-5 supTitleSection">AIO24 - 1700N</div>

  96.                             <div>

  97.                                 <h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>

  98.                             </div>

  99.                         </div>

  100.                         <div class="font-2 headinglaptopSub">

  101.                             <div class="satoshi_font">

  102.                                 Extraordinary Performance

  103.     

  104.                             </div>

  105.                             <div class="satoshi_font"> and Unparalleled Flexibility</div>

  106.                         </div>

  107.                         <div>

  108.                             <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  109.                         </div>

  110.                     </div>

  111.                 </div>

  112.                 

  113.                 <div class="col-sm-7 d-sm-none d-block clipPathSectionCol">

  114.                     <div class="leftClipPathLaptop ">

  115.                         <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">

  116.                     </div>

  117.                     <div class="innerClipPathImg">

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

  119.                     </div>

  120.                 </div>

  121.                 

  122.                 <!-- mobile end -->

  123.             </div>

  124.         </section>

  125.     <!-- section 2 -->

  126.         <section class="laptopsSection overflow-hidden">

  127.             <div class="row ">

  128.                 

  129.                 <div class="align-items-center d-none d-sm-block col-sm-5 p-6 d-flex">

  130.                     <div class="d-flex flex-column gap-5 laptopSectionDesP">

  131.                         <div>

  132.                             <div class="font-1-5">AIO24 - 1700N</div>

  133.                             <div>

  134.                                 <h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>

  135.                             </div>

  136.                         </div>

  137.                         <div class="font-2 headinglaptopSub">

  138.                             <div class="satoshi_font">

  139.                                 Extraordinary Performance

  140.     

  141.                             </div>

  142.                             <div class="satoshi_font"> and Unparalleled Flexibility</div>

  143.                         </div>

  144.                         <div>

  145.                             <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  146.                         </div>

  147.                     </div>

  148.                 </div>

  149.                 <div class="col-sm-7 clipPathSectionCol">

  150.                     <div class="innerClipPathImgSectionTwo  d-none d-sm-block">

  151.                         <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">

  152.                     </div>

  153.     

  154.                     <div>

  155.                         <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">

  156.                     </div>

  157.     

  158.                     <div class="align-items-center d-block d-sm-none col-sm-5 p-6 d-flex">

  159.                         <div class="d-flex flex-column gap-5 laptopSectionDesP">

  160.                             <div>

  161.                                 <div class="font-1-5">AIO24 - 1700N</div>

  162.                                 <div>

  163.                                     <h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>

  164.                                 </div>

  165.                             </div>

  166.                             <div class="font-2 headinglaptopSub">

  167.                                 <div class="satoshi_font">

  168.                                     Extraordinary Performance

  169.         

  170.                                 </div>

  171.                                 <div class="satoshi_font"> and Unparalleled Flexibility</div>

  172.                             </div>

  173.                             <div>

  174.                                 <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  175.                             </div>

  176.                         </div>

  177.                     </div>

  178.     

  179.                     <div class="leftClipPathLaptop d-none d-sm-block">

  180.                         <img src="dist/assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">

  181.                     </div>

  182.                   

  183.                 </div>

  184.     

  185.     

  186.             </div>

  187.         </section>

  188.     

  189.     <!-- section 2 end -->

  190.     

  191.     <!-- section 3 -->

  192.     

  193.     <section class="allinoneDualMarginTop overflow-hidden">

  194.         <div class="row">

  195.             <div class="col-sm-6 pe-5 clipPathSectionCol">

  196.                 <div class="leftClipPathLaptop d-none d-sm-block">

  197.                     <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">

  198.                 </div>

  199.                 <div class="innerClipPathImgFirstThree  d-none d-sm-block">

  200.                     <img src="dist/assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">

  201.                 </div>

  202.                  <img src="dist/assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">

  203.     

  204.                 <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">

  205.                     <div>

  206.                         <h1 class="orbitron_font font-3">Moniters</h1>

  207.                     </div>

  208.                     <div class="font-1-5 allinoneDualMarginTop_p">

  209.                         <div class="satoshi_font">

  210.                             Extraordinary Performance

  211.             

  212.                         </div>

  213.                         <div class="satoshi_font"> and Unparalleled Flexibility</div>

  214.                     </div>

  215.                     <div>

  216.                         <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  217.                     </div>

  218.                    </div>

  219.             </div>

  220.             <div class="col-sm-6 ps-5 clipPathSectionCol">

  221.                 <div class="leftClipPathLaptop d-none d-sm-block">

  222.                     <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">

  223.                 </div>

  224.                 <div class="innerClipPathImgSectionThree d-none d-sm-block">

  225.                     <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">

  226.                 </div>

  227.                 <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">

  228.     

  229.                 <div class="d-flex  d-sm-none d-block allinoneDualMarginTop_pContainer flex-column gap-5">

  230.                     <div>

  231.                         <h1 class="orbitron_font font-3">Moniters</h1>

  232.                     </div>

  233.                     <div class="font-1-5 allinoneDualMarginTop_p">

  234.                         <div class="satoshi_font">

  235.                             Extraordinary Performance

  236.             

  237.                         </div>

  238.                         <div class="satoshi_font"> and Unparalleled Flexibility</div>

  239.                     </div>

  240.                     <div>

  241.                         <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  242.                     </div>

  243.                    </div>

  244.             </div>

  245.         </div>

  246.         <div class="d-flex justify-content-between allinoneDualMarginTop_desContainer p-7 d-none d-sm-flex">

  247.            <div class="d-flex flex-column gap-5">

  248.             <div>

  249.                 <h1 class="orbitron_font font-3">Moniters</h1>

  250.             </div>

  251.             <div class="font-1-5 allinoneDualMarginTop_p">

  252.                 <div class="satoshi_font">

  253.                     Extraordinary Performance

  254.     

  255.                 </div>

  256.                 <div class="satoshi_font"> and Unparalleled Flexibility</div>

  257.             </div>

  258.             <div>

  259.                 <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  260.             </div>

  261.            </div>

  262.            <div class="d-flex flex-column gap-5">

  263.             <div>

  264.                 <h1 class="orbitron_font font-3">Peripherals</h1>

  265.             </div>

  266.             <div class="font-1-5 allinoneDualMarginTop_p">

  267.                 <div class="satoshi_font">

  268.                     Extraordinary Performance

  269.     

  270.                 </div>

  271.                 <div class="satoshi_font"> and Unparalleled Flexibility</div>

  272.             </div>

  273.             <div>

  274.                 <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  275.             </div>

  276.            </div>

  277.         </div>

  278.     </section>

  279.     

  280.     <!-- section 3 end -->

  281.     

  282.     <!-- section 4 -->

  283.     

  284.     <section class=" overflow-hidden allinoneDualMarginTop">

  285.         <div class="row">

  286.             <div class="col-sm-6 pe-5 clipPathSectionCol">

  287.                 <div class="leftClipPathLaptop ">

  288.                     <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100  d-none d-sm-block">

  289.                 </div>

  290.                 <div class="innerClipPathImgFirstFour">

  291.                     <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100  d-none d-sm-block">

  292.                 </div>

  293.                 <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">

  294.     

  295.                 <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">

  296.                     <div>

  297.                         <h1 class="orbitron_font font-3">Moniters</h1>

  298.                     </div>

  299.                     <div class="font-1-5 allinoneDualMarginTop_p">

  300.                         <div class="satoshi_font">

  301.                             Extraordinary Performance

  302.             

  303.                         </div>

  304.                         <div class="satoshi_font"> and Unparalleled Flexibility</div>

  305.                     </div>

  306.                     <div>

  307.                         <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  308.                     </div>

  309.                    </div>

  310.             </div>

  311.             <div class="col-sm-6 ps-5 clipPathSectionCol">

  312.                 <div class="leftClipPathLaptop ">

  313.                     <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100  d-none d-sm-block">

  314.                 </div>

  315.                 <div class="innerClipPathImgSectionFour">

  316.                    

  317.                     <img src="dist/assets/imgs/allinone/rams.png" alt="" class="w-100 h-100  d-none d-sm-block">

  318.                 </div>

  319.                 <img src="dist/assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">

  320.                 <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">

  321.                     <div>

  322.                         <h1 class="orbitron_font font-3">Moniters</h1>

  323.                     </div>

  324.                     <div class="font-1-5 allinoneDualMarginTop_p">

  325.                         <div class="satoshi_font">

  326.                             Extraordinary Performance

  327.             

  328.                         </div>

  329.                         <div class="satoshi_font"> and Unparalleled Flexibility</div>

  330.                     </div>

  331.                     <div>

  332.                         <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  333.                     </div>

  334.                    </div>

  335.             </div>

  336.         </div>

  337.         <div class="d-flex justify-content-between allinoneDualMarginTop_desContainer p-7 d-none d-sm-flex">

  338.             <div class="d-flex flex-column gap-5">

  339.              <div>

  340.                  <h1 class="orbitron_font font-3">Moniters</h1>

  341.              </div>

  342.              <div class="font-1-5 allinoneDualMarginTop_p">

  343.                  <div class="satoshi_font">

  344.                      Extraordinary Performance

  345.      

  346.                  </div>

  347.                  <div class="satoshi_font"> and Unparalleled Flexibility</div>

  348.              </div>

  349.              <div>

  350.                  <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  351.              </div>

  352.             </div>

  353.             <div class="d-flex flex-column gap-5">

  354.              <div>

  355.                  <h1 class="orbitron_font font-3">Peripherals</h1>

  356.              </div>

  357.              <div class="font-1-5 allinoneDualMarginTop_p">

  358.                  <div class="satoshi_font">

  359.                      Extraordinary Performance

  360.      

  361.                  </div>

  362.                  <div class="satoshi_font"> and Unparalleled Flexibility</div>

  363.              </div>

  364.              <div>

  365.                  <a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>

  366.              </div>

  367.             </div>

  368.          </div>

  369.     </section>

  370.     

  371.     <!-- section 4 end -->

  372.     

  373.     <!-- section 5 -->

  374.     <section class="sectionfiveAllinOne container  overflow-hidden">

  375.         <div class="row">

  376.             <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">

  377.                 <img class="w-100 h-100" src="dist/assets/imgs/allinone/info1.png" alt="">

  378.                 <div class="orbitron_font text-white infoContainerOneText">

  379.                     <h1>Announcements</h1>

  380.                     <h1>and Events</h1>

  381.                 </div>

  382.             </div>

  383.             <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">

  384.                 <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt="">

  385.                 <!-- <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt=""> -->

  386.                 <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">

  387.                     <h1 class="font-1-5  orbitron_font">Solution Focus</h1>

  388.                     <div class="infoContainer_des satoshi_font">

  389.                         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed  

  390.                     </div>

  391.                 </div>

  392.             </div>

  393.             <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">

  394.                 <img class="w-100 h-70" src="dist/assets/imgs/allinone/info3.png" alt="">

  395.                 <div class=" infoContainerOrange  p-4 d-flex flex-column justify-content-center ">

  396.                     <h1 class="font-1-5  orbitron_font">Restless</h1>

  397.                     <div class="infoContainer_des satoshi_font">

  398.                         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed  

  399.                     </div>

  400.                 </div>

  401.             </div>

  402.             <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">

  403.                 <img class="w-100 h-70" src="dist/assets/imgs/allinone/info4.png" alt="">

  404.                 <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">

  405.                     <h1 class="font-1-5  orbitron_font">Out of world</h1>

  406.                     <div class="infoContainer_des satoshi_font">

  407.                         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed  

  408.                     </div>

  409.                 </div>

  410.             </div>

  411.         </div>

  412.     </section>

  413.     <!-- section 5 end -->

  414.     

  415.     <!-- section 6 -->

  416.     <section>

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

  418.         <h1 class="orbitron_font pb-0 p-6 insightsAdvHeading">Insights / Advance</h1>

  419.         <div class="d-none">

  420.             <div class="p-6 pt-5 insightsAdv">

  421.                 <ul class="list-inline d-flex gap-5">

  422.                     <li class="cursor-pointer orbitron_font fw-600">Server</li>

  423.                     <li class="cursor-pointer orbitron_font"  data-hash="3"> servers</li>

  424.                     <li class="cursor-pointer orbitron_font"> servers</li>

  425.                     <li class="cursor-pointer orbitron_font"> servers</li>

  426.                     <li class="cursor-pointer orbitron_font"> servers</li>

  427.                 </ul>

  428.             </div>

  429.            

  430.         </div>

  431.         <div class="carouselLanding owl-carousel d-flex p-4">

  432.             <div class="carouselLandingItem">

  433.                <div class="mt-5C carouselLandingItemInner">

  434.                 <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">

  435.                 <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  436.                     

  437.     <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">

  438.         <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle" d="M25.15.563A24.588,24.588,0,1,0,49.738,25.15,24.584,24.584,0,0,0,25.15.563ZM36.621,27.53,19.172,37.543a2.384,2.384,0,0,1-3.539-2.082V14.839a2.385,2.385,0,0,1,3.539-2.082L36.621,23.366A2.387,2.387,0,0,1,36.621,27.53Z" transform="translate(-0.563 -0.563)" fill="#fff"/>

  439.       </svg>

  440.       

  441.                 </div>

  442.                </div>

  443.             </div>

  444.             <div class="carouselLandingItem ">

  445.                 <div class=" carouselLandingItemInner">

  446.                  <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">

  447.                  <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  448.                      

  449.      <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">

  450.          <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle" d="M25.15.563A24.588,24.588,0,1,0,49.738,25.15,24.584,24.584,0,0,0,25.15.563ZM36.621,27.53,19.172,37.543a2.384,2.384,0,0,1-3.539-2.082V14.839a2.385,2.385,0,0,1,3.539-2.082L36.621,23.366A2.387,2.387,0,0,1,36.621,27.53Z" transform="translate(-0.563 -0.563)" fill="#fff"/>

  451.        </svg>

  452.        

  453.                  </div>

  454.                 </div>

  455.              </div>

  456.            

  457.             <div class="carouselLandingItem " data-hash="3">

  458.                 <div class="mt-5C carouselLandingItemInner">

  459.                  <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">

  460.                  <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  461.                      

  462.      <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">

  463.          <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle" d="M25.15.563A24.588,24.588,0,1,0,49.738,25.15,24.584,24.584,0,0,0,25.15.563ZM36.621,27.53,19.172,37.543a2.384,2.384,0,0,1-3.539-2.082V14.839a2.385,2.385,0,0,1,3.539-2.082L36.621,23.366A2.387,2.387,0,0,1,36.621,27.53Z" transform="translate(-0.563 -0.563)" fill="#fff"/>

  464.        </svg>

  465.        

  466.                  </div>

  467.                 </div>

  468.              </div>

  469.            

  470.             <div class="carouselLandingItem">

  471.                 <div class=" carouselLandingItemInner">

  472.                  <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">

  473.                  <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  474.                      

  475.      <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">

  476.          <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle" d="M25.15.563A24.588,24.588,0,1,0,49.738,25.15,24.584,24.584,0,0,0,25.15.563ZM36.621,27.53,19.172,37.543a2.384,2.384,0,0,1-3.539-2.082V14.839a2.385,2.385,0,0,1,3.539-2.082L36.621,23.366A2.387,2.387,0,0,1,36.621,27.53Z" transform="translate(-0.563 -0.563)" fill="#fff"/>

  477.        </svg>

  478.        

  479.                  </div>

  480.                 </div>

  481.              </div>

  482.              <div class="carouselLandingItem ">

  483.                 <div class="mt-5C carouselLandingItemInner">

  484.                  <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">

  485.                  <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  486.                      

  487.      <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">

  488.          <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle" d="M25.15.563A24.588,24.588,0,1,0,49.738,25.15,24.584,24.584,0,0,0,25.15.563ZM36.621,27.53,19.172,37.543a2.384,2.384,0,0,1-3.539-2.082V14.839a2.385,2.385,0,0,1,3.539-2.082L36.621,23.366A2.387,2.387,0,0,1,36.621,27.53Z" transform="translate(-0.563 -0.563)" fill="#fff"/>

  489.        </svg>

  490.        

  491.                  </div>

  492.                 </div>

  493.              </div>

  494.            

  495.         </div>

  496.        </div>

  497.     

  498.     </section>

  499.     <!-- section 6 end -->

  500.     

  501.     <!-- section 7 -->

  502.     <section class="p-6 d-flex flex-column justify-content-center overflow-hidden align-items-center ">

  503.         <h1 class="orbitron_font pb-5">Support / Download</h1>

  504.         <div class="row supportBoxParent">

  505.                 <div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">

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

  507.                         <div class="supportBoxCircle"></div>

  508.                     </div>

  509.                     <div class="d-flex flex-column gap-3">

  510.                         <div class="text-center font-1-2 orbitron_font fw-600">

  511.                             Product Registration

  512.                         </div>

  513.                         <div class="text-center satoshi_font">

  514.                             Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. 

  515.                         </div>

  516.                     </div>

  517.                 </div>

  518.                 <div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">

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

  520.                         <div class="supportBoxCircle"></div>

  521.                     </div>

  522.                     <div class="d-flex flex-column gap-3">

  523.                         <div class="text-center font-1-2 orbitron_font fw-600">

  524.                             Product Warranty

  525.                         </div>

  526.                         <div class="text-center satoshi_font">

  527.                             Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. 

  528.                         </div>

  529.                     </div>

  530.                 </div>

  531.                 <div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">

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

  533.                         <div class="supportBoxCircle"></div>

  534.                     </div>

  535.                     <div class="d-flex flex-column gap-3">

  536.                         <div class="text-center font-1-2 orbitron_font fw-600">

  537.                             Customer /  Support

  538.                         </div>

  539.                         <div class="text-center satoshi_font">

  540.                             Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. 

  541.                         </div>

  542.                     </div>

  543.                 </div>

  544.                 

  545.               

  546.         </div>

  547.     </section>

  548.     

  549.     </main>

  550. <!-- section 7 end -->

  551.     <!-- footer -->

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

  553.     <!-- end-footer -->

  554. 

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

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

  557.        

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

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

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

  561.     <script src="dist/Js/allInOne.js"></script>

  562. 

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

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

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

  566. 

  567.     <script>

  568.         

  569.         $('#navbar-head').css("background","rgba( 255, 255, 255, 0.25 )")

  570.     </script>

  571. 

  572. </body>

  573. 

  574. </html>