code added
@@ -0,0 +1,24 @@
|
||||
$('.owl-carousel').owlCarousel({
|
||||
rtl:true,
|
||||
loop:true,
|
||||
margin:200,
|
||||
nav:true,
|
||||
URLhashListener:true,
|
||||
autoplayHoverPause:true,
|
||||
responsiveClass:true,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1,
|
||||
nav:true
|
||||
},
|
||||
600:{
|
||||
items:3,
|
||||
nav:false
|
||||
},
|
||||
1000:{
|
||||
items:5,
|
||||
nav:true,
|
||||
loop:false
|
||||
}
|
||||
}
|
||||
})
|
||||
|
Después Anchura: | Altura: | Tamaño: 3.6 MiB |
|
Después Anchura: | Altura: | Tamaño: 466 KiB |
|
Después Anchura: | Altura: | Tamaño: 261 KiB |
|
Después Anchura: | Altura: | Tamaño: 278 KiB |
|
Después Anchura: | Altura: | Tamaño: 173 KiB |
|
Después Anchura: | Altura: | Tamaño: 141 KiB |
|
Después Anchura: | Altura: | Tamaño: 478 KiB |
|
Después Anchura: | Altura: | Tamaño: 36 KiB |
|
Después Anchura: | Altura: | Tamaño: 22 KiB |
|
Después Anchura: | Altura: | Tamaño: 257 KiB |
|
Después Anchura: | Altura: | Tamaño: 672 KiB |
|
Después Anchura: | Altura: | Tamaño: 393 KiB |
|
Después Anchura: | Altura: | Tamaño: 36 KiB |
|
Después Anchura: | Altura: | Tamaño: 22 KiB |
|
Después Anchura: | Altura: | Tamaño: 266 KiB |
|
Después Anchura: | Altura: | Tamaño: 794 KiB |
|
Antes Anchura: | Altura: | Tamaño: 419 KiB Después Anchura: | Altura: | Tamaño: 916 KiB |
|
Antes Anchura: | Altura: | Tamaño: 1.2 MiB |
|
Después Anchura: | Altura: | Tamaño: 582 KiB |
|
Antes Anchura: | Altura: | Tamaño: 1.7 MiB |
|
Después Anchura: | Altura: | Tamaño: 2.4 MiB |
|
Después Anchura: | Altura: | Tamaño: 131 KiB |
|
Después Anchura: | Altura: | Tamaño: 31 KiB |
|
Después Anchura: | Altura: | Tamaño: 118 KiB |
|
Antes Anchura: | Altura: | Tamaño: 3.6 MiB |
|
Antes Anchura: | Altura: | Tamaño: 83 KiB |
|
Después Anchura: | Altura: | Tamaño: 2.9 MiB |
|
Después Anchura: | Altura: | Tamaño: 23 KiB |
|
Después Anchura: | Altura: | Tamaño: 984 KiB |
|
Después Anchura: | Altura: | Tamaño: 2.6 MiB |
|
Después Anchura: | Altura: | Tamaño: 1.3 MiB |
|
Antes Anchura: | Altura: | Tamaño: 3.1 MiB Después Anchura: | Altura: | Tamaño: 3.1 MiB |
|
Después Anchura: | Altura: | Tamaño: 1.2 MiB |
|
Después Anchura: | Altura: | Tamaño: 217 KiB |
|
Después Anchura: | Altura: | Tamaño: 524 KiB |
|
Después Anchura: | Altura: | Tamaño: 910 KiB |
|
Después Anchura: | Altura: | Tamaño: 678 KiB |
|
Después Anchura: | Altura: | Tamaño: 1.3 MiB |
@@ -0,0 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="51.211" height="48.01" viewBox="0 0 51.211 48.01">
|
||||
<g id="windows" transform="translate(0 -16)">
|
||||
<g id="Group_921" data-name="Group 921" transform="translate(0 19.601)">
|
||||
<g id="Group_920" data-name="Group 920">
|
||||
<path id="Path_650" data-name="Path 650" d="M0,54.8v16H22.4V52Z" transform="translate(0 -52)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_923" data-name="Group 923" transform="translate(25.605 16)">
|
||||
<g id="Group_922" data-name="Group 922">
|
||||
<path id="Path_651" data-name="Path 651" d="M256,19.2V38.4h25.605V16Z" transform="translate(-256 -16)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_925" data-name="Group 925" transform="translate(25.605 41.605)">
|
||||
<g id="Group_924" data-name="Group 924">
|
||||
<path id="Path_652" data-name="Path 652" d="M256,272v19.2l25.605,3.2V272Z" transform="translate(-256 -272)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_927" data-name="Group 927" transform="translate(0 41.605)">
|
||||
<g id="Group_926" data-name="Group 926">
|
||||
<path id="Path_653" data-name="Path 653" d="M0,272v16l22.4,2.8V272Z" transform="translate(0 -272)"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Después Anchura: | Altura: | Tamaño: 1.2 KiB |
|
Después Anchura: | Altura: | Tamaño: 515 KiB |
@@ -0,0 +1,538 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
|
||||
<link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
|
||||
<!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
|
||||
<link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="../../../styles/style.css">
|
||||
<title>project</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="allinoneLanding overflow-hidden">
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head"></div>
|
||||
<!-- end-navbar -->
|
||||
|
||||
<!-- heading -->
|
||||
<div class="headingAllinOne px-6 orbitron_font w-100 text-white">
|
||||
<h1 class="font-5 ">All-in-One</h1>
|
||||
<div class="satoshi_font">AIO24 <span class="px-1 ">-</span>1700N</div>
|
||||
</div>
|
||||
<!-- heading end -->
|
||||
</section>
|
||||
|
||||
<section class="laptopsSection overflow-hidden">
|
||||
<div class="row ">
|
||||
<div class="col-sm-7 d-none d-sm-block clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop">
|
||||
<img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
<div class="innerClipPathImg">
|
||||
<img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="align-items-center d-none d-sm-block col-sm-5 d-flex">
|
||||
<div class="d-flex flex-column justify-content-center h-100 gap-5">
|
||||
<div>
|
||||
<div class="font-1-5 supTitleSection">AIO24 - 1700N</div>
|
||||
<div>
|
||||
<h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-2 headinglaptopSub">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- mobile -->
|
||||
<div class="innerClipPathImg d-block d-sm-none">
|
||||
<img src="./../../assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="align-items-center d-sm-none d-block col-sm-5 d-flex">
|
||||
<div class="d-flex flex-column laptopSectionDesP gap-5">
|
||||
<div>
|
||||
<div class="font-1-5 supTitleSection">AIO24 - 1700N</div>
|
||||
<div>
|
||||
<h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-2 headinglaptopSub">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-7 d-sm-none d-block clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop ">
|
||||
<img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">
|
||||
</div>
|
||||
<div class="innerClipPathImg">
|
||||
<img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- mobile end -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- section 2 -->
|
||||
<section class="laptopsSection overflow-hidden">
|
||||
<div class="row ">
|
||||
|
||||
<div class="align-items-center d-none d-sm-block col-sm-5 p-6 d-flex">
|
||||
<div class="d-flex flex-column gap-5 laptopSectionDesP">
|
||||
<div>
|
||||
<div class="font-1-5">AIO24 - 1700N</div>
|
||||
<div>
|
||||
<h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-2 headinglaptopSub">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7 clipPathSectionCol">
|
||||
<div class="innerClipPathImgSectionTwo d-none d-sm-block">
|
||||
<img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">
|
||||
</div>
|
||||
|
||||
<div class="align-items-center d-block d-sm-none col-sm-5 p-6 d-flex">
|
||||
<div class="d-flex flex-column gap-5 laptopSectionDesP">
|
||||
<div>
|
||||
<div class="font-1-5">AIO24 - 1700N</div>
|
||||
<div>
|
||||
<h1 class="font-7 orbitron_font headinglaptop">Laptops</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-2 headinglaptopSub">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftClipPathLaptop d-none d-sm-block">
|
||||
<img src="./../../assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- section 2 end -->
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
<section class="allinoneDualMarginTop overflow-hidden">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 pe-5 clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop d-none d-sm-block">
|
||||
<img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
<div class="innerClipPathImgFirstThree d-none d-sm-block">
|
||||
<img src="./../../assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
<img src="./../../assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">
|
||||
|
||||
<div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ps-5 clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop d-none d-sm-block">
|
||||
<img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">
|
||||
</div>
|
||||
<div class="innerClipPathImgSectionThree d-none d-sm-block">
|
||||
<img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">
|
||||
</div>
|
||||
<img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">
|
||||
|
||||
<div class="d-flex d-sm-none d-block allinoneDualMarginTop_pContainer flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between allinoneDualMarginTop_desContainer p-7 d-none d-sm-flex">
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Peripherals</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- section 3 end -->
|
||||
|
||||
<!-- section 4 -->
|
||||
|
||||
<section class=" overflow-hidden allinoneDualMarginTop">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 pe-5 clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop ">
|
||||
<img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100 d-none d-sm-block">
|
||||
</div>
|
||||
<div class="innerClipPathImgFirstFour">
|
||||
<img src="./../../assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100 d-none d-sm-block">
|
||||
</div>
|
||||
<img src="./../../assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">
|
||||
|
||||
<div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ps-5 clipPathSectionCol">
|
||||
<div class="leftClipPathLaptop ">
|
||||
<img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100 d-none d-sm-block">
|
||||
</div>
|
||||
<div class="innerClipPathImgSectionFour">
|
||||
<img src="../../assets/imgs/allinone/rams.png" alt="" class="w-100 h-100 d-none d-sm-block">
|
||||
</div>
|
||||
<img src="../../assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">
|
||||
<div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between allinoneDualMarginTop_desContainer p-7 d-none d-sm-flex">
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Moniters</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-5">
|
||||
<div>
|
||||
<h1 class="orbitron_font font-3">Peripherals</h1>
|
||||
</div>
|
||||
<div class="font-1-5 allinoneDualMarginTop_p">
|
||||
<div class="satoshi_font">
|
||||
Extraordinary Performance
|
||||
|
||||
</div>
|
||||
<div class="satoshi_font"> and Unparalleled Flexibility</div>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-dark button_dark font-1-2" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- section 4 end -->
|
||||
|
||||
<!-- section 5 -->
|
||||
<section class="sectionfiveAllinOne container overflow-hidden">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
|
||||
<img class="w-100 h-100" src="./../../assets/imgs/allinone/info1.png" alt="">
|
||||
<div class="orbitron_font text-white infoContainerOneText">
|
||||
<h1>Announcements</h1>
|
||||
<h1>and Events</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
|
||||
<img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt="">
|
||||
<!-- <img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt=""> -->
|
||||
<div class=" infoContainerBlue p-4 d-flex flex-column justify-content-center ">
|
||||
<h1 class="font-1-5 orbitron_font">Solution Focus</h1>
|
||||
<div class="infoContainer_des satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
|
||||
<img class="w-100 h-70" src="./../../assets/imgs/allinone/info3.png" alt="">
|
||||
<div class=" infoContainerOrange p-4 d-flex flex-column justify-content-center ">
|
||||
<h1 class="font-1-5 orbitron_font">Restless</h1>
|
||||
<div class="infoContainer_des satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
|
||||
<img class="w-100 h-70" src="./../../assets/imgs/allinone/info4.png" alt="">
|
||||
<div class=" infoContainerBlue p-4 d-flex flex-column justify-content-center ">
|
||||
<h1 class="font-1-5 orbitron_font">Out of world</h1>
|
||||
<div class="infoContainer_des satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invconsetetur sadipscing elitr, sed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- section 5 end -->
|
||||
|
||||
<!-- section 6 -->
|
||||
<section>
|
||||
<div class=" d-flex flex-column justify-content-center align-items-center overflow-hidden">
|
||||
<h1 class="orbitron_font pb-0 p-6 insightsAdvHeading">Insights / Advance</h1>
|
||||
<div class="d-none">
|
||||
<div class="p-6 pt-5 insightsAdv">
|
||||
<ul class="list-inline d-flex gap-5">
|
||||
<li class="cursor-pointer orbitron_font fw-600">Server</li>
|
||||
<li class="cursor-pointer orbitron_font" data-hash="3"> servers</li>
|
||||
<li class="cursor-pointer orbitron_font"> servers</li>
|
||||
<li class="cursor-pointer orbitron_font"> servers</li>
|
||||
<li class="cursor-pointer orbitron_font"> servers</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="carouselLanding owl-carousel d-flex p-4">
|
||||
<div class="carouselLandingItem">
|
||||
<div class="mt-5C carouselLandingItemInner">
|
||||
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
|
||||
<div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carouselLandingItem ">
|
||||
<div class=" carouselLandingItemInner">
|
||||
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
|
||||
<div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carouselLandingItem " data-hash="3">
|
||||
<div class="mt-5C carouselLandingItemInner">
|
||||
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
|
||||
<div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carouselLandingItem">
|
||||
<div class=" carouselLandingItemInner">
|
||||
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
|
||||
<div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carouselLandingItem ">
|
||||
<div class="mt-5C carouselLandingItemInner">
|
||||
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
|
||||
<div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
|
||||
<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"/>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- section 6 end -->
|
||||
|
||||
<!-- section 7 -->
|
||||
<section class="p-6 d-flex flex-column justify-content-center overflow-hidden align-items-center ">
|
||||
<h1 class="orbitron_font pb-5">Support / Download</h1>
|
||||
<div class="row supportBoxParent">
|
||||
<div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="supportBoxCircle"></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-3">
|
||||
<div class="text-center font-1-2 orbitron_font fw-600">
|
||||
Product Registration
|
||||
</div>
|
||||
<div class="text-center satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitamet.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="supportBoxCircle"></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-3">
|
||||
<div class="text-center font-1-2 orbitron_font fw-600">
|
||||
Product Warranty
|
||||
</div>
|
||||
<div class="text-center satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitamet.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="supportBox col-sm-4 gap-4 d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="d-flex flex-column justify-content-center align-items-center">
|
||||
<div class="supportBoxCircle"></div>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-3">
|
||||
<div class="text-center font-1-2 orbitron_font fw-600">
|
||||
Customer / Support
|
||||
</div>
|
||||
<div class="text-center satoshi_font">
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitamet.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- section 7 end -->
|
||||
<!-- footer -->
|
||||
<!-- <section id="footer-head"></section> -->
|
||||
<!-- end-footer -->
|
||||
|
||||
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../../js/jquery.min.js"></script>
|
||||
|
||||
<script src="./../../../libs/owlcarousel/dist/owl.carousel.min.js"></script>
|
||||
<script src="../../js/navbar.js"></script>
|
||||
<script src="../../js/footer.js"></script>
|
||||
<script src="./../../Js/allInOne.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||