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

allinone.html 24KB
История Исходник

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

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

  19.         <!-- navbar -->

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

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

  22. 

  23.         <!-- heading -->

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

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

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

  27.         </div>

  28.         <!-- heading end -->

  29.     </section>

  30. 

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

  32.         <div class="row ">

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

  34.                 <div class="leftClipPathLaptop">

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

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

  37.                 </div>

  38.                 <div class="innerClipPathImg">

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

  40.                 </div>

  41.             </div>

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

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

  44.                     <div>

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

  46.                         <div>

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

  48.                         </div>

  49.                     </div>

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

  51.                         <div class="satoshi_font">

  52.                             Extraordinary Performance

  53. 

  54.                         </div>

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

  56.                     </div>

  57.                     <div>

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

  59.                     </div>

  60.                 </div>

  61.             </div>

  62. 

  63. 

  64.             <!-- mobile -->

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

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

  67.             </div>

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

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

  70.                     <div>

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

  72.                         <div>

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

  74.                         </div>

  75.                     </div>

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

  77.                         <div class="satoshi_font">

  78.                             Extraordinary Performance

  79. 

  80.                         </div>

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

  82.                     </div>

  83.                     <div>

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

  85.                     </div>

  86.                 </div>

  87.             </div>

  88.             

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

  90.                 <div class="leftClipPathLaptop ">

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

  92.                 </div>

  93.                 <div class="innerClipPathImg">

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

  95.                 </div>

  96.             </div>

  97.             

  98.             <!-- mobile end -->

  99.         </div>

  100.     </section>

  101. <!-- section 2 -->

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

  103.         <div class="row ">

  104.             

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

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

  107.                     <div>

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

  109.                         <div>

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

  111.                         </div>

  112.                     </div>

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

  114.                         <div class="satoshi_font">

  115.                             Extraordinary Performance

  116. 

  117.                         </div>

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

  119.                     </div>

  120.                     <div>

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

  122.                     </div>

  123.                 </div>

  124.             </div>

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

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

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

  128.                 </div>

  129. 

  130.                 <div>

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

  132.                 </div>

  133. 

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

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

  136.                         <div>

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

  138.                             <div>

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

  140.                             </div>

  141.                         </div>

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

  143.                             <div class="satoshi_font">

  144.                                 Extraordinary Performance

  145.     

  146.                             </div>

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

  148.                         </div>

  149.                         <div>

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

  151.                         </div>

  152.                     </div>

  153.                 </div>

  154. 

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

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

  157.                 </div>

  158.               

  159.             </div>

  160. 

  161. 

  162.         </div>

  163.     </section>

  164. 

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

  166. 

  167. <!-- section 3 -->

  168. 

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

  170.     <div class="row">

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

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

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

  174.             </div>

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

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

  177.             </div>

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

  179. 

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

  181.                 <div>

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

  183.                 </div>

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

  185.                     <div class="satoshi_font">

  186.                         Extraordinary Performance

  187.         

  188.                     </div>

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

  190.                 </div>

  191.                 <div>

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

  193.                 </div>

  194.                </div>

  195.         </div>

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

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

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

  199.             </div>

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

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

  202.             </div>

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

  204. 

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

  206.                 <div>

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

  208.                 </div>

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

  210.                     <div class="satoshi_font">

  211.                         Extraordinary Performance

  212.         

  213.                     </div>

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

  215.                 </div>

  216.                 <div>

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

  218.                 </div>

  219.                </div>

  220.         </div>

  221.     </div>

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

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

  224.         <div>

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

  226.         </div>

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

  228.             <div class="satoshi_font">

  229.                 Extraordinary Performance

  230. 

  231.             </div>

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

  233.         </div>

  234.         <div>

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

  236.         </div>

  237.        </div>

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

  239.         <div>

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

  241.         </div>

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

  243.             <div class="satoshi_font">

  244.                 Extraordinary Performance

  245. 

  246.             </div>

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

  248.         </div>

  249.         <div>

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

  251.         </div>

  252.        </div>

  253.     </div>

  254. </section>

  255. 

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

  257. 

  258. <!-- section 4 -->

  259. 

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

  261.     <div class="row">

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

  263.             <div class="leftClipPathLaptop ">

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

  265.             </div>

  266.             <div class="innerClipPathImgFirstFour">

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

  268.             </div>

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

  270. 

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

  272.                 <div>

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

  274.                 </div>

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

  276.                     <div class="satoshi_font">

  277.                         Extraordinary Performance

  278.         

  279.                     </div>

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

  281.                 </div>

  282.                 <div>

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

  284.                 </div>

  285.                </div>

  286.         </div>

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

  288.             <div class="leftClipPathLaptop ">

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

  290.             </div>

  291.             <div class="innerClipPathImgSectionFour">

  292.                

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

  294.             </div>

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

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

  297.                 <div>

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

  299.                 </div>

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

  301.                     <div class="satoshi_font">

  302.                         Extraordinary Performance

  303.         

  304.                     </div>

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

  306.                 </div>

  307.                 <div>

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

  309.                 </div>

  310.                </div>

  311.         </div>

  312.     </div>

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

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

  315.          <div>

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

  317.          </div>

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

  319.              <div class="satoshi_font">

  320.                  Extraordinary Performance

  321.  

  322.              </div>

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

  324.          </div>

  325.          <div>

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

  327.          </div>

  328.         </div>

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

  330.          <div>

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

  332.          </div>

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

  334.              <div class="satoshi_font">

  335.                  Extraordinary Performance

  336.  

  337.              </div>

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

  339.          </div>

  340.          <div>

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

  342.          </div>

  343.         </div>

  344.      </div>

  345. </section>

  346. 

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

  348. 

  349. <!-- section 5 -->

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

  351.     <div class="row">

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

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

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

  355.                 <h1>Announcements</h1>

  356.                 <h1>and Events</h1>

  357.             </div>

  358.         </div>

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

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

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

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

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

  364.                 <div class="infoContainer_des satoshi_font">

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

  366.                 </div>

  367.             </div>

  368.         </div>

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

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

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

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

  373.                 <div class="infoContainer_des satoshi_font">

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

  375.                 </div>

  376.             </div>

  377.         </div>

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

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

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

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

  382.                 <div class="infoContainer_des satoshi_font">

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

  384.                 </div>

  385.             </div>

  386.         </div>

  387.     </div>

  388. </section>

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

  390. 

  391. <!-- section 6 -->

  392. <section>

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

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

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

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

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

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

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

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

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

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

  403.             </ul>

  404.         </div>

  405.        

  406.     </div>

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

  408.         <div class="carouselLandingItem">

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

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

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

  412.                 

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

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

  415.   </svg>

  416.   

  417.             </div>

  418.            </div>

  419.         </div>

  420.         <div class="carouselLandingItem ">

  421.             <div class=" carouselLandingItemInner">

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

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

  424.                  

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

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

  427.    </svg>

  428.    

  429.              </div>

  430.             </div>

  431.          </div>

  432.        

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

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

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

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

  437.                  

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

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

  440.    </svg>

  441.    

  442.              </div>

  443.             </div>

  444.          </div>

  445.        

  446.         <div class="carouselLandingItem">

  447.             <div class=" carouselLandingItemInner">

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

  449.              <div 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" viewBox="0 0 49.176 49.176">

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

  453.    </svg>

  454.    

  455.              </div>

  456.             </div>

  457.          </div>

  458.          <div class="carouselLandingItem ">

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

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

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

  462.                  

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

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

  465.    </svg>

  466.    

  467.              </div>

  468.             </div>

  469.          </div>

  470.        

  471.     </div>

  472.    </div>

  473. 

  474. </section>

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

  476. 

  477. <!-- section 7 -->

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

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

  480.     <div class="row supportBoxParent">

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

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

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

  484.                 </div>

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

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

  487.                         Product Registration

  488.                     </div>

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

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

  491.                     </div>

  492.                 </div>

  493.             </div>

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

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

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

  497.                 </div>

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

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

  500.                         Product Warranty

  501.                     </div>

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

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

  504.                     </div>

  505.                 </div>

  506.             </div>

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

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

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

  510.                 </div>

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

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

  513.                         Customer /  Support

  514.                     </div>

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

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

  517.                     </div>

  518.                 </div>

  519.             </div>

  520.             

  521.           

  522.     </div>

  523. </section>

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

  525.     <!-- footer -->

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

  527.     <!-- end-footer -->

  528. 

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

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

  531.        

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

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

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

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

  536. 

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

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

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

  540. 

  541. </body>

  542. 

  543. </html>