sachin.ganesh
/
anwi_website
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
Açıklama Yok
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 İşlemeler
1 Dal
Ağaç: 91cd2a4274
Dallar Biçim İmleri
${ item.name }
Branş ${ searchTerm } oluştur
'91cd2a4274'den
${ noResults }
anwi_website/allinone.html

allinone.html 33KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625 
  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 href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  13. 

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

  15.     <title>project</title>

  16. </head>

  17. 

  18. <body>

  19.   

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

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

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

  23.             <!-- navbar -->

  24. 

  25.             <!-- end-navbar -->

  26. 

  27.             <!-- heading -->

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

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

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

  31.             </div> -->

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

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

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

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

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

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

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

  39.                         </div>

  40.                     </div>

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

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

  43.                     </div>

  44. 

  45.                 </div>

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

  47.                     data-bs-slide="prev">

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

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

  50.                 </button>

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

  52.                     data-bs-slide="next">

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

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

  55.                 </button>

  56.             </div>

  57.             <!-- heading end -->

  58.         </section>

  59. 

  60.         <section class="content-main-allinone">

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

  62.                 <div class="row ">

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

  64.                         <div class="leftClipPathLaptop">

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

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

  67.                         </div>

  68.                         <div class="innerClipPathImg laptoponanimation">

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

  70.                         </div>

  71.                     </div>

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

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

  74.                             <div>

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

  76.                                 <div>

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

  78.                                 </div>

  79.                             </div>

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

  81.                                 <div class="satoshi_font">

  82.                                     Extraordinary Performance

  83. 

  84.                                 </div>

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

  86.                             </div>

  87.                             <div>

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

  89.                             </div>

  90.                         </div>

  91.                     </div>

  92. 

  93. 

  94.                     <!-- mobile -->

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

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

  97.                     </div>

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

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

  100.                             <div>

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

  102.                                 <div>

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

  104.                                 </div>

  105.                             </div>

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

  107.                                 <div class="satoshi_font">

  108.                                     Extraordinary Performance

  109. 

  110.                                 </div>

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

  112.                             </div>

  113.                             <div>

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

  115.                             </div>

  116.                         </div>

  117.                     </div>

  118. 

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

  120.                         <div class="leftClipPathLaptop ">

  121.                             <img src="dist/assets/imgs/allinone/leftclippath.png" alt=""

  122.                                 class="w-100 h-100 d-none d-sm-block">

  123.                         </div>

  124.                         <div class="innerClipPathImg laptoponanimation">

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

  126.                         </div>

  127.                     </div>

  128. 

  129.                     <!-- mobile end -->

  130.                 </div>

  131.             </section>

  132.             <!-- section 2 -->

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

  134.                 <div class="row ">

  135. 

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

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

  138.                             <div>

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

  140.                                 <div>

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

  142.                                 </div>

  143.                             </div>

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

  145.                                 <div class="satoshi_font">

  146.                                     Extraordinary Performance

  147. 

  148.                                 </div>

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

  150.                             </div>

  151.                             <div>

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

  153.                             </div>

  154.                         </div>

  155.                     </div>

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

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

  158.                             <img src="dist/assets/imgs/allinone/sectiontwo.png" alt=""

  159.                                 class="w-100 h-100 sectionTwoImgAllInone">

  160.                         </div>

  161. 

  162.                         <div>

  163.                             <img src="dist/assets/imgs/allinone/sectiontwo.png" alt=""

  164.                                 class="img-fluid d-block d-sm-none">

  165.                         </div>

  166. 

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

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

  169.                                 <div>

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

  171.                                     <div>

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

  173.                                     </div>

  174.                                 </div>

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

  176.                                     <div class="satoshi_font">

  177.                                         Extraordinary Performance

  178. 

  179.                                     </div>

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

  181.                                 </div>

  182.                                 <div>

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

  184.                                 </div>

  185.                             </div>

  186.                         </div>

  187. 

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

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

  190.                         </div>

  191. 

  192.                     </div>

  193. 

  194. 

  195.                 </div>

  196.             </section>

  197. 

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

  199. 

  200.             <!-- section 3 -->

  201. 

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

  203.                 <div class="row">

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

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

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

  207.                         </div>

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

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

  210.                         </div>

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

  212. 

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

  214.                             <div>

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

  216.                             </div>

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

  218.                                 <div class="satoshi_font">

  219.                                     Extraordinary Performance

  220. 

  221.                                 </div>

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

  223.                             </div>

  224.                             <div>

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

  226.                             </div>

  227.                         </div>

  228.                     </div>

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

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

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

  232.                         </div>

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

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

  235.                         </div>

  236.                         <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt=""

  237.                             class="img-fluid d-block d-sm-none scaleSmallAllinone">

  238. 

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

  240.                             <div>

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

  242.                             </div>

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

  244.                                 <div class="satoshi_font">

  245.                                     Extraordinary Performance

  246. 

  247.                                 </div>

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

  249.                             </div>

  250.                             <div>

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

  252.                             </div>

  253.                         </div>

  254.                     </div>

  255.                 </div>

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

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

  258.                         <div>

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

  260.                         </div>

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

  262.                             <div class="satoshi_font">

  263.                                 Extraordinary Performance

  264. 

  265.                             </div>

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

  267.                         </div>

  268.                         <div>

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

  270.                         </div>

  271.                     </div>

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

  273.                         <div>

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

  275.                         </div>

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

  277.                             <div class="satoshi_font">

  278.                                 Extraordinary Performance

  279. 

  280.                             </div>

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

  282.                         </div>

  283.                         <div>

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

  285.                         </div>

  286.                     </div>

  287.                 </div>

  288.             </section>

  289. 

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

  291. 

  292.             <!-- section 4 -->

  293. 

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

  295.                 <div class="row">

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

  297.                         <div class="leftClipPathLaptop ">

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

  299.                         </div>

  300.                         <div class="innerClipPathImgFirstFour cpuSlideLeftone">

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

  302.                         </div>

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

  304. 

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

  306.                             <div>

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

  308.                             </div>

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

  310.                                 <div class="satoshi_font">

  311.                                     Extraordinary Performance

  312. 

  313.                                 </div>

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

  315.                             </div>

  316.                             <div>

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

  318.                             </div>

  319.                         </div>

  320.                     </div>

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

  322.                         <div class="leftClipPathLaptop ">

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

  324.                         </div>

  325.                         <div class="innerClipPathImgSectionFour controllerEight">

  326. 

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

  328.                         </div>

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

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

  331.                             <div>

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

  333.                             </div>

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

  335.                                 <div class="satoshi_font">

  336.                                     Extraordinary Performance

  337. 

  338.                                 </div>

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

  340.                             </div>

  341.                             <div>

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

  343.                             </div>

  344.                         </div>

  345.                     </div>

  346.                 </div>

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

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

  349.                         <div>

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

  351.                         </div>

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

  353.                             <div class="satoshi_font">

  354.                                 Extraordinary Performance

  355. 

  356.                             </div>

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

  358.                         </div>

  359.                         <div>

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

  361.                         </div>

  362.                     </div>

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

  364.                         <div>

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

  366.                         </div>

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

  368.                             <div class="satoshi_font">

  369.                                 Extraordinary Performance

  370. 

  371.                             </div>

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

  373.                         </div>

  374.                         <div>

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

  376.                         </div>

  377.                     </div>

  378.                 </div>

  379.             </section>

  380. 

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

  382. 

  383.             <!-- section 5 -->

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

  385.                 <div class="row">

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

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

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

  389.                             <h1>Announcements</h1>

  390.                             <h1>and Events</h1>

  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/info2.png" alt="">

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

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

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

  398.                             <div class="infoContainer_des satoshi_font">

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

  400.                                 invconsetetur sadipscing elitr, sed

  401.                             </div>

  402.                         </div>

  403.                     </div>

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

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

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

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

  408.                             <div class="infoContainer_des satoshi_font">

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

  410.                                 invconsetetur sadipscing elitr, sed

  411.                             </div>

  412.                         </div>

  413.                     </div>

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

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

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

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

  418.                             <div class="infoContainer_des satoshi_font">

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

  420.                                 invconsetetur sadipscing elitr, sed

  421.                             </div>

  422.                         </div>

  423.                     </div>

  424.                 </div>

  425.             </section>

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

  427. 

  428.             <!-- section 6 -->

  429.             <section class="allinoneslider" >

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

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

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

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

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

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

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

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

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

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

  440.                             </ul>

  441.                         </div>

  442. 

  443.                     </div>

  444.                     <div class="carouselLanding owl-carousel d-flex p-5 pb-2">

  445.                         <div class="carouselLandingItem">

  446.                             <div class="mt-5C carouselLandingItemInner cursor-pointer"  data-bs-toggle="modal" data-bs-target="#exampleModal">

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

  448.                                 <div

  449.                                     class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  450. 

  451.                                     <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176"

  452.                                         viewBox="0 0 49.176 49.176">

  453.                                         <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle"

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

  455.                                             transform="translate(-0.563 -0.563)" fill="#fff" />

  456.                                     </svg>

  457. 

  458.                                 </div>

  459.                             </div>

  460.                         </div>

  461.                         <div class="carouselLandingItem ">

  462.                             <div class=" carouselLandingItemInner cursor-pointer" data-bs-toggle="modal" data-bs-target="#exampleModal">

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

  464.                                 <div

  465.                                     class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  466. 

  467.                                     <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176"

  468.                                         viewBox="0 0 49.176 49.176">

  469.                                         <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle"

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

  471.                                             transform="translate(-0.563 -0.563)" fill="#fff" />

  472.                                     </svg>

  473. 

  474.                                 </div>

  475.                             </div>

  476.                         </div>

  477. 

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

  479.                             <div class="mt-5C carouselLandingItemInner cursor-pointer"  data-bs-toggle="modal" data-bs-target="#exampleModal">

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

  481.                                 <div

  482.                                     class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  483. 

  484.                                     <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176"

  485.                                         viewBox="0 0 49.176 49.176">

  486.                                         <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle"

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

  488.                                             transform="translate(-0.563 -0.563)" fill="#fff" />

  489.                                     </svg>

  490. 

  491.                                 </div>

  492.                             </div>

  493.                         </div>

  494. 

  495.                         <div class="carouselLandingItem">

  496.                             <div class=" carouselLandingItemInner cursor-pointer"  data-bs-toggle="modal" data-bs-target="#exampleModal">

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

  498.                                 <div

  499.                                     class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">

  500. 

  501.                                     <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176"

  502.                                         viewBox="0 0 49.176 49.176">

  503.                                         <path id="Icon_awesome-play-circle" data-name="Icon awesome-play-circle"

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

  505.                                             transform="translate(-0.563 -0.563)" fill="#fff" />

  506.                                     </svg>

  507. 

  508.                                 </div>

  509.                             </div>

  510.                         </div>

  511. 

  512. 

  513. 

  514. 

  515.                     </div>

  516.                 </div>

  517. 

  518.             </section>

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

  520. 

  521.             <!-- section 7 -->

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

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

  524.                 <div class="row supportBoxParent">

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

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

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

  528.                         </div>

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

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

  531.                                 Product Registration

  532.                             </div>

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

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

  535.                             </div>

  536.                         </div>

  537.                     </div>

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

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

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

  541.                         </div>

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

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

  544.                                 Product Warranty

  545.                             </div>

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

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

  548.                             </div>

  549.                         </div>

  550.                     </div>

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

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

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

  554.                         </div>

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

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

  557.                                 Customer / Support

  558.                             </div>

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

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

  561.                             </div>

  562.                         </div>

  563.                     </div>

  564. 

  565. 

  566.                 </div>

  567.             </section>

  568.         </section>

  569. 

  570.     </main>

  571.       <!-- Modal -->

  572. <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

  573.     <div class="modal-dialog h-100 d-flex align-items-center justify-content-center">

  574.       <div class="modal-content">

  575.         <div class="modal-header">

  576.           <h5 class="modal-title" id="exampleModalLabel">Laptop</h5>

  577.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  578.         </div>

  579.         <div class="modal-body">

  580.           ...

  581.         </div>

  582.         <div class="modal-footer">

  583.           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

  584.          

  585.         </div>

  586.       </div>

  587.     </div>

  588.   </div>

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

  590.     <!-- footer -->

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

  592.     <!-- end-footer -->

  593. 

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

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

  596.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js" integrity="sha512-5/OHwmQzDSBS0Ous4/hlYoWLHd06/d2r7LdKZQVBXOA6PvOqWVXtdboiLTU7lQTGyVoKVTNkwi0ol4gHGlw5ww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  597.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"

  598.         integrity="sha512-8E3KZoPoZCD+1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV+6Sg0a0XF+L/6xS4Xx1fUEg=="

  599.         crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  600.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/debug.addIndicators.min.js"

  601.         integrity="sha512-RvUydNGlqYJapy0t4AH8hDv/It+zKsv4wOQGb+iOnEfa6NnF2fzjXgRy+FDjSpMfC3sjokNUzsfYZaZ8QAwIxg=="

  602.         crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  603.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"

  604.         integrity="sha512-5/OHwmQzDSBS0Ous4/hlYoWLHd06/d2r7LdKZQVBXOA6PvOqWVXtdboiLTU7lQTGyVoKVTNkwi0ol4gHGlw5ww=="

  605.         crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  606. 

  607.         <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

  608. 

  609. 

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

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

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

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

  614. 

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

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

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

  618. 

  619.     <script>

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

  621.     </script>

  622. 

  623. </body>

  624. 

  625. </html>