sachin.ganesh/anwi_website
1
0
派生 0
代码 工单 合并请求 发布 百科 活动

code added

浏览代码
这个提交包含在：
sachinganesh
2023-02-01 15:48:54 +05:30
父节点 3c2b00a9f3
当前提交 767190eca6
共修改 6 个文件，包含 118 行新增和 195 行删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件
dist/html/pages/allinone.html
第三方依赖
+1 -1
查看文件
@@ -522,7 +522,7 @@
</section> </section>
<!-- section 7 end --> <!-- section 7 end -->
<!-- footer --> <!-- footer -->
<!-- <section id="footer-head"></section> --> <section id="footer-head"></section>
<!-- end-footer --> <!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
dist/html/pages/laptopmulti.html
第三方依赖
+96 -90
查看文件
@@ -12,7 +12,7 @@
<title>project</title> <title>project</title>
</head> </head>
<body> <body class="productOverviewBody">
<header class="productoverviewmain vh-100"> <header class="productoverviewmain vh-100">
@@ -36,9 +36,9 @@
</div> </div>
</div> </div>
<div class="price_footer d-md-block d-none py-4 w-100 "> <div class="price_footer px-1 px-md-3 py-4 w-100 ">
<div class="d-flex align-items-center container justify-content-between"> <div class="d-flex align-items-center price_footerContainer justify-content-between">
<div class="d-flex"> <div class="d-none d-md-flex">
<div class="boxImgContainer"> <div class="boxImgContainer">
<img class="w-100 h-100" src="./../../assets/imgs/box.png" alt="box" /> <img class="w-100 h-100" src="./../../assets/imgs/box.png" alt="box" />
</div> </div>
@@ -48,8 +48,8 @@
<div class="satoshi_font ">entering your PIN code</div> <div class="satoshi_font ">entering your PIN code</div>
</div> </div>
</div> </div>
<div class="d-flex align-items-center "> <div class="d-flex align-items-center footerDesText justify-content-lg-end justify-content-around">
<div class="pe-5"> <div class="pe-2 pe-md-5">
<div class="font-1_5 fw-700 satoshi_font">$69,999.00</div> <div class="font-1_5 fw-700 satoshi_font">$69,999.00</div>
<div class="d-flex align-items-center pt-1 justify-content-end gap-1 priceCut_multi"> <div class="d-flex align-items-center pt-1 justify-content-end gap-1 priceCut_multi">
<span class="text-decoration-line-through pe-3 satoshi_font">$ 89,999</span><span <span class="text-decoration-line-through pe-3 satoshi_font">$ 89,999</span><span
@@ -70,12 +70,14 @@
<section class="productOverview container "> <section class="productOverview container ">
<div class=" d-flex flex-column p-6 align-items-center container justify-content-between"> <div class=" d-flex flex-column p-6 align-items-center container justify-content-between">
<div class="font-1_7 overviewProductHeading fw-600">Overview</div> <div class="font-1_7 overviewProductHeading fw-600">Overview</div>
<div class="font_p_Dual text-center fw-bold overviewProductFullTitle">The Laptop of tomorrow with <div class="font_p_Dual text-center fw-bold overviewProductFullTitle">
4K OLED Dual Screen for Creative Multitasking</div> <div>Perform. Produce.</div>
<div class="overviewProductDes">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy <div>
eirmod tempor Only the Perfects
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit </div>
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
</div>
<div class="overviewProductDes">Powered by up to 11th Gen Intel® Core™ i7-10850H Processor and a refresh rate of up to 120 Hz, Performance will not be a problem. Embedded with 16 Gb DDr4 Memory series and up to 1TB M.2 NVme storage Anwi Xseries Laptop is a high throughput laptop with increased Clock speed, memory bandwidth, and effective data transfers with very minimal power consumption.</div>
</div> </div>
</section> </section>
@@ -125,7 +127,7 @@
<!-- specs --> <!-- specs -->
<section class="container p-6"> <section class="container p-6">
<div class="productoverBox row w-100 h-700p px-6"> <div class="productoverBox row w-100 h-700p px-6">
<div class="col-sm-5"> <div class="col-lg-5">
<div class="PO_box"> <div class="PO_box">
<div class=""> <div class="">
<div <div
@@ -157,11 +159,11 @@
<div class="col-6 flex-column d-flex justify-content-center align-items-center"> <div class="col-6 flex-column d-flex justify-content-center align-items-center">
<div class="orbitron_font fw-600"> <div class="orbitron_font fw-600">
Latest 11th Intel® Core™ i7
</div> </div>
<div class="orbitron_font fw-600">Gen Intel Core <div class="orbitron_font fw-600">11th Gen
</div> </div>
<div class="orbitron_font fw-600"> i5/i7 H35 </div> <div class="orbitron_font fw-600"> Processor</div>
</div> </div>
</div> </div>
</div> </div>
@@ -282,7 +284,7 @@
</div> </div>
</div> </div>
<div class="col-sm-4"> <div class="col-lg-4">
<div class="PO_box"> <div class="PO_box">
<div class=""> <div class="">
<div <div
@@ -407,7 +409,7 @@
</div> </div>
</div> </div>
<div class="col-sm-3"> <div class="col-lg-3">
<div class="PO_box"> <div class="PO_box">
<div class=""> <div class="">
<div <div
@@ -455,11 +457,14 @@
<div class=""> <div class="">
<div class=" d-flex flex-column align-items-center justify-content-center"> <div class=" d-flex flex-column align-items-center justify-content-center">
<div class="satoshi_font font-1_7 fw-600"> <div class="satoshi_font font-1_7 fw-600">
Display / Screenpad Two Screens
</div> </div>
<div class="displayscreenpadContainer"> <div class="displayscreenpadContainer">
<h1 class="displayscreenpadHeading orbitron_font">TWO SCREENS.</h1> <!-- <h1 class="displayscreenpadHeading orbitron_font text-uppercase"> Two Screens
<h1 class="displayscreenpadHeading orbitron_font">ZERO BOUNDARIES</h1> </h1> -->
<h1 class="displayscreenpadHeading orbitron_font text-uppercase">To Display
</h1>
<h1 class="displayscreenpadHeading orbitron_font text-uppercase ">True Colors</h1>
</div> </div>
<!-- <div class="w-100 d-flex"> <!-- <div class="w-100 d-flex">
<div class="displayscreenpadleft w-50 position-relative"> <div class="displayscreenpadleft w-50 position-relative">
@@ -491,22 +496,22 @@
<div class="col-7 pe-0"> <div class="col-7 pe-0">
<img src="./../../assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid"> <img src="./../../assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
</div> </div>
<div class="col-5 ps-0"> <div class="col-5 ps-0 ">
<div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;"> <div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;">
<div> <div>
<h1 class="dual_des_heading orbitron_font">Experience Ultimate</h1> <h1 class="dual_des_heading orbitron_font">Complemented by Multi-touch Brilliance
<h1 class="dual_des_heading orbitron_font">productivity</h1> </h1>
<h1 class="dual_des_heading orbitron_font d-none"></h1>
</div> </div>
<div class=" satoshi_font zeroBMain_desP font-1"> <div class=" satoshi_font zeroBMain_desP font-1">
Cooperation with leading component suppliers and compatibility testing ensure a wide range of product A 16'inch 2K QHD display and a 14'inch touch screen dual display- designed to capture the enhancement of visual impressions and to drive the imaginations of visual creators into the real world with all twirls and whirls.
availability Experience The Touch screen dual display brings in the added excitement of viewing and creating artwork. Importing artwork is always on the horizon to get the most out of the artists' illusions and imagination.
ultimate productivityExperience ultimate productivity
Cooperation with leading component suppliers and compatibility testing ensure a wide range of product
availability Experience
ultimate productivityExperience ultimate productivity
</div> </div>
</div> </div>
<img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid"> <img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
</div> </div>
</div> </div>
<div class="zeroBMain_des d-md-none d-block"> <div class="zeroBMain_des d-md-none d-block">
@@ -553,28 +558,20 @@
<section> <section>
<div> <div>
<div class="d-md-none d-block satoshi_font p-4" > <div class="d-md-none d-block satoshi_font p-4" >
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce simulations of ultra-high contrast of deep blacks for true-to-life impressions and photorealistic visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094; 1.5DC to ensure vibrantly enriched vivids.
diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmodorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed
</div> </div>
</div> </div>
<div class="position-relative"> <div class="position-relative">
<img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid"> <img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
<div class="circleTableLaptop_Heading text-center position-absolute 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">Two Screens</h1>
<h1 class="orbitron_font fw-700"> Zero BOUNDARIES.</h1> <h1 class="orbitron_font fw-700"> To Display</h1>
<h1 class="orbitron_font fw-700">True Colors
</h1>
</div> </div>
<div class="circleTableLaptop_text font_p_Dual d-none d-md-block position-absolute w-100 px-5" > <div class="circleTableLaptop_text font_p_Dual d-none d-md-block position-absolute w-100 px-5" >
<div class="satoshi_font font-1-2 "> <div class="satoshi_font font-1-2 ">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed A 16'inch 2K QHD display and a 14'inch touch screen dual display together campaigning to produce simulations of ultra-high contrast of deep blacks for true-to-life impressions and photorealistic visualizations. Industry-standard 100% sRGB Wide Color GamutDelta E &#10094; 1.5DC to ensure vibrantly enriched vivids.
diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmodorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed
</div> </div>
</div> </div>
</div> </div>
@@ -585,8 +582,8 @@
<!-- table end --> <!-- table end -->
<section class="trueLifeDisplay "> <section class="trueLifeDisplay ">
<div class="trueLifeDisplay_headingHD text-center pb-5"> <div class="trueLifeDisplay_headingHD text-center pb-5">
<h1 class="orbitron_font headingLife fw-700">2.5k QHD +</h1> <h1 class="orbitron_font headingLife fw-700">2k FHD</h1>
<h1 class="orbitron_font fw-700">Anwi Truelife Display</h1> <h1 class="orbitron_font fw-700 d-none">Anwi Truelife Display</h1>
</div> </div>
<div class="trueLifeDisplay_des"> <div class="trueLifeDisplay_des">
<p class="satoshi_font font_p_Dual">Witness never before like visuals on the "2.5K (QHD+) Mi TrueLife <p class="satoshi_font font_p_Dual">Witness never before like visuals on the "2.5K (QHD+) Mi TrueLife
@@ -605,9 +602,9 @@
<div class="bgControlpanel "> <div class="bgControlpanel ">
<div class="controlPanel_des"> <div class="controlPanel_des">
<h1 class="orbitron_font font_4 fw-700">Customize</h1> <h1 class="orbitron_font font_4 fw-700">Peripheral </h1>
<h1 class="orbitron_font font_4 fw-700">your workflow</h1> <h1 class="orbitron_font font_4 fw-700">Artwork</h1>
<h1 class="orbitron_font font_4 fw-700">with Control Panel</h1> <h1 class="orbitron_font font_4 fw-700">Studio</h1>
</div> </div>
<div class="bgControlpaneltabs w-100 px-5"> <div class="bgControlpaneltabs w-100 px-5">
<ul class="nav nav-tabs d-flex justify-content-between" id="myTab" role="tablist"> <ul class="nav nav-tabs d-flex justify-content-between" id="myTab" role="tablist">
@@ -722,7 +719,7 @@
</section> --> </section> -->
<!-- pro section end --> <!-- pro section end -->
<section class="proSection "> <section class="proSection d-none">
<div class="px-md-5 px-3 designedProLaptop_title"> <div class="px-md-5 px-3 designedProLaptop_title">
<h1 class="designedProLaptop_title_text orbitron_font d-none d-sm-block">Designed for <h1 class="designedProLaptop_title_text orbitron_font d-none d-sm-block">Designed for
</h1> </h1>
@@ -762,7 +759,7 @@
</section> </section>
<!-- popup keyboard --> <!-- popup keyboard -->
<section class="popupKeyboard vw-100"> <section class="popupKeyboard vw-100 d-none">
<div class="popupKeyboard_hParent p-6"> <div class="popupKeyboard_hParent p-6">
<div class="popupKeyboard_heading"> <div class="popupKeyboard_heading">
<h1 class="orbitron_font">Popup</h1> <h1 class="orbitron_font">Popup</h1>
@@ -777,7 +774,7 @@
</div> </div>
<img class="img-fluid" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard"> <img class="img-fluid w-100" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
</section> </section>
@@ -788,15 +785,14 @@
<section class="dragondisplay"> <section class="dragondisplay">
<div class="dragondisplay_des d-none d-md-block"> <div class="dragondisplay_des d-none d-md-block">
<p class="font_p_Dual satoshi_font"> <p class="font_p_Dual satoshi_font">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut Designed for Professional creators & illustrators to flex their creative muscles with spectacular style-frame settings with on-point Precision to develop any kind of artistic project. From high-end visuals to animation, Digital Sculpting to 3D modeling or illustration creations, the designer can swing through unwraps and textures very swiftly.
labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod
</p> </p>
<div class="font-1 fw-700">*as compared to a 14 inch FHD display</div> <div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>
</div> </div>
<img src="./../../assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100"> <img src="./../../assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
<div class="dragondisplay_heading d-flex justify-content-center text-white"> <div class="dragondisplay_heading d-flex justify-content-center text-white">
<h1 class="m-0 p-0 font_4 orbitron_font">Anwi Roxo Display</h1> <h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>
</div> </div>
</section> </section>
@@ -896,13 +892,15 @@
<section class="professinalGrade container pb-5"> <section class="professinalGrade container pb-5">
<div class="text-end"> <div class="text-end">
<h1 class="font-6 orbitron_font"> <h1 class="font-6 orbitron_font">
Professional-grade Blitz through every and any routine
</h1> </h1>
<h1 class="font-6 orbitron_font">graphics</h1> <h1 class="font-6 orbitron_font d-none">graphics</h1>
<p class="font_p_Dual satoshi_font ps-7 py-5"> <p class="font_p_Dual satoshi_font ps-7 py-5">
2x performance over 10th Gen Iris Plus graphics, redefining thin and light laptop graphics Trade blows A perfect companion for anyone who desires to elevate their computing experience with exceptional performance.
with NVidia MX350 / MX450 Play 100s of PC games The Anwi Xseries Laptop is a true powerhouse of performance, designed to efficiently handle even the most demanding tasks. Effortlessly multitask and experience smooth visuals thanks to the 16 GB of DDR4 memory and 1 TB of M.2 NVme storage. Equipped with the latest 11th Gen Intel® Core™ i7-10850H Processor and an impressive 120 Hz refresh rate, this laptop is tailored for power users, gamers, and professionals who demand the best.
</p> </p>
</div> </div>
<div class="vw-100 vh-100 position-relative professinalGradeImgContainer container"> <div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">
@@ -925,12 +923,12 @@
</div> --> </div> -->
<div class="stunningSound_heading text-start"> <div class="stunningSound_heading text-start">
<h1 class="orbitron_font d-none d-sm-block">Stuning</h1> <h1 class="orbitron_font d-none d-sm-block">Acoustics, Astounding!</h1>
<h1 class="orbitron_font d-none d-sm-block">Sound</h1> <!-- <h1 class="orbitron_font d-none d-sm-block">Sound</h1>
<h1 class="orbitron_font d-block d-sm-none">Stuning Sound</h1> <h1 class="orbitron_font d-block d-sm-none">Stuning Sound</h1> -->
</div> </div>
<div class="stunningSound_des font_p_Dual"> <div class="stunningSound_des font_p_Dual d-none">
<p class=" satoshi_font"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and light laptop <p class=" satoshi_font"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and light laptop
graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p> graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>
</div> </div>
@@ -942,26 +940,31 @@
</section> </section>
<!-- Stunning end --> <!-- Stunning end -->
<section class=" d-flex justify-content-center align-items-center font_p_Dual container satoshi_font">
<h3> Encompass Yourself In Pulsating Resonates
</h3>
</section>
<!-- wifi --> <!-- wifi -->
<section class="wifiSection"> <section class="wifiSection">
<div class="wifiSectionImg"> <div class="wifiSectionImg">
<img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid" alt=""> <img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
</div> </div>
<div class="container textWifiContainer px-5"> <div class="container textWifiContainer px-5">
<div class="textWifiContainerHeading"> <div class="textWifiContainerHeading">
<h1 class="orbitron_font d-none d-md-block"> <!-- <h1 class="orbitron_font d-none d-md-block">
Wifi 6 Wifi 6
</h1> </h1> -->
<h1 class="orbitron_font d-none d-md-block"> <h1 class="orbitron_font d-none d-md-block">
Wider; Newfangled
</h1> </h1>
<h1 class="orbitron_font d-none d-md-block"> Faster Internet</h1> <h1 class="orbitron_font d-none d-md-block "> Connectivity </h1>
<!-- <h1 class="orbitron_font d-block d-md-none">Wifi 6 Wider;</h1> <!-- <h1 class="orbitron_font d-block d-md-none">Wifi 6 Wider;</h1>
<h1 class="orbitron_font d-block d-md-none">Faster Internet</h1> --> <h1 class="orbitron_font d-block d-md-none">Faster Internet</h1> -->
</div> </div>
<div class="wifiSection_des d-flex align-items-end justify-content-end"> <div class="wifiSection_des d-flex align-items-end justify-content-end d-none">
<p class="font_p_Dual fw-600"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and <p class="font_p_Dual fw-600"> 2x performance over 10th Gen Iris Plus graphics, redefining thin and
light laptop graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p> light laptop graphics Trade blows with NVidia MX350 / MX450 Play 100s of PC games</p>
</div> </div>
@@ -980,19 +983,20 @@
<!-- Pro Connectivity --> <!-- Pro Connectivity -->
<section class="vw-100 vh-100 pt-5 d-none d-md-block"> <section class=" pt-5 proConnectivity">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<img src="./../../assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid"> <img src="./../../assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
</div> </div>
<div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6"> <div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">
<div> <div>
<h1 class="orbitron_font font-5">Pro Connectivity</h1> <h1 class="orbitron_font font-5 d-none">Pro Connectivity</h1>
</div> </div>
<div> <div>
<p class="font_p_Dual">Connect up to two external 4K displays or one 8K display or an eGPU via <p class="font_p_Dual satoshi_font">Engineered with WiFi 6 network protocol for improved connectivity and to benefit more from the advantage of frequency bands.
Thunderbolt 4. Experience blazing fast data transmission speedsand charging support on both </p>
Thunderbolt 4 and Type C ports. <p class="font_p_Dual satoshi_font">WiFi 6 is complemented by v5.3 Bluetooth technology.
</p> </p>
</div> </div>
</div> </div>
@@ -1002,7 +1006,7 @@
<!-- Pro Connectivity end --> <!-- Pro Connectivity end -->
<!-- interGen start --> <!-- interGen start -->
<section class="intelGen container d-none d-md-block"> <!-- <section class="intelGen container d-none d-md-block">
<div class="p-6"> <div class="p-6">
<h1 class="orbitron_font font_4 text-center"> <h1 class="orbitron_font font_4 text-center">
Intel 11th-generation Tigerlake Intel 11th-generation Tigerlake
@@ -1042,36 +1046,38 @@
</ul> </ul>
</div> </div>
</div> </div>
</section> </section> -->
<!-- interGen end --> <!-- interGen end -->
<!-- os+ software --> <!-- os+ software -->
<section class="osPlusSoftware container p-6 d-none d-md-block"> <section class="osPlusSoftware container p-6 ">
<div class="osContianer anwi_grey_bg d-flex flex-column align-items-center"> <div class="osContianerImg">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/ossoftware.png" alt="">
</div>
<div class="osContianer d-flex flex-column align-items-center">
<div class="osContianerHeading"> <div class="osContianerHeading">
<h1 class="orbitron_font font-7">OS+</h1> <h1 class="orbitron_font font-7">OS+</h1>
<h1 class="orbitron_font font-7">Software</h1> <h1 class="orbitron_font font-7">Software</h1>
</div> </div>
<div class="osContianer_des_fontParent d-flex flex-column align-items-center justify-content-center"> <div class="osContianer_des_fontParent d-flex flex-column align-items-center justify-content-center">
<div class="osContianer_des_font">Window 11 Home</div> <div class="osContianer_des_font fw-600 satoshi_font">Window 11 Home</div>
<div class="osContianer_des_font">Microsoft Office Home and Student Edition</div> <div class="osContianer_des_font fw-600 satoshi_font">Microsoft Office Home and Student Edition</div>
<div class="osContianer_des_font">Anwi Smart Share</div> <div class="osContianer_des_font fw-600 satoshi_font">Anwi Smart Share</div>
</div>
<div class="osContianerImg">
<img class="w-100 h-100" src="./../../assets/imgs/productoverview/osgroup.png" alt="">
</div> </div>
</div> </div>
</section> </section>
<!-- footer --> <!-- footer -->
<!-- footer --> <!-- footer -->
<!-- <section id="footer-head"></section> --> <section id="footer-head"></section>
<!-- end-footer --> <!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../../js/jquery.min.js"></script> <script src="../../js/jquery.min.js"></script>
<script src="../../js/navbar.js"></script> <script src="../../js/navbar.js"></script>
<script src="../../js/footer.js"></script> <script src="../../js/footer.js"></script>
<script src="./../../Js/laptopmuti.js"></script>
</body> </body>
styles/base/_base.scss
+1 -7
查看文件
@@ -1,10 +1,4 @@
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
// html { // html {
// font-size: 62.5%; // font-size: 62.5%;
styles/pages/_productOverview.scss
+15 -91
查看文件
@@ -1,3 +1,6 @@
.productOverviewBody{
overflow-x: hidden;
}
.productoverviewmain { .productoverviewmain {
background-image: url("../../dist/assets/imgs/productoverview/productbg.png"); background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
background-color: white; background-color: white;
@@ -23,10 +26,21 @@ $PO_footerText: 0.7rem;
border: 1px solid rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.18);
border: 2px solid; border: 2px solid;
position: absolute; position: fixed;
z-index: 999; z-index: 999;
bottom: 0; bottom: 0;
left: 0; left: 0;
.price_footerContainer{
// padding-left: 3rem;
// padding-right: 3rem;
}
}
@media (max-width:768px){
.footerDesText{
width: 100%;
}
} }
.boxImgContainer { .boxImgContainer {
@@ -386,65 +400,7 @@ $PO_footerText: 0.7rem;
background-position: center; background-position: center;
} }
.controlPanel {
margin-top: 10rem;
padding-bottom: 300px;
.controlPanel_des {
position: absolute;
top: -170px;
left: 80px;
}
.bgControlpanel {
min-height: 100vh;
background-color: #ececec;
border-radius: 157px;
position: relative;
.bgControlpaneltabs {
position: absolute;
top: 100px;
right: 0;
.nav-tabs {
border-bottom: 1px solid;
margin-bottom: 2rem;
}
.nav-item {
position: relative;
border: none;
}
.nav-tabs .nav-link {
position: relative;
color: black;
font-weight: 500;
}
.nav-tabs .nav-link.active {
border: none;
background-color: transparent;
}
.nav-tabs .nav-link.active::before {
display: block;
}
.nav-item .nav-link::before {
content: "";
position: absolute;
width: 100%;
height: 5px;
bottom: -2px;
right: 0;
display: none;
background-color: black;
}
}
}
}
@@ -504,38 +460,6 @@ $PO_footerText: 0.7rem;
} }
} }
.osPlusSoftware {
width: 100vw;
height: 140vh;
margin-top: 14rem;
.osContianer {
position: relative;
width: 100%;
height: 100%;
border-radius: 30%;
.osContianer_des_fontParent {
position: relative;
top: -8%;
}
.osContianer_des_font {
font-size: 2rem;
font-weight: 600;
}
.osContianerHeading {
position: relative;
top: -15%;
}
.osContianerImg {
position: absolute;
bottom: 0;
}
}
}
@media (max-width:1200px) { @media (max-width:1200px) {
styles/pages/productOverview/_wifisection.scss
+1 -1
查看文件
@@ -30,7 +30,7 @@
.textWifiContainerHeading { .textWifiContainerHeading {
>h1 { >h1 {
font-size: 8rem; font-size: 5rem;
} }
} }
} }
styles/style.scss
+3 -4
查看文件
@@ -16,6 +16,9 @@
@import "pages/productOverview/stunningsound"; @import "pages/productOverview/stunningsound";
@import "pages/productOverview/wifisection"; @import "pages/productOverview/wifisection";
@import "pages/productOverview/tablesection"; @import "pages/productOverview/tablesection";
@import "pages/productOverview/proConnectivity";
@import "pages/productOverview/osPlusSoftware";
@import "pages/productOverview/controlPanel";
@import "pages/home"; @import "pages/home";
@import "pages/shopping-cart"; @import "pages/shopping-cart";
@@ -106,11 +109,7 @@ ORDER: Base + typography > general layout + grid > page layout > components
} }
/* Satoshi end */
.satoshi_font {
font-family: "Satoshi", sans-serif;
}
html { html {
font-size: 100%; font-size: 100%;