sachin.ganesh/anwi_website
1
0
Rozštěpit 0
Zdrojový kód Úkoly Pull requesty Vydání Wiki Aktivita

code

Procházet zdrojové kódy
Tento commit je obsažen v:
sachinganesh
2023-02-01 17:39:56 +05:30
rodič c6815fb21d
revize 5cf77f764e
4 změnil soubory, kde provedl 478 přidání a 197 odebrání
Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory
dist/html/pages/allinone.html → allinone.html
+45 -39
Zobrazit soubor
@@ -8,9 +8,9 @@
<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">
<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>
@@ -33,10 +33,11 @@
<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">
<!-- <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100"> -->
<img src="dist/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">
<img src="dist/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">
@@ -63,7 +64,7 @@
<!-- mobile -->
<div class="innerClipPathImg d-block d-sm-none">
<img src="./../../assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
<img src="dist/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">
@@ -88,10 +89,10 @@
<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">
<img src="dist/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">
<img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
</div>
</div>
@@ -124,11 +125,11 @@
</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">
<img src="dist/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">
<img src="dist/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">
@@ -153,7 +154,7 @@
</div>
<div class="leftClipPathLaptop d-none d-sm-block">
<img src="./../../assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
<img src="dist/assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
</div>
</div>
@@ -170,12 +171,12 @@
<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">
<img src="dist/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">
<img src="dist/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">
<img src="dist/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>
@@ -195,12 +196,12 @@
</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">
<img src="dist/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 ">
<img src="dist/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">
<img src="dist/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>
@@ -261,12 +262,12 @@
<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">
<img src="dist/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">
<img src="dist/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">
<img src="dist/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>
@@ -286,12 +287,13 @@
</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">
<img src="dist/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">
<img src="dist/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">
<img src="dist/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>
@@ -349,15 +351,15 @@
<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="">
<img class="w-100 h-100" src="dist/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=""> -->
<img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt="">
<!-- <img class="w-100 h-70" src="dist/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">
@@ -366,7 +368,7 @@
</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="">
<img class="w-100 h-70" src="dist/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">
@@ -375,7 +377,7 @@
</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="">
<img class="w-100 h-70" src="dist/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">
@@ -406,7 +408,7 @@
<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">
<img src="dist/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">
@@ -418,7 +420,7 @@
</div>
<div class="carouselLandingItem ">
<div class=" carouselLandingItemInner">
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
<img src="dist/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">
@@ -431,7 +433,7 @@
<div class="carouselLandingItem " data-hash="3">
<div class="mt-5C carouselLandingItemInner">
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
<img src="dist/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">
@@ -444,7 +446,7 @@
<div class="carouselLandingItem">
<div class=" carouselLandingItemInner">
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
<img src="dist/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">
@@ -456,7 +458,7 @@
</div>
<div class="carouselLandingItem ">
<div class="mt-5C carouselLandingItemInner">
<img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
<img src="dist/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">
@@ -525,13 +527,17 @@
<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/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="dist/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>
<script src="libs/owlcarousel/dist/owl.carousel.min.js"></script>
<script src="dist/Js/navbar.js"></script>
<script src="dist/Js/footer.js"></script>
<script src="dist/Js/allInOne.js"></script>
<script src="dist/Js/navbar.js"></script>
<script src="dist/Js/footer.js"></script>
<script src="dist/Js/laptopmuti.js"></script>
</body>
dist/html/pages/laptopmulti.html → laptopmulti.html
+56 -49
Zobrazit soubor
@@ -6,9 +6,11 @@
<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="libs/bootstrap/css/bootstrap.min.css" />
<!--
<link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" /> -->
<!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
<link rel="stylesheet" href="../../../styles/style.css">
<link rel="stylesheet" href="styles/style.css">
<title>project</title>
</head>
@@ -40,7 +42,7 @@
<div class="d-flex align-items-center price_footerContainer justify-content-between">
<div class="d-none d-md-flex">
<div class="boxImgContainer">
<img class="w-100 h-100" src="./../../assets/imgs/box.png" alt="box" />
<img class="w-100 h-100" src="dist/assets/imgs/box.png" alt="box" />
</div>
<div class="ps-3 ">
<div class="satoshi_font fw-700">Delivery</div>
@@ -85,37 +87,37 @@
<section class="container PO_galleryContainer">
<div class="p-6 pt-0">
<div class="PO_gallery_display">
<img class="PO_gallery_display_img" src="./../../assets/imgs/laptop_display.png" />
<img class="PO_gallery_display_img" src="dist/assets/imgs/laptop_display.png" />
</div>
<div class="d-flex h-md-200p pt-2 pt-md-5 justify-content-between align-items-center">
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
<span class="PO_gallery_box">
<div class="PO_gallery_box_inner h-100">
<img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
<img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
</div>
</span>
</div>
@@ -183,7 +185,7 @@
<div class="orbitron_font fw-600">Future-proof</div>
</div>
<div class="futureProofImg p-0 h-m-100">
<img src="./../../assets/imgs/productoverview/gridfutureproof.png"
<img src="dist/assets/imgs/productoverview/gridfutureproof.png"
class="w-100 h-100" alt="">
</div>
</div>
@@ -297,7 +299,7 @@
<div class="box_innerImg">
<img src="./../../assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
<img src="dist/assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
</div>
</div>
@@ -354,7 +356,7 @@
<div class="text-center fw-500">35.56cm (14)</div>
</div>
<div class="gridTruelifeImg">
<img src="./../../assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
<img src="dist/assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
class="w-100 h-100">
</div>
</div>
@@ -468,20 +470,20 @@
</div>
<!-- <div class="w-100 d-flex">
<div class="displayscreenpadleft w-50 position-relative">
<img class="h-100 position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
<img class="h-100 position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
</div>
<div class="displayscreenpadright w-50 position-relative">
<img class="h-100 position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
<img class="h-100 position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
</div>
</div> -->
<div class="container-fluid w-100 d-flex position-relative displayscreenpadMain">
<div class="displayscreenpadleft w-50">
<img class="h-100 position-relative w-100"
src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
</div>
<div class="displayscreenpadright w-50">
<img class="h-100 position-relative w-100"
src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
</div>
</div>
</div>
@@ -494,7 +496,7 @@
<div class="row">
<div class="col-7 pe-0">
<img src="./../../assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
<img src="dist/assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
</div>
<div class="col-5 ps-0 ">
<div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;">
@@ -511,7 +513,7 @@
</div>
</div>
<img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
<img src="dist/assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
</div>
</div>
<div class="zeroBMain_des d-md-none d-block">
@@ -534,7 +536,7 @@
<!-- <section class="tableLaptop d-flex justify-content-center align-items-center">
<div class="justTableLaptop">
<img src="./../../assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
<img src="dist/assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
</div>
<div class="circleTableLaptop">
<div class="circleTableLaptop_Heading text-center">
@@ -542,7 +544,7 @@
<h1 class="dual_des_heading orbitron_font fw-700"> Zero BOUNDARIES.</h1>
</div>
<div class="circleTableLaptopTop">
<img src="./../../assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
<img src="dist/assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
</div>
<div class="circleTableLaptop_text font_p_Dual d-none d-md-block">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
@@ -562,7 +564,7 @@
</div>
</div>
<div class="position-relative">
<img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
<img src="dist/assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
<div class="circleTableLaptop_Heading text-center position-absolute w-100 ">
<h1 class="orbitron_font fw-700">Two Screens</h1>
<h1 class="orbitron_font fw-700"> To Display</h1>
@@ -592,7 +594,8 @@
and excellent viewing angles.</p>
</div>
<div>
<img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
<!-- <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100"> -->
<img src="dist/assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
</div>
</section>
@@ -613,7 +616,7 @@
data-bs-target="#PhotoTab" type="button" role="tab" aria-controls="PhotoTab"
aria-selected="true">
<span class="d-none d-md-block">Photo</span>
<span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
<span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
</button>
@@ -624,7 +627,7 @@
aria-selected="false">
<span class="d-none d-md-block"> ProgrammerTab</span>
<span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
<span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
</button>
</li>
<li class="nav-item" role="presentation">
@@ -633,7 +636,7 @@
aria-selected="false">
<span class="d-none d-md-block"> VideoEdtior</span>
<span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
<span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
</button>
</li>
@@ -643,7 +646,7 @@
aria-selected="false">
<span class="d-none d-md-block"> Music Artist</span>
<span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
<span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
</button>
</li>
<!-- <li class="nav-item" role="presentation">
@@ -654,21 +657,21 @@
type="button" role="tab" aria-controls="gamerTab" aria-selected="false">
<span class="d-none d-md-block">Game</span>
<span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
<span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
</button>
</li>
</ul>
<div class="tab-content" id="tabLaptopContent">
<div class="tab-pane fade show active" id="PhotoTab" role="tabpanel"
aria-labelledby="PhotoTab-tab"> <img src="./../../assets/imgs/productoverview/tablaptop.png"
aria-labelledby="PhotoTab-tab"> <img src="dist/assets/imgs/productoverview/tablaptop.png"
class="w-100 h-100" alt=""></div>
<div class="tab-pane fade" id="ProgrammerTab" role="tabpanel"
aria-labelledby="ProgrammerTab-tab">ProgrammerTab</div>
<div class="tab-pane fade" id="VideoEdtior" role="tabpanel" aria-labelledby="VideoEdtior-tab">
<img src="./../../assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
<img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
</div>
<div class="tab-pane fade" id="Music_Artist" role="tabpanel" aria-labelledby="Music_Artist-tab">
@@ -693,7 +696,7 @@
<h1 class="designedProLaptop_title_text orbitron_font"> a Pro</h1>
</div>
<div class="designedProLaptop_img">
<img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
<img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
</div>
<ul class="list-inline designedProLaptopList mb-0">
<li class="border-bottom">
@@ -729,7 +732,7 @@
</div>
<div class="row">
<div class="col-md-8">
<img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
<img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
</div>
<div class="col-md-4 d-flex justify-content-center align-items-center">
<ul class="list-inline designedProLaptopList mb-0">
@@ -774,7 +777,7 @@
</div>
<img class="img-fluid w-100" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
<img class="img-fluid w-100" src="dist/assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
</section>
@@ -790,7 +793,7 @@
</p>
<div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>
</div>
<img src="./../../assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
<img src="dist/assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
<div class="dragondisplay_heading d-flex justify-content-center text-white">
<h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>
</div>
@@ -805,7 +808,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">Ergonomic</h1>
@@ -817,7 +820,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
@@ -829,7 +832,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">100%</h1>
@@ -841,7 +844,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
@@ -854,7 +857,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">
@@ -869,7 +872,7 @@
<div
class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
<div class="box_lens_img">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
</div>
<div>
<h1 class="orbitron_font lenHeading m-0 p-0 font-2">3840X2160</h1>
@@ -904,7 +907,7 @@
</p>
</div>
<div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">
<img class="professinalGradeImg" src="./../../assets/imgs/productoverview/progreen.png" alt=""
<img class="professinalGradeImg" src="dist/assets/imgs/productoverview/progreen.png" alt=""
class="w-100 h-100">
</div>
</section>
@@ -934,7 +937,7 @@
</div>
<div class="stunningSound_headingImg">
<img src="./../../assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
<img src="dist/assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
</div>
</section>
@@ -948,7 +951,7 @@
<!-- wifi -->
<section class="wifiSection">
<div class="wifiSectionImg">
<img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
<img src="dist/assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
</div>
<div class="container textWifiContainer px-5">
<div class="textWifiContainerHeading">
@@ -986,7 +989,7 @@
<section class=" pt-5 proConnectivity">
<div class="row">
<div class="col-sm-6">
<img src="./../../assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
<img src="dist/assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
</div>
<div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">
<div>
@@ -1052,7 +1055,7 @@
<!-- os+ software -->
<section class="osPlusSoftware container p-6 ">
<div class="osContianerImg">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/ossoftware.png" alt="">
<img class="w-100 h-100" src="dist/assets/imgs/productoverview/ossoftware.png" alt="">
</div>
<div class="osContianer d-flex flex-column align-items-center">
<div class="osContianerHeading">
@@ -1073,11 +1076,15 @@
<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="../../js/navbar.js"></script>
<script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="dist/Js/jquery.min.js"></script>
<!-- <script src="../../js/jquery.min.js"></script> -->
<!-- <script src="../../js/navbar.js"></script>
<script src="../../js/footer.js"></script>
<script src="./../../Js/laptopmuti.js"></script>
<script src="./../../Js/laptopmuti.js"></script> -->
<script src="dist/Js/navbar.js"></script>
<script src="dist/Js/footer.js"></script>
<script src="dist/Js/laptopmuti.js"></script>
</body>
styles/pages/_allInOne.scss
+1 -1
Zobrazit soubor
@@ -88,7 +88,7 @@
}
.allinoneDualMarginTop{
margin-top: 200px;
margin-top: 100px;
}
.sectionfiveAllinOne{
styles/style.css
+376 -108
Zobrazit soubor
@@ -15,14 +15,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
body {
box-sizing: border-box;
overflow-x: hidden;
@@ -292,6 +284,10 @@ body {
border-radius: 10px;
}
.productOverviewBody {
overflow-x: hidden;
}
.productoverviewmain {
background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
background-color: white;
@@ -312,12 +308,16 @@ body {
-webkit-backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.18);
border: 2px solid;
position: absolute;
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
}
@media (max-width: 768px) {
.footerDesText {
width: 100%;
}
}
.boxImgContainer {
width: 4rem;
}
@@ -603,57 +603,6 @@ body {
background-position: center;
}
.controlPanel {
margin-top: 10rem;
padding-bottom: 300px;
}
.controlPanel .controlPanel_des {
position: absolute;
top: -170px;
left: 80px;
}
.controlPanel .bgControlpanel {
min-height: 100vh;
background-color: #ececec;
border-radius: 157px;
position: relative;
}
.controlPanel .bgControlpanel .bgControlpaneltabs {
position: absolute;
top: 100px;
right: 0;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
border-bottom: 1px solid;
margin-bottom: 2rem;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
position: relative;
border: none;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
position: relative;
color: black;
font-weight: 500;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
border: none;
background-color: transparent;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
display: block;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
content: "";
position: absolute;
width: 100%;
height: 5px;
bottom: -2px;
right: 0;
display: none;
background-color: black;
}
.dragondisplay {
position: relative;
background: rgb(255, 255, 255);
@@ -695,34 +644,6 @@ body {
background-position: center;
}
.osPlusSoftware {
width: 100vw;
height: 140vh;
margin-top: 14rem;
}
.osPlusSoftware .osContianer {
position: relative;
width: 100%;
height: 100%;
border-radius: 30%;
}
.osPlusSoftware .osContianer .osContianer_des_fontParent {
position: relative;
top: -8%;
}
.osPlusSoftware .osContianer .osContianer_des_font {
font-size: 2rem;
font-weight: 600;
}
.osPlusSoftware .osContianer .osContianerHeading {
position: relative;
top: -15%;
}
.osPlusSoftware .osContianer .osContianerImg {
position: absolute;
bottom: 0;
}
@media (max-width: 1200px) {
.productOverview .p-6 {
padding: 0;
@@ -1219,7 +1140,7 @@ body {
height: 100%;
}
.wifiSection .textWifiContainer .textWifiContainerHeading > h1 {
font-size: 8rem;
font-size: 5rem;
}
@media (max-width: 1200px) {
@@ -1277,6 +1198,370 @@ body {
font-size: 1.5rem;
}
}
@media (max-width: 1200px) {
.proConnectivity h1 {
font-size: 2.5rem;
}
.proConnectivity .font_p_Dual {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.proConnectivity h1 {
font-size: 2rem;
}
.proConnectivity .font_p_Dual {
font-size: 0.7rem;
}
}
@media (max-width: 600px) {
.proConnectivity .connectivityPso_des {
padding: 2rem;
}
}
.osPlusSoftware {
position: relative;
padding-top: 10rem;
}
.osPlusSoftware .osContianer {
position: absolute;
top: 5rem;
left: 50%;
transform: translateX(-50%);
}
.osPlusSoftware .osContianer_des_font {
font-size: 1.5rem;
}
@media (max-width: 1200px) {
.osPlusSoftware {
position: relative;
}
.osPlusSoftware .osContianerHeading > h1 {
font-size: 5rem;
}
.osPlusSoftware .osContianer_des_font {
font-size: 1.5rem;
}
}
@media (max-width: 1000px) {
.osPlusSoftware {
padding-top: 1rem;
}
.osPlusSoftware .osContianer {
top: 1rem;
}
.osPlusSoftware .osContianerHeading > h1 {
font-size: 2rem;
text-align: center;
}
.osPlusSoftware .osContianer_des_font {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.osPlusSoftware .osContianer {
top: -1rem;
}
.osPlusSoftware .osContianerHeading > h1 {
font-size: 2rem;
text-align: center;
}
.osPlusSoftware .osContianer_des_font {
font-size: 0.7rem;
text-align: center;
}
}
.controlPanel {
margin-top: 10rem;
padding-bottom: 300px;
}
.controlPanel .controlPanel_des {
position: absolute;
top: -170px;
left: 80px;
}
.controlPanel .bgControlpanel {
min-height: 100vh;
background-color: #ececec;
border-radius: 157px;
position: relative;
}
.controlPanel .bgControlpanel .bgControlpaneltabs {
position: absolute;
top: 100px;
right: 0;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
border-bottom: 1px solid;
margin-bottom: 2rem;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
position: relative;
border: none;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
position: relative;
color: black;
font-weight: 500;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
border: none;
background-color: transparent;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
display: block;
}
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
content: "";
position: absolute;
width: 100%;
height: 5px;
bottom: -2px;
right: 0;
display: none;
background-color: black;
}
@media (max-width: 768px) {
.controlPanel {
padding-bottom: 100px;
}
.controlPanel .bgControlpanel {
min-height: 50vh;
}
}
/* home page */
.button_dark.btn-dark {
background-color: #000000 !important;
font-family: "Satoshi", sans-serif;
}
.button_dark.btn-dark:hover {
background-color: #000000 !important;
font-family: "Satoshi", sans-serif;
opacity: 1 !important;
}
.home-main-container #navbar-head .navbar-nav .nav-item .nav-link {
color: #000000;
font-family: "Satoshi", sans-serif;
}
.hero-banner {
background-image: url(../../dist/assets/imgs/Home/banner.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-position-y: -100px;
}
.hero-banner .banner-main-container {
height: 400px;
}
.home-main-container .offer-main-sec .offer-sec {
margin-top: -35px;
}
.home-main-container .aw-feature-name h5 {
transform: rotate(180deg);
transform-origin: center center 0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.home-main-container .out-of-world .card {
background-color: #0FA5C5;
}
.home-main-container .aw-support-sec .aw-support-sec-main-container {
background-color: #F2F9FB;
}
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:focus {
border-bottom: 1px solid white;
outline: none;
}
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::-moz-placeholder {
color: white;
}
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:-ms-input-placeholder {
color: white;
}
.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::placeholder {
color: white;
}
.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
text-align: left;
}
.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot span {
height: 3px;
width: 25px;
}
.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot.active {
color: #000000;
}
.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
text-align: right;
margin-right: 5rem;
}
@media (min-width: 1900px) {
.hero-banner {
background-size: 100% 100%;
}
.products-main-container .col-md-6 {
text-align: center !important;
}
.products-main-container .col-md-6 .product-heading span {
text-align: center !important;
margin: auto !important;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.home-main-container .aw-partners.sec-space-1 {
margin-top: 0px;
}
.home-main-container .aw-partners .sec-space-3 {
margin-right: 60px;
}
.home-main-container .offer-main-sec .offer-sec {
margin-top: -30%;
}
.home-main-container .news-letter-sec .card-body.px-5 {
padding: 20px !important;
}
.home-main-container .news-letter-sec a.button_dark {
padding: 10px 5px;
}
}
@media (min-width: 298px) and (max-width: 768px) {
.home-main-container h5,
.home-main-container h6 {
font-size: 1rem;
}
.home-main-container .sec-space-1,
.home-main-container .sec-space-2 {
margin-top: 40px;
}
.home-main-container .banner-main-container {
height: 550px;
text-align: center;
}
.home-main-container .banner-main-container .col-md-6 {
margin-top: 0px;
}
.home-main-container .banner-main-container .col-md-6 .button_dark {
display: none;
}
.home-main-container .banner-main-container h1 {
font-size: 2rem;
}
.home-main-container .hero-banner {
background-position: 0;
}
.home-main-container .aw-main-features {
display: none;
}
.home-main-container .mobile-text-center {
text-align: center;
}
.home-main-container .aw-feature-name h5 {
transform: rotate(0deg);
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.home-main-container .products-main-container .enterprise-prd {
margin-top: 10px;
}
.home-main-container .news-letter-sec a.button_dark {
padding: 10px 5px;
}
.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
text-align: center;
margin-right: 0px;
}
.home-main-container .star-products .owl-dots {
display: none;
}
.home-main-container .aw-support-sec-main-container .row {
margin: 0px !important;
text-align: center;
}
.home-main-container .aw-support-sec-main-container .col-md-4 {
border: none !important;
}
.home-main-container .aw-support-sec-main-container .support-sec-heading {
padding: 0 !important;
}
.home-main-container .offer-main-sec {
margin-bottom: 0 !important;
padding: 0 !important;
}
.home-main-container .offer-sec p {
font-size: 0.85rem;
}
.footer-wrapper .accordion-button,
.footer-wrapper .accordion-body {
font-family: "Satoshi", sans-serif;
color: white;
background-color: #000000;
}
.footer-wrapper .accordion-button:not(.collapsed)::after,
.footer-wrapper .accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
}
.shopping-cart-main-container {
background-color: #F5FFEA;
padding-bottom: 50px;
}
.shopping-cart-main-container * {
font-family: "Satoshi", sans-serif;
}
.shopping-cart-main-container h6 {
padding: 10px;
margin-bottom: 0;
}
.shopping-cart-main-container .cart-sec-highlighter .text-muted {
color: #C5C5C5 !important;
}
.shopping-cart-main-container .alert-display-sec {
z-index: 1;
}
.shopping-cart-main-container .alert-display-sec .alert-dismissible {
background: rgba(255, 255, 255, 0.66);
}
.warrenty-sec img {
width: 40px;
}
#footer-head .footer-wrapper.sec-space-1 {
margin-top: 0;
}
@media (max-width: 1300px) {
.cart-sec-highlighter h5 {
font-size: 0.8rem;
}
}
@media (max-width: 768px) {
.cart-sec-highlighter,
.shopping-cart-details-row-1 {
display: none !important;
}
.buy-together-sec {
text-align: center;
}
.buy-together-sec .row {
padding: 10px;
}
.mobile-cart-img img {
width: 200px;
}
}
.clipPathSectionCol {
position: relative;
}
@@ -1347,7 +1632,7 @@ body {
}
.allinoneDualMarginTop {
margin-top: 200px;
margin-top: 100px;
}
.sectionfiveAllinOne .infoContainer {
@@ -1639,11 +1924,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
font-family: "Orbitron", sans-serif;
}
/* Satoshi end */
.satoshi_font {
font-family: "Satoshi", sans-serif;
}
html {
font-size: 100%;
}
@@ -1708,16 +1988,4 @@ body {
.footer-wrapper .footer-sub-content p {
line-height: 2rem;
font-family: "Satoshi", sans-serif;
}
/* footer */
.footer-wrapper {
background-color: rgb(0, 0, 0);
border-radius: 0 275px 0 0;
-webkit-clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
}
.footer-wrapper li {
line-height: 2rem;
}/*# sourceMappingURL=style.css.map */