diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4dc6caa --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +libs \ No newline at end of file diff --git a/dist/Js/allInOne.js b/dist/Js/allInOne.js new file mode 100644 index 0000000..1985ae0 --- /dev/null +++ b/dist/Js/allInOne.js @@ -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 + } + } +}) \ No newline at end of file diff --git a/dist/assets/imgs/allinone/allinonebg.png b/dist/assets/imgs/allinone/allinonebg.png new file mode 100644 index 0000000..b42c9d9 Binary files /dev/null and b/dist/assets/imgs/allinone/allinonebg.png differ diff --git a/dist/assets/imgs/allinone/cpus.png b/dist/assets/imgs/allinone/cpus.png new file mode 100644 index 0000000..749702a Binary files /dev/null and b/dist/assets/imgs/allinone/cpus.png differ diff --git a/dist/assets/imgs/allinone/info1.png b/dist/assets/imgs/allinone/info1.png new file mode 100644 index 0000000..5ff9b88 Binary files /dev/null and b/dist/assets/imgs/allinone/info1.png differ diff --git a/dist/assets/imgs/allinone/info2.png b/dist/assets/imgs/allinone/info2.png new file mode 100644 index 0000000..0af4ba9 Binary files /dev/null and b/dist/assets/imgs/allinone/info2.png differ diff --git a/dist/assets/imgs/allinone/info3.png b/dist/assets/imgs/allinone/info3.png new file mode 100644 index 0000000..1ad7df0 Binary files /dev/null and b/dist/assets/imgs/allinone/info3.png differ diff --git a/dist/assets/imgs/allinone/info4.png b/dist/assets/imgs/allinone/info4.png new file mode 100644 index 0000000..781a3e4 Binary files /dev/null and b/dist/assets/imgs/allinone/info4.png differ diff --git a/dist/assets/imgs/allinone/keyboardandmouse.png b/dist/assets/imgs/allinone/keyboardandmouse.png new file mode 100644 index 0000000..97fb92b Binary files /dev/null and b/dist/assets/imgs/allinone/keyboardandmouse.png differ diff --git a/dist/assets/imgs/allinone/leftclippath.png b/dist/assets/imgs/allinone/leftclippath.png new file mode 100644 index 0000000..145fea6 Binary files /dev/null and b/dist/assets/imgs/allinone/leftclippath.png differ diff --git a/dist/assets/imgs/allinone/ll.png b/dist/assets/imgs/allinone/ll.png new file mode 100644 index 0000000..d42d116 Binary files /dev/null and b/dist/assets/imgs/allinone/ll.png differ diff --git a/dist/assets/imgs/allinone/montier.png b/dist/assets/imgs/allinone/montier.png new file mode 100644 index 0000000..db9204b Binary files /dev/null and b/dist/assets/imgs/allinone/montier.png differ diff --git a/dist/assets/imgs/allinone/onesection.png b/dist/assets/imgs/allinone/onesection.png new file mode 100644 index 0000000..235922f Binary files /dev/null and b/dist/assets/imgs/allinone/onesection.png differ diff --git a/dist/assets/imgs/allinone/rams.png b/dist/assets/imgs/allinone/rams.png new file mode 100644 index 0000000..c484e07 Binary files /dev/null and b/dist/assets/imgs/allinone/rams.png differ diff --git a/dist/assets/imgs/allinone/rightclippath.png b/dist/assets/imgs/allinone/rightclippath.png new file mode 100644 index 0000000..87aa4f4 Binary files /dev/null and b/dist/assets/imgs/allinone/rightclippath.png differ diff --git a/dist/assets/imgs/allinone/rr.png b/dist/assets/imgs/allinone/rr.png new file mode 100644 index 0000000..b38d0c2 Binary files /dev/null and b/dist/assets/imgs/allinone/rr.png differ diff --git a/dist/assets/imgs/allinone/scroll.png b/dist/assets/imgs/allinone/scroll.png new file mode 100644 index 0000000..0b563be Binary files /dev/null and b/dist/assets/imgs/allinone/scroll.png differ diff --git a/dist/assets/imgs/allinone/sectiontwo.png b/dist/assets/imgs/allinone/sectiontwo.png new file mode 100644 index 0000000..787c3d6 Binary files /dev/null and b/dist/assets/imgs/allinone/sectiontwo.png differ diff --git a/dist/assets/imgs/laptop_display.png b/dist/assets/imgs/laptop_display.png index da729c2..0c5096a 100644 Binary files a/dist/assets/imgs/laptop_display.png and b/dist/assets/imgs/laptop_display.png differ diff --git a/dist/assets/imgs/productoverview/boudtwo.png b/dist/assets/imgs/productoverview/boudtwo.png deleted file mode 100644 index 04303e8..0000000 Binary files a/dist/assets/imgs/productoverview/boudtwo.png and /dev/null differ diff --git a/dist/assets/imgs/productoverview/cpu.png b/dist/assets/imgs/productoverview/cpu.png new file mode 100644 index 0000000..32961d6 Binary files /dev/null and b/dist/assets/imgs/productoverview/cpu.png differ diff --git a/dist/assets/imgs/productoverview/designedPro.png b/dist/assets/imgs/productoverview/designedPro.png deleted file mode 100644 index 88596e2..0000000 Binary files a/dist/assets/imgs/productoverview/designedPro.png and /dev/null differ diff --git a/dist/assets/imgs/productoverview/dragonbg.png b/dist/assets/imgs/productoverview/dragonbg.png new file mode 100644 index 0000000..24b5321 Binary files /dev/null and b/dist/assets/imgs/productoverview/dragonbg.png differ diff --git a/dist/assets/imgs/productoverview/gridfutureproof.png b/dist/assets/imgs/productoverview/gridfutureproof.png new file mode 100644 index 0000000..f97bd91 Binary files /dev/null and b/dist/assets/imgs/productoverview/gridfutureproof.png differ diff --git a/dist/assets/imgs/productoverview/gridlap.png b/dist/assets/imgs/productoverview/gridlap.png new file mode 100644 index 0000000..b034949 Binary files /dev/null and b/dist/assets/imgs/productoverview/gridlap.png differ diff --git a/dist/assets/imgs/productoverview/gridtruelifediaplay.png b/dist/assets/imgs/productoverview/gridtruelifediaplay.png new file mode 100644 index 0000000..a3227a2 Binary files /dev/null and b/dist/assets/imgs/productoverview/gridtruelifediaplay.png differ diff --git a/dist/assets/imgs/productoverview/laptopdual.png b/dist/assets/imgs/productoverview/laptopdual.png deleted file mode 100644 index 33cc769..0000000 Binary files a/dist/assets/imgs/productoverview/laptopdual.png and /dev/null differ diff --git a/dist/assets/imgs/productoverview/laptoptable.png b/dist/assets/imgs/productoverview/laptoptable.png deleted file mode 100644 index a967449..0000000 Binary files a/dist/assets/imgs/productoverview/laptoptable.png and /dev/null differ diff --git a/dist/assets/imgs/productoverview/leftlap.png b/dist/assets/imgs/productoverview/leftlap.png new file mode 100644 index 0000000..ef8871e Binary files /dev/null and b/dist/assets/imgs/productoverview/leftlap.png differ diff --git a/dist/assets/imgs/productoverview/lens.png b/dist/assets/imgs/productoverview/lens.png new file mode 100644 index 0000000..320973c Binary files /dev/null and b/dist/assets/imgs/productoverview/lens.png differ diff --git a/dist/assets/imgs/productoverview/osgroup.png b/dist/assets/imgs/productoverview/osgroup.png new file mode 100644 index 0000000..e24e077 Binary files /dev/null and b/dist/assets/imgs/productoverview/osgroup.png differ diff --git a/dist/assets/imgs/productoverview/popkey.png b/dist/assets/imgs/productoverview/popkey.png new file mode 100644 index 0000000..bd98192 Binary files /dev/null and b/dist/assets/imgs/productoverview/popkey.png differ diff --git a/dist/assets/imgs/productoverview/ports.png b/dist/assets/imgs/productoverview/ports.png new file mode 100644 index 0000000..c2ba126 Binary files /dev/null and b/dist/assets/imgs/productoverview/ports.png differ diff --git a/dist/assets/imgs/productoverview/productbg.png b/dist/assets/imgs/productoverview/productbg.png index 3bc328a..21d6e99 100644 Binary files a/dist/assets/imgs/productoverview/productbg.png and b/dist/assets/imgs/productoverview/productbg.png differ diff --git a/dist/assets/imgs/productoverview/progreen.png b/dist/assets/imgs/productoverview/progreen.png new file mode 100644 index 0000000..3f15d9c Binary files /dev/null and b/dist/assets/imgs/productoverview/progreen.png differ diff --git a/dist/assets/imgs/productoverview/promask.png b/dist/assets/imgs/productoverview/promask.png new file mode 100644 index 0000000..1125e77 Binary files /dev/null and b/dist/assets/imgs/productoverview/promask.png differ diff --git a/dist/assets/imgs/productoverview/rightlap.png b/dist/assets/imgs/productoverview/rightlap.png new file mode 100644 index 0000000..839f825 Binary files /dev/null and b/dist/assets/imgs/productoverview/rightlap.png differ diff --git a/dist/assets/imgs/productoverview/stunningSound.png b/dist/assets/imgs/productoverview/stunningSound.png new file mode 100644 index 0000000..14dfdd6 Binary files /dev/null and b/dist/assets/imgs/productoverview/stunningSound.png differ diff --git a/dist/assets/imgs/productoverview/ufolaptop.png b/dist/assets/imgs/productoverview/ufolaptop.png new file mode 100644 index 0000000..06776d6 Binary files /dev/null and b/dist/assets/imgs/productoverview/ufolaptop.png differ diff --git a/dist/assets/imgs/productoverview/wifilap.png b/dist/assets/imgs/productoverview/wifilap.png new file mode 100644 index 0000000..ead29ac Binary files /dev/null and b/dist/assets/imgs/productoverview/wifilap.png differ diff --git a/dist/assets/imgs/productoverview/windows.svg b/dist/assets/imgs/productoverview/windows.svg new file mode 100644 index 0000000..6bf4e62 --- /dev/null +++ b/dist/assets/imgs/productoverview/windows.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/assets/imgs/sectiontest.png b/dist/assets/imgs/sectiontest.png new file mode 100644 index 0000000..098756f Binary files /dev/null and b/dist/assets/imgs/sectiontest.png differ diff --git a/dist/html/pages/allinone.html b/dist/html/pages/allinone.html new file mode 100644 index 0000000..7262dad --- /dev/null +++ b/dist/html/pages/allinone.html @@ -0,0 +1,538 @@ + + + + + + + + + + + + + + project + + + + +
+ + + + + +
+

All-in-One

+
AIO24 -1700N
+
+ +
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
AIO24 - 1700N
+
+

Laptops

+
+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+ + + +
+ +
+
+
+
+
AIO24 - 1700N
+
+

Laptops

+
+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+
+
AIO24 - 1700N
+
+

Laptops

+
+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+
+ +
+ +
+ +
+ +
+
+
+
AIO24 - 1700N
+
+

Laptops

+
+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+ +
+
+ +
+ +
+ +
+ + +
+
+ + + + + +
+
+
+
+ +
+
+ +
+ + +
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+
+ +
+
+ +
+ + +
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+
+
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+

Peripherals

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+ + + + + +
+
+
+
+ +
+
+ +
+ + +
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+
+ +
+
+ +
+ +
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+
+
+
+

Moniters

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+

Peripherals

+
+
+
+ Extraordinary Performance + +
+
and Unparalleled Flexibility
+
+
+ Learn More +
+
+
+
+ + + + +
+
+
+ +
+

Announcements

+

and Events

+
+
+
+ + +
+

Solution Focus

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

Restless

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

Out of world

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

Insights / Advance

+
+
+
    +
  • Server
    • +
  • servers
    • +
  • servers
    • +
  • servers
    • +
  • servers
    • +
+
+ +
+
+
+
+ +
+ + + + + +
+
+
+
+
+ +
+ + + + + +
+
+
+ +
+
+ +
+ + + + + +
+
+
+ +
+
+ +
+ + + + + +
+
+
+
+
+ +
+ + + + + +
+
+
+ +
+
+ +
+ + + +
+

Support / Download

+
+
+
+
+
+
+
+ Product Registration +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. +
+
+
+
+
+
+
+
+
+ Product Warranty +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. +
+
+
+
+
+
+
+
+
+ Customer / Support +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitamet. +
+
+
+ + +
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/html/pages/laptopmulti.html b/dist/html/pages/laptopmulti.html index 161eefa..ed077de 100644 --- a/dist/html/pages/laptopmulti.html +++ b/dist/html/pages/laptopmulti.html @@ -19,11 +19,11 @@ - +
-

Anwi XCreate

+

Anwi XCreate

2.5K Resolution | 120 Hz Refresh Rate
- +
-
+
@@ -65,12 +65,12 @@
- + -
+
Overview
-
The Laptop of tomorrow with +
The Laptop of tomorrow with 4K OLED Dual Screen for Creative Multitasking
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor @@ -78,40 +78,40 @@ amet, consetetur sadipscing elitr, sed diam nonumy eirmod
- +
-
- +
+
photo
- +
photo
- +
photo
- +
photo
- +
photo
- +
photo
@@ -120,19 +120,21 @@
- - + +
-
+
-
-
-
-
+
+
+
+
+ + width="100" height="100" viewBox="0 0 169 169"> - + +
-
- Latest 11th Gen Intel Core i5/i7 H35 +
+ +
+ Latest 11th +
+
Gen Intel Core +
+
i5/i7 H35
- +
-
-
- 2 +
+
+
+
+
+ Lightning Fast + + +
+
TB4 + Type C
+
Future-proof
+
+
+ +
+
- +
-
-
-
4
- +
+
+
+
+
+ + + + + + + + + + + + +
+
+
+ 8/16 GB +
+
+ 3500MHz +
+
+ RAM +
+
+
+
+
-
-
5
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Wi-Fi 6 +
+
+ Fast +
+
+ Internet +
+
+
+
+
- +
- +
-
-
- 1 +
+
+ +
+
Thin and Light
+
17.3mm and 1.4 kg
+
+ + +
+ +
+
- +
-
-
- 2 +
+
+ +
+
+ + + + + + + + + + +
+
+
+ 11-Hour Battery + +
+
+ with 65W + +
+
+ Type-C charger +
+
+
+
- +
-
-
- 2 +
+
+
+
+
2.5K QHD +
+
Anwi Truelife
+
Display
+
35.56cm (14)
+
+
+ +
+
- +
-
-
- 2 +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Windows 10 +
+
- +
-
-
+
+
+
+ + + + + +
Fingerprint
+
Reader
+
with Power
+
button
+
for security
+
+
+
+
+
2
-
-
+
+
2
-
-
- 2 -
-
-
-
+
+
2
- +
- +
- + +
@@ -267,18 +482,39 @@
-
- -
-
-
-
-

Experience Ultimate

-

productivity

+ +
+ +
+
+
-
+
+
+
+

Experience Ultimate

+

productivity

+
+
+ Cooperation with leading component suppliers and compatibility testing ensure a wide range of product + availability Experience + ultimate productivityExperience ultimate productivity + Cooperation with leading component suppliers and compatibility testing ensure a wide range of product + availability Experience + ultimate productivityExperience ultimate productivity +
+
+ +
+
+
+
+

Experience Ultimate

+

productivity

+
+
Cooperation with leading component suppliers and compatibility testing ensure a wide range of product availability Experience ultimate productivityExperience ultimate productivity @@ -287,18 +523,11 @@ ultimate productivityExperience ultimate productivity
-
-
- -
-
-
-
- -
-
-
+ + + + + +
+
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed + 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 +
+
+
+ +
+

Two Screens.

+

Zero BOUNDARIES.

+
+
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed + 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 +
+
+
+
-
+ + +

2.5k QHD +

Anwi Truelife Display

-

Witness never before like visuals on the "2.5K (QHD+) Mi TrueLife Display that has twice as many pixels as a Full-HD display. Higher contrast ratio combined with up to 300 Nits of brightness ensures vivid colours +

Witness never before like visuals on the "2.5K (QHD+) Mi TrueLife + Display that has twice as many pixels as a Full-HD display. Higher contrast ratio combined with up to + 300 Nits of brightness ensures vivid colours and excellent viewing angles.

@@ -335,85 +599,471 @@
-
-
- -
-
-

Customize

-

your workflow

-

with Control Panel

-
-
-
    - - - - - - - -
-
+ +
+
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, deleniti!
+
+
+

Customize

+

your workflow

+

with Control Panel

+
+
+
    + + + -
    - + + + +
+
+ +
+ +
ProgrammerTab
+ +
+ +
+ +
+ Music_Artist
+ + + +
game +
- -
Music_Artist
- -
3d
- -
game
-
+
-
-
-
+ + + + + + +
+
+

Designed for +

+

a Pro

+ +

Designed for a Pro

+
+
+
+ +
+
+
    +
  • + 17.3 mm Thin + +
    • +
  • + 1.46 kg Light + +
    • +
  • + 0.3 mm Depeth + +
    • +
  • +
    Superior quality
    +
    + hinge tested for up +
    +
    to 30,000 operations
    +
    • +
+
+
+
+ +
+
+
+

Popup

+

Keyboard

+
+
+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, +
sed diam nonumy eirmod tempor invidunt ut +

+
+
+ + + popupkeyboard + + +
+ + + + +
+
+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed 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 eirmod +

+
*as compared to a 14 inch FHD display
+
+ +
+

Anwi Roxo Display

+
+ +
+ + + +
+
+
+
+
+ lens +
+
+

Ergonomic

+
+
ScreenPad™ Plus
+
+
+
+
+
+ lens +
+
+

OLED HDR

+
+
Vivid colors
+
+
+
+
+
+ lens +
+
+

100%

+
+
DCI-P3 color gamut
+
+
+
+
+
+ lens +
+
+

OLED HDR

+
+
Vivid colors
+
+
+ +
+
+
+ lens +
+
+

+ Delta-E 2

+
+
+ color accuracy +
+
+
+
+
+
+ lens +
+
+

3840X2160

+
+
4K UHD main display
+
+
+ +
+
+ + + +
+
+ + + + +
+
+

+ Professional-grade + +

+

graphics

+

+ 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 +

+
+
+ +
+
+ + + + +
+ + +
+

Stuning

+

Sound

+

Stuning Sound

+
+ +
+

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

+
+ +
+ +
+ +
+ + + +
+
+ +
+
+
+

+ Wifi 6 + +

+

+ Wider; + +

+

Faster Internet

+ +
+
+

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

+
+
+
+

Wifi 6 Wider;

+

Faster Internet

+
+

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

+
+
+
+ + + + + +
+
+
+ ports +
+
+
+

Pro Connectivity

+
+
+

Connect up to two external 4K displays or one 8K display or an eGPU via + Thunderbolt 4. Experience blazing fast data transmission speedsand charging support on both + Thunderbolt 4 and Type C ports. +

+
+
+
+
+ + + + +
+
+

+ Intel 11th-generation Tigerlake + +

+

+ H35 - Enabling powerful + +

+

+ performance on Thin + +

+

+ and Light laptops +

+
+
+
+
    +
  • +
    10nm process
    +
    Multi-task
    +
    with 4 cores 8 threads
    +
    • +
  • +
    10nm process
    +
    Multi-task
    +
    with 4 cores 8 threads
    +
    • +
  • +
    10nm process
    +
    Multi-task
    +
    with 4 cores 8 threads
    +
    • + +
+
+
+
+ + + +
+
+
+

OS+

+

Software

+
+
+
Window 11 Home
+
Microsoft Office Home and Student Edition
+
Anwi Smart Share
+
+
+ +
+
+
+ + diff --git a/styles/abstracts/_mixins.scss b/styles/abstracts/_mixins.scss index 5cd31c5..a02ef18 100644 --- a/styles/abstracts/_mixins.scss +++ b/styles/abstracts/_mixins.scss @@ -27,15 +27,17 @@ ORDER: Base + typography > general layout + grid > page layout > components */ @mixin respond($breakpoint) { @if $breakpoint == phone { - @media only screen and (max-width: 37.5em) { @content }; //600px + @media only screen and (max-width: 600px) { @content }; //600px } @if $breakpoint == tab-port { - @media only screen and (max-width: 56.25em) { @content }; //900px + @media only screen and (max-width: 900px) { @content }; //900px } @if $breakpoint == tab-land { - @media only screen and (max-width: 75em) { @content }; //1200px + @media only screen and (max-width: 1200px) { @content }; //1200px } @if $breakpoint == big-desktop { - @media only screen and (min-width: 112.5em) { @content }; //1800 + @media only screen and (min-width: 1800) { @content }; //1800 } } + + diff --git a/styles/base/_utilities.scss b/styles/base/_utilities.scss index 0371cc5..04a8b55 100644 --- a/styles/base/_utilities.scss +++ b/styles/base/_utilities.scss @@ -1,181 +1,273 @@ // colors .bg-green { - background-color: #3bb78f; - background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%); + background-color: #3bb78f; + background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%); } -.text-green-Awni { - color: #0A886A; +.text-green-Awni{ + color: #0A886A; } -.orbitron_font { - font-family: 'Orbitron', sans-serif; +.anwi_grey_bg{ + background-color: #ECECEC; +} + +.orbitron_font{ + font-family: 'Orbitron', sans-serif; +} + +.satoshi_font{ + font-family: "Satoshi", sans-serif; } // font size +.font-1{ + font-size: 1rem; +} .font-3 { - font-size: 3rem; + font-size: 3rem; } +.font-1-2{ + font-size: 1.2rem; +} + +.font-1-5{ + font-size: 1.5rem; +} .font-1_5 { - font-size: 2rem; + font-size: 2rem; } -.font-1_7 { - font-size: 1.7rem; +.font-1_7{ + font-size: 1.7rem; } -.font-2 { - font-size: 2.2rem; + +.font-2{ + font-size: 2rem; } -.font-2_2 { - font-size: 2.2rem; +.font-2_2{ + font-size: 2.2rem; } -.font-2_7 { - font-size: 2.7rem; +.font-2_7{ + font-size: 2.7rem; } -.font_4 { - font-size: 4rem; + +.font_4{ + font-size: 4rem; } +.font-5{ + font-size: 5rem; +} + +.font-6{ + font-size: 6rem; +} + +.font-7{ + font-size: 7rem; +} + +.font-10{ + font-size: 10rem; +} + + .subtitle_1 { - font-size: 1.5rem; + font-size: 1.5rem; } -.gap-1 { - gap: 0.7rem; -} + .banner_heading_4 { - font-size: 3rem; + font-size: 3rem; } + // padding + .padding_top_14 { - padding-top: 14rem; + padding-top: 14rem; } -.p-6 { - padding: 5rem; +.p-6{ + padding:5rem; +} + +.ps-7{ + padding-left: 6rem; +} + +.px-6{ + padding-left: 6rem; + padding-right: 6rem; +} + +.p-7{ + padding: 7rem; } .padding_top_10 { - padding-top: 10rem; -} + padding-top: 10rem; } + // heights -.h-10 { - height: 10%; + +.h-10{ + height: 10%; } -.h-15 { - height: 15%; +.h-15{ + height: 15%; } -.h-20 { - height: 20%; +.h-20{ + height: 20%; } -.h-30 { - height: 30%; +.h-30{ + height: 30%; } -.h-33 { - height: 33%; +.h-33{ + height: 33%; +} +.h-34{ + height: 34%; +} +.h-35{ + height: 35%; } -.h-34 { - height: 34%; +.h-40{ + height: 40%; } -.h-35 { - height: 35%; +.vh_60{ + height: 60vh; } -.h-40 { - height: 40%; +.vh-70{ + height: 70vh; } -.vh_60 { - height: 60vh; -} - -.vh-70 { - height: 70vh; -} - -.vh-77 { - height: 77vh; +.vh-77{ + height: 77vh; } .vh-85 { - height: 85vh; + height: 85vh; } .vh-15 { - height: 15vh; + height: 15vh; } -.h-700p { - height: 700px; +.h-700p{ + height: 700px; +} + +.h-25{ + height: 25%; +} + +.h-60{ + height: 60%; +} + +.h-75{ + height: 75%; +} + +.w-60{ + width: 60%; +} + + +.w-20p{ + width: 20px; +} + +// font weight + + +.fw-500{ + font-weight: 500; +} + +.fw-600{ + font-weight: 600; +} + + + .fw-700 { + font-weight: 700; } + + +.h-200p{ + height: 200px; } // margin .mt-7 { - margin-top: 7rem; + margin-top: 7rem; } -// font weight -.fw-600 { - font-weight: 600; -} - -.fw-700 { - font-weight: 700; -} - -.h-200p { - height: 200px; -} // spacing .sec-space-1 { - margin-top: 80px; + margin-top: 80px; } .sec-space-2 { - margin-top: 60px; + margin-top: 60px; } .sec-space-3 { - margin-top: 40px; + margin-top: 40px; } .sec-space-4 { - margin-top: 20px; + margin-top: 20px; } .sec-space-5 { - margin-top: 0px; + margin-top: 0px; } .h-100p { - height: 100px; + height: 100px; } + + // gap + .gap-1 { - gap: 0.7rem; + gap: 0.7rem; } -.gap-2 { - gap: 2rem +.gap-2{ + gap:2rem } // border-radius -.br-1 { - border-radius: 1rem; + +.br-1{ + border-radius: 1rem; +} + +.cursor-pointer{ + cursor: pointer; +} + + +// margin +.mt-5C{ + margin-top: 5rem; } \ No newline at end of file diff --git a/styles/pages/_allInOne.scss b/styles/pages/_allInOne.scss new file mode 100644 index 0000000..bbcd56a --- /dev/null +++ b/styles/pages/_allInOne.scss @@ -0,0 +1,382 @@ + +.clipPathSectionCol{ + + + position: relative; + + .innerClipPathImg{ + position: absolute; + top: 12%; + left: 9%; + width: 81%; + } + + .innerClipPathImgFirstThree{ + position: absolute; + top: 12%; + left:5%; + width: 81%; + } + + .innerClipPathImgFirstFour{ + position: absolute; + top: 12%; + left:5%; + width: 81%; + >img{ + transform: scale(0.7); + } + } + + .innerClipPathImgSectionTwo{ + position: absolute; + + top: 50%; + left: 28%; + transform: translateY(-50%); + width: 81%; + } + + .innerClipPathImgSectionThree{ + position: absolute; + + top: 50%; + left:17%; + transform: translateY(-50%); + width: 81%; + + } + .innerClipPathImgSectionFour{ + position: absolute; + + top: 50%; + left: 17%; + transform: translateY(-50%); + width: 81%; + // >img{ + // transform: scale(0.7); + // } + + } + + +} +.allinoneLanding{ + background-image: url("./../../dist/assets/imgs/allinone/allinonebg.png"); + background-color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + + position: relative; + + width: 100vw; + height: 100vh; + #navbar-head *{ + color: white; + } + + .headingAllinOne{ + position: absolute; + bottom: 10%; + left: 0; + } +} + +.sectionTwoImgAllInone{ + transform: scale(1.4); +} + +.allinoneDualMarginTop{ + margin-top: 200px; +} + +.sectionfiveAllinOne{ + .infoContainer{ + position: relative; + .infoContainerOneText{ + position: absolute; + top: 20%; + + left: 50%; + transform: translateX(-50%); + >h1{ + font-size: 1.7rem; + } + } + // width: 100%; + // max-height: 500px; + } +} + +.infoContainerYellow{ + background-color: #FFB518; + +} +.infoContainerOrange{ + background-color: #E05E00; + color: white; +} +.infoContainerBlue{ + background-color: #461DCF; + color: white; +} + +.infoContainer_des{ + font-size: 0.8rem; +} + +.supportBoxCircle{ + width: 100px; + height: 100px; + background-color: black; + border-radius: 50%; +} + +// carouselLanding + +.carouselLanding{ + overflow-x: auto; + display: flex; + gap: 50px; + margin-bottom:4rem; + .carouselLandingItem{ + width: 300px; + >div{ + border-radius: 25px; + overflow: hidden; + } + + .carouselLandingItemInner{ + position: relative; + .carouselLandingItemInnerOverlay{ + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.453); + } + } + } +} + +@media (max-width:1300px) { + .laptopsSection .headinglaptop{ + font-size: 5rem; + } + + .headinglaptopSub{ + font-size: 1.2rem; + } +} + + +@media (max-width:1000px) { + .laptopsSection .headinglaptop{ + font-size: 3rem; + } + + .headinglaptopSub{ + font-size: 1.2rem; + } + + // allinoneDual + + .allinoneDualMarginTop { + .allinoneDualMarginTop_desContainer { + padding: 2rem; + h1{ + font-size: 2rem; + } + + .allinoneDualMarginTop_p{ + font-size: 1rem; + } + } + } + + .allinoneDualMarginTop{ + margin-top: 100px; + } + } + + @media (tab-port) { + .laptopsSection .headinglaptop{ + font-size: 2rem; + } + + + + .headinglaptopSub{ + font-size: 1rem; + } + } + +@include respond(phone) { + .headingAllinOne > h1{ + font-size: 2rem; + } +} + +@media (max-width:600px) { + .supTitleSection{ + text-align: center; + font-size: 1rem; + } + + .allinoneDualMarginTop .clipPathSectionCol{ + padding-right: 0 !important; + } + .headingAllinOne{ + padding-left: 2rem !important; + padding-right: 2rem !important; + > h1{ + font-size: 2rem; + + } + } + + .laptopSectionDesP{ + padding: 1rem; + width: 100%; + align-items: center; + } + + + + .allinoneDualMarginTop { + .clipPathSectionCol{ + padding-left: 0 !important; + } + } + + + .clipPathSectionCol{ + //padding-left: 1rem !important; + .allinoneDualMarginTop_pContainer{ + padding: 2rem; + align-items: center; + } + .innerClipPathImgSectionThree{ + top: 30%; + } + + .innerClipPathImgSectionFour{ + top: 30%; + } + + + + } + + .supportBoxParent{ + padding: 2rem; + gap: 1.5rem; + } + + .allinoneDualMarginTop_p{ + text-align: center; + font-size: 1rem; + } + + .insightsAdvHeading{ + margin-top: 2rem; + } + .insightsAdv{ + width: 100vw; + padding: 1rem; + >ul{ + overflow-x: auto; + } + } + + .carouselLanding{ + overflow-x: auto; + display: block; + gap:0; + margin-bottom:1rem; + .carouselLandingItem{ + width: 100%; + >div{ + border-radius: 25px; + overflow: hidden; + } + + .carouselLandingItemInner{ + position: relative; + .carouselLandingItemInnerOverlay{ + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.453); + } + } + } + + .mt-5C{ + margin-top: 0; + } + } + + + + + } + + + @media (max-width:320px) { + + + .laptopsSection { + .headinglaptopSub{ + text-align: center; + font-size: 1rem; + + } + + .laptopSectionDesP { + gap: 2rem !important; + } + } + + + .allinoneDualMarginTop { + .allinoneDualMarginTop_p{ + text-align: center; + font-size: 1rem; + } + + .allinoneDualMarginTop_pContainer { + width: 100%; + } + + .clipPathSectionCol{ + padding-left: 0 !important; + padding-right: 0 !important; + } + } + + .clipPathSectionCol { + + .innerClipPathImgSectionThree{ + top: 22%; + } + + .innerClipPathImgSectionFour{ + top: 22%; + } + .innerClipPathImgFirstFour{ + top: 0; + } + } + + .allinoneDualMarginTop { + margin-top: 100px; + .innerClipPathImgFirstThree{ + top:0; + } + } + } \ No newline at end of file diff --git a/styles/pages/_productOverview.scss b/styles/pages/_productOverview.scss index 90c2125..38b42a2 100644 --- a/styles/pages/_productOverview.scss +++ b/styles/pages/_productOverview.scss @@ -65,88 +65,214 @@ $PO_footerText: 0.7rem; background: white; background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%); position: relative; + overflow: hidden; } + .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { position: absolute; top: 50%; left: 50%; - transform: translate(-50%, -50%); + transform: translate(-50%, -46%); +} + +.PO_gallery_box { + padding: 1rem; } .PO_galleryContainer .PO_gallery_box_inner { - padding: 2rem; + padding: 1rem; background-color: #eeeeee; } +.mobileAw{ + display: none; +} + .productoverBox { + height: 900px; + + .productoverBox-1 { + height: 225px; + } + + .productoverBox-2 { + height: 225px; + + .futureProof { + position: relative; + } + + .futureProofImg { + position: absolute; + top: 0; + right: 0; + width: 50%; + } + } + + .productoverBox-3 { + height: 225px; + } + + .productoverBox-4 { + height: 225px; + } + + .productoverBox-5 { + height: 200px; + overflow: hidden; + + .box_innerImg { + position: absolute; + right: 8%; + top: 0; + + height: 100%; + + img { + scale: 1.2; + } + } + } + + .productoverBox-6 { + height: 150px; + } + + .productoverBox-7 { + height: 225px; + position: relative; + + .gridTruelifeImg { + position: absolute; + width: 85%; + bottom: 0; + left: 0; + } + } + + .productoverBox-8 { + height: 60px; + } + + .productoverBox-9 { + height: 230px; + } + + .productoverBox-10 { + height: 150px; + } + + .productoverBox-11 { + height: 180px; + } + + .productoverBox-12 { + height: 75px; + } + .PO_box { // background-color: red; height: 100%; - > div { + + >div { padding: 1rem 0rem; } + .box_inner { - height: 100%; + // height: 100%; + position: relative; } .bgBox_Content { background: rgb(236, 236, 236); - background: linear-gradient( - 90deg, - rgba(236, 236, 236, 1) 4%, - rgba(118, 118, 118, 1) 100% - ); + background: linear-gradient(90deg, + rgba(236, 236, 236, 1) 4%, + rgba(118, 118, 118, 1) 100%); } + .box_inner_right { padding-left: 1rem; } + .box_inner_left { padding-right: 1rem; } } } +// specsgrid + +.specsgrid { + display: grid; + height: 100vh; + gap: 20px; + grid-template-columns: repeat(8, minmax(5%, 1fr)); + grid-template-rows: repeat(12, minmax(5%, 1fr)); + + .specsItem { + background-color: red; + } + + .specsItem-1 { + grid-column: 1/4; + grid-row: 1/4; + } + + .specsItem-2 { + grid-column: 1/4; + grid-row: 1/4; + } +} + +// specsgrid end + .displayscreenpad { .displayscreenpadContainer { text-align: center; } + .displayscreenpadHeading { font-size: 8rem; } .displayscreenpadMain { - top: -108px; + // top: -108px; + margin-top: -8%; } + .displayscreenpadleft { - > img { + >img { left: -8%; } } .displayscreenpadright { - > img { + >img { right: -10%; } } } -.dual_des_heading{ +.dual_des_heading { font-size: 3rem; } +.dualLaptop { -.dualLaptop{ width: 100vw; - height: 1000px; - top:-100px; + // height: 1300px; + top: -100px; + margin-top: 100px; margin-bottom: -100px; position: relative; - - .zeroBMain_desP{ + // overflow-x: hidden; + .zeroBMain_desP { font-size: 1.2rem; } - .zeroBMain_des{ + + .zeroBMain_des { position: absolute; top: 0; right: 0; @@ -154,52 +280,51 @@ $PO_footerText: 0.7rem; padding-right: 9rem; } - .dualImgs{ + .dualImgs { position: absolute; - - .dualImgsInner{ - width: 63%; + .dualImgsInner { + width: 50rem; } } - - - .dualImgsOne{ - top:0; - left: -10%; + .dualImgsOne { + top: 0; + left: -10rem; transform: rotate(343deg); width: 68%; } - - .dualImgsTwo{ + + .dualImgsTwo { // top:0; // right: -80%; // transform: rotate(330deg); - top: 31%; - right: -68%; + top: 14rem; + right: -62%; transform: rotate(339deg); - .dualImgsInner{ + .dualImgsInner { width: 82%; } } } -.tableLaptop{ +.tableLaptop { margin-top: 300px; // border: 1px solid; height: 90vh; width: 100vw; position: relative; - .circleTableLaptop_Heading{ + + .circleTableLaptop_Heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -311%); } - .justTableLaptop{ + + .justTableLaptop { position: absolute; width: 86%; top: -10px; @@ -207,104 +332,108 @@ $PO_footerText: 0.7rem; z-index: 1; } - .circleTableLaptop{ - background-color: #ECECEC; + .circleTableLaptop { + background-color: #ececec; height: 70rem; width: 70rem; border-radius: 50%; position: relative; overflow: hidden; - - .circleTableLaptopTop{ - - bottom: -3%; - width: 80%; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, 2%); - + .circleTableLaptopTop { + bottom: -3%; + width: 80%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 2%); } } - .circleTableLaptop_text{ + .circleTableLaptop_text { position: absolute; top: 50%; left: 50%; - transform: translate(-50%, 168%); - + transform: translate(-50%, 106%); } margin-bottom: 300px; } -.trueLifeDisplay{ - .trueLifeDisplay_headingHD{ - >.headingLife{ - font-size: 6rem; +.trueLifeDisplay { + .trueLifeDisplay_headingHD { + >.headingLife { + font-size: 6rem; + } } - } - .trueLifeDisplay_des{ - padding: 0 10rem; - - } + .trueLifeDisplay_des { + padding: 0 10rem; + } } -.font_p_Dual{ +.font_p_Dual { font-size: 1.2rem; } -.controlPanel{ - +.tableLaptopTwo{ + width: 100vw; + height: 100vh; + background-image: url("../../dist/assets/imgs/sectiontest.png"); + background-color: white; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} + +.controlPanel { margin-top: 10rem; - padding-bottom: 550px; - .controlPanel_des{ + padding-bottom: 300px; + + .controlPanel_des { position: absolute; top: -170px; left: 80px; - } - .bgControlpanel{ + + .bgControlpanel { min-height: 100vh; - background-color: #ECECEC; + background-color: #ececec; border-radius: 157px; position: relative; - .bgControlpaneltabs{ - + .bgControlpaneltabs { position: absolute; top: 100px; right: 0; - .nav-tabs{ + .nav-tabs { border-bottom: 1px solid; margin-bottom: 2rem; } - .nav-item{ + + .nav-item { position: relative; border: none; } - - + .nav-tabs .nav-link { - position: relative; - color: black; - font-weight: 500; + position: relative; + color: black; + font-weight: 500; } - - .nav-tabs .nav-link.active{ + + .nav-tabs .nav-link.active { border: none; background-color: transparent; } - + .nav-tabs .nav-link.active::before { display: block; } - - .nav-item .nav-link::before{ - content: ''; + + .nav-item .nav-link::before { + content: ""; position: absolute; width: 100%; height: 5px; @@ -315,26 +444,431 @@ $PO_footerText: 0.7rem; } } } - - } -.designedProLaptop{ - position: relative; - .designedProLaptop_title{ - position: absolute; - top: -200px; - left: 0; - z-index: 1; - - } - .designedProLaptop_title_text{ - font-size: 10rem; - } - .designedProLaptop_img{ + + +.dragondisplay { + position: relative; + background: rgb(255, 255, 255); + background: linear-gradient(184deg, + rgba(255, 255, 255, 1) 4%, + rgba(235, 255, 133, 1) 100%); + overflow: hidden; + + .dragondisplay_heading { position: absolute; - top: 0; - right: 700px; + bottom: -4%; + margin: auto; + width: 100%; + + >h1 { + font-size: 8rem; + text-align: center; + } } + + .dragondisplay_des { + max-width: 600px; + position: absolute; + right: 0; + top: 13%; + padding: 4rem; + } +} + + + + + + +.intelGen { + .intelGenUL { + max-width: 250px; + gap: 8rem; + + .intelGenULHeading { + font-size: 1.8rem; + font-weight: 700; + border-bottom: 2px solid; + } + } + + .cpuSection { + background-image: url("./../../dist/assets/imgs/productoverview/cpu.png"); + background-color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + } +} + +.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) { + + // section + + .productOverview { + .p-6{ + padding:0; + } + .overviewProductFullTitle{ + padding: 2rem 5rem; + font-size: 2rem; + } + } + + // section + .productOverview { + >div { + padding: 0; + } + } + + // seciton + .dualLaptop .dualImgsTwo .dualImgsInner { + transform: rotate(339deg) translateX(57%) translateY(55%); +} + // section + + .productOverview .overviewProductFullTitle { + font-size: 1rem; + padding: 2rem 0rem; + } + + .productOverview .overviewProductDes { + font-size: 0.7rem; + padding: 0.5rem; + } + + .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { + width: 100%; + } + + .PO_galleryContainer .PO_gallery_display { + min-height: 300px; + } + + .PO_gallery_box { + padding: 0; + } + + .PO_galleryContainer .PO_gallery_box_inner { + padding: 0; + } + + .productoverBox.px-6 { + padding: 1rem; + margin: 0; + height: max-content; + } + + // ssection end + + .displayscreenpad { + .displayscreenpadHeading { + font-size: 4rem; + } + } + + // section end + + .dualLaptop { + .dual_des_heading { + font-size: 2rem; + } + + .zeroBMain_des { + padding-right: 0; + + .zeroBMain_desP { + font-size: 0.8rem; + max-width: 400px; + + } + } + } + //section + .controlPanel { + + .controlPanel_des{ + top: -110px; + >h1 { + font-size: 2.5rem; + } + } + } + +} + +@media (max-width:790px) { + + .productOverview { + .p-6{ + padding:0; + } + .overviewProductFullTitle{ + padding: 2rem 0; + font-size: 1rem; + } + .overviewProductDes{ + font-size: 0.7rem; + } + } + + // section + + + // section + + .displayscreenpad { + .displayscreenpadHeading { + font-size: 2rem; + } + } + + .dualLaptop { + .dual_des_heading { + font-size: 1rem; + } + + .zeroBMain_des { + // padding-right: 3rem; + + .zeroBMain_desP { + font-size: 0.7rem; + max-width: 400px; + + } + } + } + + // section + .controlPanel{ + .controlPanel_des{ + + >h1 { + font-size: 1.9rem; + } + } + } + +} + +@media (max-width:670px) { + .zeroBMain_des{ + display: none; + } + .mobileAw{ + display: block; + } +} + + + + +// media quiue + +@include respond(phone) { + .p-6 { + padding: 0; + } + + .productoverviewmain .displayscreenpad .displayscreenpadHeading { + font-size: 5rem; + } + + .banner_heading_4 { + font-size: 2rem; + } + + + + // section 3 + .displayscreenpad { + .displayscreenpadHeading { + font-size: 2rem; + } + + .displayscreenpadMain { + top: -26px; + } + } + + // section 5 + .tableLaptop { + margin-top: 20%; + margin-bottom: 0; + height: max-content; + + .dual_des_heading { + font-size: 1rem; + } + + .circleTableLaptop { + height: 300px; + } + + .circleTableLaptop .circleTableLaptopTop { + bottom: -3%; + width: 80%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 2%); + } + + .circleTableLaptop_Heading { + position: absolute; + top: 4%; + left: 50%; + transform: translate(-50%, 0); + } + + .justTableLaptop { + position: absolute; + width: 86%; + top: 26%; + right: 30px; + z-index: 1; + } + + .circleTableLaptop_text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 0%); + } + } + + .trueLifeDisplay { + margin-top: 50px; + + .trueLifeDisplay_headingHD { + + >h1, + .headingLife { + font-size: 2rem; + } + } + + .trueLifeDisplay_des { + padding: 1rem; + + .font_p_Dual { + font-size: 0.9rem; + } + } + } + + // section 6 + .controlPanel { + margin-top: 3rem; + padding-bottom: 100px; + + //heading h1 + >.p-5 { + padding: 0 !important; + } + + .bgControlpanel { + min-height: 85vh; + + .bgControlpaneltabs { + top: 55%; + right: 0; + transform: translateY(-50%); + } + } + + .controlPanel_des { + top:0%; + width: 100%; + left: 50%; + text-align: center; + transform: translateX(-50%); + margin: 1rem 0; + margin: 1rem 0; + + >h1 { + font-size: 1.2rem; + } + } + + .bgControlpaneltabs { + padding: 0.1rem !important; + padding-top: 3rem !important; + + >.nav-tabs { + padding: 0; + } + + >ul { + padding: 1rem; + } + + #tabLaptopContent { + padding: 1rem; + } + } + } + + // section 7 + .proSection{ + .designedProLaptop_title{ + .designedProLaptop_title_text { + font-size: 2rem; + } + } + } + + // // popupKeyboard + // .popupKeyboard { + // padding: 1rem; + + // .popupKeyboard_heading { + // >h1 { + // font-size: 2rem; + // } + // } + + // .popupKeyboard_hParent .popupKeyboard_des { + // max-width: max-content; + // font-size: 0.9rem; + // } + // } } \ No newline at end of file diff --git a/styles/pages/productOverview/_designedpro.scss b/styles/pages/productOverview/_designedpro.scss new file mode 100644 index 0000000..33c5b0a --- /dev/null +++ b/styles/pages/productOverview/_designedpro.scss @@ -0,0 +1,46 @@ +.proSection{ + .designedProLaptop_title > .designedProLaptop_title_text{ + font-size: 6rem; + } + + .designedProLaptopList{ + > li{ + font-size: 2.5rem; + } + } +} +@media (max-width:1200px) { + .proSection{ + .designedProLaptopList{ + > li{ + font-size: 1.5rem; + } + } + } + +} + + +@media (max-width:768px){ + .proSection{ + padding: 1rem; + .designedProLaptop_title > .designedProLaptop_title_text{ + font-size: 4rem; + } + + .designedProLaptopList { + width: 100%; + padding: 1rem; + } + } +} + +@media (max-width:576px) { + .proSection{ + .designedProLaptop_title > .designedProLaptop_title_text{ + font-size: 2.5rem; + + } + } + +} \ No newline at end of file diff --git a/styles/pages/productOverview/_dragondisplay.scss b/styles/pages/productOverview/_dragondisplay.scss new file mode 100644 index 0000000..cde07df --- /dev/null +++ b/styles/pages/productOverview/_dragondisplay.scss @@ -0,0 +1,62 @@ +.dragondisplay { + position: relative; + background: rgb(255, 255, 255); + background: linear-gradient(184deg, + rgba(255, 255, 255, 1) 4%, + rgba(235, 255, 133, 1) 100%); + overflow: hidden; + + .dragondisplay_heading { + position: absolute; + bottom: 0; + margin: auto; + width: 100%; + + >h1 { + font-size: 8rem; + text-align: center; + } + } + + .dragondisplay_des { + max-width: 600px; + position: absolute; + right: 0; + top: 13%; + padding: 4rem; + } +} + +@media (max-width:1200px) { + .dragondisplay{ + .dragondisplay_heading{ + >h1 { + font-size: 4rem; + text-align: center; + } + } + } +} + + +@media (max-width:768px) { + .dragondisplay{ + .dragondisplay_heading{ + >h1 { + font-size: 3rem; + text-align: center; + } + } + } +} + +@media (max-width:576px) { + .dragondisplay{ + .dragondisplay_heading{ + >h1 { + font-size: 1.5rem; + text-align: center; + } + } + } +} \ No newline at end of file diff --git a/styles/pages/productOverview/_lens.scss b/styles/pages/productOverview/_lens.scss new file mode 100644 index 0000000..70c7b13 --- /dev/null +++ b/styles/pages/productOverview/_lens.scss @@ -0,0 +1,88 @@ +.lensAnwi { + .box_lens { + .anwi_BoxLen { + border-radius: 40px; + -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; + -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; + } + + .box_lens_img { + width: 45%; + } + + .screenpadLens { + font-size: 1.2rem; + } + + .lenHeading{ + font-size: 2rem; + } + + .anwi_BoxLen { + gap: 10px; + } + } +} + +@media (max-width:1400px) { + .lensAnwi { + .box_lens { + .lenHeading{ + font-size: 1rem; + } + .screenpadLens { + font-size: 0.7rem; + } + + } + + } +} + +@media (max-width:1200px) { + .lensAnwi { + .row_lensAnwi { + padding: 2rem; + } + .box_lens { + .lenHeading{ + font-size: 0.7rem; + } + .screenpadLens { + font-size: 0.5rem; + } + + } + + } +} + + +@media (max-width:768px) { + .lensAnwi {} +} + +@media (max-width:576px) { + + + + .lensAnwi { + .box_lens { + .box_lens_img { + width: 25%; + } + + } + + } + + .dragondisplay { + .dragondisplay_heading { + >h1 { + font-size: 1.5rem; + text-align: center; + } + } + } +} \ No newline at end of file diff --git a/styles/pages/productOverview/_popupkeyboard.scss b/styles/pages/productOverview/_popupkeyboard.scss new file mode 100644 index 0000000..79fb594 --- /dev/null +++ b/styles/pages/productOverview/_popupkeyboard.scss @@ -0,0 +1,77 @@ +// pop up keyboard +.popupKeyboard { + position: relative; + overflow-x: hidden; + padding-top: 11rem; + .popupKeyboard_hParent { + position: absolute; + top: 0; + left: 0; + } + + .popupKeyboard_heading { + >h1{ + font-size: 9rem; + } + } + + +} + +@media (max-width:1200px) { + .popupKeyboard { + .popupKeyboard_heading { + >h1{ + font-size: 5rem; + } + } + } + +} + + +@media (max-width:768px) { + .controlPanel{ + padding-bottom: 100px; + } + .popupKeyboard { + + .popupKeyboard_heading { + padding: 1rem; + >h1{ + + font-size: 3rem; + } + + } + .popupKeyboard_des { + padding: 1rem; + font-size: 1rem; + } + + .popupKeyboard_hParent { + padding: 1rem; + } + } +} + +@media (max-width:576px) { + .popupKeyboard { + + .popupKeyboard_heading { + padding: 1rem; + >h1{ + + font-size: 2rem; + } + + } + + .popupKeyboard_des { + padding: 2rem; + padding-top: 0; + font-size: 0.8rem; + } + } + +} \ No newline at end of file diff --git a/styles/pages/productOverview/_professinalGrade.scss b/styles/pages/productOverview/_professinalGrade.scss new file mode 100644 index 0000000..47ef929 --- /dev/null +++ b/styles/pages/productOverview/_professinalGrade.scss @@ -0,0 +1,49 @@ +.professinalGrade { + .professinalGradeImgContainer { + background-image: url("./../../dist/assets/imgs/productoverview/promask.png"); + background-color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + } + + .professinalGradeImg { + @include absCenter; + width: 50%; + } +} + +@media (max-width:1400px) { +.professinalGrade{ + +} +} + +@media (max-width:1200px) { + .professinalGrade{ + h1{ + font-size: 3rem; + } + } +} + + +@media (max-width:768px) { + .professinalGrade{ + h1{ + font-size: 2rem; + } + + .font_p_Dual{ + font-size: 1rem; + } + } +} + +@media (max-width:576px) { + .professinalGrade{ + p{ + padding-left: 1rem; + } + } +} \ No newline at end of file diff --git a/styles/pages/productOverview/_stunningsound.scss b/styles/pages/productOverview/_stunningsound.scss new file mode 100644 index 0000000..78a0be0 --- /dev/null +++ b/styles/pages/productOverview/_stunningsound.scss @@ -0,0 +1,129 @@ +.stunningSound { + position: relative; + padding-top: 15rem; + overflow-x: hidden; + .stunningSound_heading { + position: absolute; + z-index: -1; + top: 0; + left: 0; + + >h1 { + font-size: 10rem; + } + } + + .stunningSound_des { + position: absolute; + right: 0; + top: 30%; + transform: translate(0%, 0%); + + + max-width: 400px; + } + + +} + +// @media (max-width:1400px) {} + +@media (max-width:1200px) { + .stunningSound { + + + .stunningSound_heading { + + + >h1 { + font-size: 7rem; + } + } + + .stunningSound_des{ + + padding-right: 1rem; + max-width: 300px; + } + } + +} + + +@media (max-width:1000px) { + .stunningSound { + + + .stunningSound_heading { + + top: 20%; + + >h1 { + font-size: 5rem; + } + } + + .stunningSound_des { + + top: 40%; + right:0; + } + + } + +} + + + + +@media (max-width:768px) { + .stunningSound { + + + .stunningSound_heading { + + + >h1 { + font-size: 4rem; + } + } + + .stunningSound_des { + max-width: 270px; + top: 50%; + right: 0; + p{ + font-size: 1rem; + } + } + + } +} + +@media (max-width:576px) { + .stunningSound { + + + .stunningSound_heading { + + top: 15%; + >h1 { + font-size: 2rem; + padding: 2rem; + } + } + + .stunningSound_des { + padding: 2rem; + top: 25%; + max-width: 100%; + left: 0; + // top: 50%; + // right: -19%; + // p{ + // font-size: 1rem; + // } + } + + } +} \ No newline at end of file diff --git a/styles/pages/productOverview/_tablesection.scss b/styles/pages/productOverview/_tablesection.scss new file mode 100644 index 0000000..bbf8abe --- /dev/null +++ b/styles/pages/productOverview/_tablesection.scss @@ -0,0 +1,43 @@ +.circleTableLaptop_Heading { + top: 20%; +} + +.circleTableLaptop_text{ + bottom: 25%; + >div{ + padding: 0px 22%; + } + +} + +@media (max-width:1300px) { + .circleTableLaptop_text { + bottom: 18%; + >div{ + font-size: 1rem; + } + } +} + +@media (max-width:1000px) { + .circleTableLaptop_Heading { + h1{ + font-size: 1.5rem; + } + } + .circleTableLaptop_text { + bottom: 25%; + >div{ + font-size: 0.7rem; + } + } +} + +@media (max-width:600px) { + .circleTableLaptop_Heading { + top: 0; + h1{ + font-size: 1.5rem; + } + } +} \ No newline at end of file diff --git a/styles/pages/productOverview/_wifisection.scss b/styles/pages/productOverview/_wifisection.scss new file mode 100644 index 0000000..5c2320f --- /dev/null +++ b/styles/pages/productOverview/_wifisection.scss @@ -0,0 +1,73 @@ + +.wifiSection { + overflow-x: hidden; + position: relative; + + // .wifiSectionImg { + // width: 100vw; + // height: 100vh; + // margin: 10rem 0; + // background-image: url("./../../dist/assets/imgs/productoverview/wifilap.png"); + // background-color: white; + // background-size: cover; + // background-repeat: no-repeat; + // background-position: center; + // } + .wifiSectionDes{ + display: none; + } + .textWifiContainer { + position: relative; + + .wifiSection_des { + max-width: 500px; + position: absolute; + right: 0; + top: -48%; + width: 100%; + height: 100%; + } + + .textWifiContainerHeading { + >h1 { + font-size: 8rem; + } + } + } + } + + + + @media (max-width:1200px) { + .wifiSection{ + .textWifiContainer { + .textWifiContainerHeading { + >h1 { + font-size: 5rem; + } + } + } + + } + } + + @media (max-width:1000px) { + .wifiSection{ + .textWifiContainer { + display: none; + + } + + .wifiSectionDes{ + padding: 2rem; + display: block; + .wifiSection_des { + >p{ + font-size: 1rem; + } + } + + } + + } +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 13eedb4..3500006 100644 --- a/styles/style.css +++ b/styles/style.css @@ -27,7 +27,7 @@ body { box-sizing: border-box; overflow-x: hidden; } -@media only screen and (max-width: 56.25em) { +@media only screen and (max-width: 900px) { body { padding: 0; } @@ -42,14 +42,34 @@ body { color: #0A886A; } +.anwi_grey_bg { + background-color: #ECECEC; +} + .orbitron_font { font-family: "Orbitron", sans-serif; } +.satoshi_font { + font-family: "Satoshi", sans-serif; +} + +.font-1 { + font-size: 1rem; +} + .font-3 { font-size: 3rem; } +.font-1-2 { + font-size: 1.2rem; +} + +.font-1-5 { + font-size: 1.5rem; +} + .font-1_5 { font-size: 2rem; } @@ -59,7 +79,7 @@ body { } .font-2 { - font-size: 2.2rem; + font-size: 2rem; } .font-2_2 { @@ -74,12 +94,24 @@ body { font-size: 4rem; } -.subtitle_1 { - font-size: 1.5rem; +.font-5 { + font-size: 5rem; } -.gap-1 { - gap: 0.7rem; +.font-6 { + font-size: 6rem; +} + +.font-7 { + font-size: 7rem; +} + +.font-10 { + font-size: 10rem; +} + +.subtitle_1 { + font-size: 1.5rem; } .banner_heading_4 { @@ -94,6 +126,19 @@ body { padding: 5rem; } +.ps-7 { + padding-left: 6rem; +} + +.px-6 { + padding-left: 6rem; + padding-right: 6rem; +} + +.p-7 { + padding: 7rem; +} + .padding_top_10 { padding-top: 10rem; } @@ -154,8 +199,28 @@ body { height: 700px; } -.mt-7 { - margin-top: 7rem; +.h-25 { + height: 25%; +} + +.h-60 { + height: 60%; +} + +.h-75 { + height: 75%; +} + +.w-60 { + width: 60%; +} + +.w-20p { + width: 20px; +} + +.fw-500 { + font-weight: 500; } .fw-600 { @@ -170,6 +235,10 @@ body { height: 200px; } +.mt-7 { + margin-top: 7rem; +} + .sec-space-1 { margin-top: 80px; } @@ -206,6 +275,14 @@ body { border-radius: 1rem; } +.cursor-pointer { + cursor: pointer; +} + +.mt-5C { + margin-top: 5rem; +} + .button_dark { -webkit-clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); @@ -277,20 +354,94 @@ body { background: white; background: linear-gradient(180deg, white 7%, rgba(255, 142, 158, 0.3019607843) 52%, rgba(235, 134, 148, 0.4705882353) 100%); position: relative; + overflow: hidden; } .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { position: absolute; top: 50%; left: 50%; - transform: translate(-50%, -50%); + transform: translate(-50%, -46%); +} + +.PO_gallery_box { + padding: 1rem; } .PO_galleryContainer .PO_gallery_box_inner { - padding: 2rem; + padding: 1rem; background-color: #eeeeee; } +.mobileAw { + display: none; +} + +.productoverBox { + height: 900px; +} +.productoverBox .productoverBox-1 { + height: 225px; +} +.productoverBox .productoverBox-2 { + height: 225px; +} +.productoverBox .productoverBox-2 .futureProof { + position: relative; +} +.productoverBox .productoverBox-2 .futureProofImg { + position: absolute; + top: 0; + right: 0; + width: 50%; +} +.productoverBox .productoverBox-3 { + height: 225px; +} +.productoverBox .productoverBox-4 { + height: 225px; +} +.productoverBox .productoverBox-5 { + height: 200px; + overflow: hidden; +} +.productoverBox .productoverBox-5 .box_innerImg { + position: absolute; + right: 8%; + top: 0; + height: 100%; +} +.productoverBox .productoverBox-5 .box_innerImg img { + scale: 1.2; +} +.productoverBox .productoverBox-6 { + height: 150px; +} +.productoverBox .productoverBox-7 { + height: 225px; + position: relative; +} +.productoverBox .productoverBox-7 .gridTruelifeImg { + position: absolute; + width: 85%; + bottom: 0; + left: 0; +} +.productoverBox .productoverBox-8 { + height: 60px; +} +.productoverBox .productoverBox-9 { + height: 230px; +} +.productoverBox .productoverBox-10 { + height: 150px; +} +.productoverBox .productoverBox-11 { + height: 180px; +} +.productoverBox .productoverBox-12 { + height: 75px; +} .productoverBox .PO_box { height: 100%; } @@ -298,7 +449,7 @@ body { padding: 1rem 0rem; } .productoverBox .PO_box .box_inner { - height: 100%; + position: relative; } .productoverBox .PO_box .bgBox_Content { background: rgb(236, 236, 236); @@ -311,6 +462,25 @@ body { padding-right: 1rem; } +.specsgrid { + display: grid; + height: 100vh; + gap: 20px; + grid-template-columns: repeat(8, minmax(5%, 1fr)); + grid-template-rows: repeat(12, minmax(5%, 1fr)); +} +.specsgrid .specsItem { + background-color: red; +} +.specsgrid .specsItem-1 { + grid-column: 1/4; + grid-row: 1/4; +} +.specsgrid .specsItem-2 { + grid-column: 1/4; + grid-row: 1/4; +} + .displayscreenpad .displayscreenpadContainer { text-align: center; } @@ -318,7 +488,7 @@ body { font-size: 8rem; } .displayscreenpad .displayscreenpadMain { - top: -108px; + margin-top: -8%; } .displayscreenpad .displayscreenpadleft > img { left: -8%; @@ -333,8 +503,8 @@ body { .dualLaptop { width: 100vw; - height: 1000px; top: -100px; + margin-top: 100px; margin-bottom: -100px; position: relative; } @@ -352,17 +522,17 @@ body { position: absolute; } .dualLaptop .dualImgs .dualImgsInner { - width: 63%; + width: 50rem; } .dualLaptop .dualImgsOne { top: 0; - left: -10%; + left: -10rem; transform: rotate(343deg); width: 68%; } .dualLaptop .dualImgsTwo { - top: 31%; - right: -68%; + top: 14rem; + right: -62%; transform: rotate(339deg); } .dualLaptop .dualImgsTwo .dualImgsInner { @@ -390,7 +560,7 @@ body { z-index: 1; } .tableLaptop .circleTableLaptop { - background-color: #ECECEC; + background-color: #ececec; height: 70rem; width: 70rem; border-radius: 50%; @@ -409,7 +579,7 @@ body { position: absolute; top: 50%; left: 50%; - transform: translate(-50%, 168%); + transform: translate(-50%, 106%); } .trueLifeDisplay .trueLifeDisplay_headingHD > .headingLife { @@ -423,9 +593,19 @@ body { font-size: 1.2rem; } +.tableLaptopTwo { + width: 100vw; + height: 100vh; + background-image: url("../../dist/assets/imgs/sectiontest.png"); + background-color: white; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} + .controlPanel { margin-top: 10rem; - padding-bottom: 550px; + padding-bottom: 300px; } .controlPanel .controlPanel_des { position: absolute; @@ -434,7 +614,7 @@ body { } .controlPanel .bgControlpanel { min-height: 100vh; - background-color: #ECECEC; + background-color: #ececec; border-radius: 157px; position: relative; } @@ -474,230 +654,918 @@ body { background-color: black; } -.designedProLaptop { +.dragondisplay { position: relative; + background: rgb(255, 255, 255); + background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); + overflow: hidden; } -.designedProLaptop .designedProLaptop_title { +.dragondisplay .dragondisplay_heading { position: absolute; - top: -200px; - left: 0; - z-index: 1; + bottom: -4%; + margin: auto; + width: 100%; } -.designedProLaptop .designedProLaptop_title_text { - font-size: 10rem; +.dragondisplay .dragondisplay_heading > h1 { + font-size: 8rem; + text-align: center; } -.designedProLaptop .designedProLaptop_img { +.dragondisplay .dragondisplay_des { + max-width: 600px; position: absolute; - top: 0; - right: 700px; + right: 0; + top: 13%; + padding: 4rem; } -/* home page */ -.button_dark.btn-dark { - background-color: #000000 !important; - font-family: "Satoshi", sans-serif; +.intelGen .intelGenUL { + max-width: 250px; + gap: 8rem; } - -.button_dark.btn-dark:hover { - background-color: #000000 !important; - font-family: "Satoshi", sans-serif; - opacity: 1 !important; +.intelGen .intelGenUL .intelGenULHeading { + font-size: 1.8rem; + font-weight: 700; + border-bottom: 2px solid; } - -.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); +.intelGen .cpuSection { + background-image: url("./../../dist/assets/imgs/productoverview/cpu.png"); + background-color: white; background-size: cover; background-repeat: no-repeat; - background-position: center center; - background-position-y: -100px; -} -.hero-banner .banner-main-container { - height: 475px; + background-position: center; } -.home-main-container .offer-main-sec .offer-sec { - margin-top: -35px; +.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; } -.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%; +@media (max-width: 1200px) { + .productOverview .p-6 { + padding: 0; } - .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: 275px; - text-align: center; - } - .home-main-container .banner-main-container .col-md-6 { - margin-top: 0px; - } - .home-main-container .banner-main-container h1 { + .productOverview .overviewProductFullTitle { + padding: 2rem 5rem; font-size: 2rem; } - .home-main-container .hero-banner { - background: #cccccc; + .productOverview > div { + padding: 0; } - .home-main-container .mobile-text-center { - text-align: center; + .dualLaptop .dualImgsTwo .dualImgsInner { + transform: rotate(339deg) translateX(57%) translateY(55%); } - .home-main-container .aw-feature-name h5 { - transform: rotate(0deg); - -ms-writing-mode: lr-tb; - writing-mode: horizontal-tb; + .productOverview .overviewProductFullTitle { + font-size: 1rem; + padding: 2rem 0rem; } - .home-main-container .products-main-container .enterprise-prd { - margin-top: 10px; + .productOverview .overviewProductDes { + font-size: 0.7rem; + padding: 0.5rem; } - .home-main-container .news-letter-sec a.button_dark { - padding: 10px 5px; + .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { + width: 100%; } - .home-main-container .owl-carousel.star-products-img-sec .owl-nav { - text-align: center; - margin-right: 0px; + .PO_galleryContainer .PO_gallery_display { + min-height: 300px; } - .home-main-container .star-products .owl-dots { + .PO_gallery_box { + padding: 0; + } + .PO_galleryContainer .PO_gallery_box_inner { + padding: 0; + } + .productoverBox.px-6 { + padding: 1rem; + margin: 0; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + } + .displayscreenpad .displayscreenpadHeading { + font-size: 4rem; + } + .dualLaptop .dual_des_heading { + font-size: 2rem; + } + .dualLaptop .zeroBMain_des { + padding-right: 0; + } + .dualLaptop .zeroBMain_des .zeroBMain_desP { + font-size: 0.8rem; + max-width: 400px; + } + .controlPanel .controlPanel_des { + top: -110px; + } + .controlPanel .controlPanel_des > h1 { + font-size: 2.5rem; + } +} +@media (max-width: 790px) { + .productOverview .p-6 { + padding: 0; + } + .productOverview .overviewProductFullTitle { + padding: 2rem 0; + font-size: 1rem; + } + .productOverview .overviewProductDes { + font-size: 0.7rem; + } + .displayscreenpad .displayscreenpadHeading { + font-size: 2rem; + } + .dualLaptop .dual_des_heading { + font-size: 1rem; + } + .dualLaptop .zeroBMain_des .zeroBMain_desP { + font-size: 0.7rem; + max-width: 400px; + } + .controlPanel .controlPanel_des > h1 { + font-size: 1.9rem; + } +} +@media (max-width: 670px) { + .zeroBMain_des { display: none; } - .home-main-container .aw-support-sec-main-container .row { - margin: 0px !important; - text-align: center; + .mobileAw { + display: block; } - .home-main-container .aw-support-sec-main-container .col-md-4 { - border: none !important; +} +@media only screen and (max-width: 600px) { + .p-6 { + padding: 0; } - .home-main-container .aw-support-sec-main-container .support-sec-heading { + .productoverviewmain .displayscreenpad .displayscreenpadHeading { + font-size: 5rem; + } + .banner_heading_4 { + font-size: 2rem; + } + .displayscreenpad .displayscreenpadHeading { + font-size: 2rem; + } + .displayscreenpad .displayscreenpadMain { + top: -26px; + } + .tableLaptop { + margin-top: 20%; + margin-bottom: 0; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + } + .tableLaptop .dual_des_heading { + font-size: 1rem; + } + .tableLaptop .circleTableLaptop { + height: 300px; + } + .tableLaptop .circleTableLaptop .circleTableLaptopTop { + bottom: -3%; + width: 80%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 2%); + } + .tableLaptop .circleTableLaptop_Heading { + position: absolute; + top: 4%; + left: 50%; + transform: translate(-50%, 0); + } + .tableLaptop .justTableLaptop { + position: absolute; + width: 86%; + top: 26%; + right: 30px; + z-index: 1; + } + .tableLaptop .circleTableLaptop_text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 0%); + } + .trueLifeDisplay { + margin-top: 50px; + } + .trueLifeDisplay .trueLifeDisplay_headingHD > h1, +.trueLifeDisplay .trueLifeDisplay_headingHD .headingLife { + font-size: 2rem; + } + .trueLifeDisplay .trueLifeDisplay_des { + padding: 1rem; + } + .trueLifeDisplay .trueLifeDisplay_des .font_p_Dual { + font-size: 0.9rem; + } + .controlPanel { + margin-top: 3rem; + padding-bottom: 100px; + } + .controlPanel > .p-5 { padding: 0 !important; } - .footer-wrapper .accordion-button, -.footer-wrapper .accordion-body { - font-family: "Satoshi", sans-serif; - color: white; - background-color: #000000; + .controlPanel .bgControlpanel { + min-height: 85vh; } - .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"); + .controlPanel .bgControlpanel .bgControlpaneltabs { + top: 55%; + right: 0; + transform: translateY(-50%); + } + .controlPanel .controlPanel_des { + top: 0%; + width: 100%; + left: 50%; + text-align: center; + transform: translateX(-50%); + margin: 1rem 0; + margin: 1rem 0; + } + .controlPanel .controlPanel_des > h1 { + font-size: 1.2rem; + } + .controlPanel .bgControlpaneltabs { + padding: 0.1rem !important; + padding-top: 3rem !important; + } + .controlPanel .bgControlpaneltabs > .nav-tabs { + padding: 0; + } + .controlPanel .bgControlpaneltabs > ul { + padding: 1rem; + } + .controlPanel .bgControlpaneltabs #tabLaptopContent { + padding: 1rem; + } + .proSection .designedProLaptop_title .designedProLaptop_title_text { + font-size: 2rem; } } -.shopping-cart-main-container { - background-color: #F5FFEA; - padding-bottom: 50px; +.proSection .designedProLaptop_title > .designedProLaptop_title_text { + font-size: 6rem; } -.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; +.proSection .designedProLaptopList > li { + font-size: 2.5rem; } -#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: 1200px) { + .proSection .designedProLaptopList > li { + font-size: 1.5rem; } } @media (max-width: 768px) { - .cart-sec-highlighter, -.shopping-cart-details-row-1 { - display: none !important; + .proSection { + padding: 1rem; } - .buy-together-sec { + .proSection .designedProLaptop_title > .designedProLaptop_title_text { + font-size: 4rem; + } + .proSection .designedProLaptopList { + width: 100%; + padding: 1rem; + } +} +@media (max-width: 576px) { + .proSection .designedProLaptop_title > .designedProLaptop_title_text { + font-size: 2.5rem; + } +} +.popupKeyboard { + position: relative; + overflow-x: hidden; + padding-top: 11rem; +} +.popupKeyboard .popupKeyboard_hParent { + position: absolute; + top: 0; + left: 0; +} +.popupKeyboard .popupKeyboard_heading > h1 { + font-size: 9rem; +} + +@media (max-width: 1200px) { + .popupKeyboard .popupKeyboard_heading > h1 { + font-size: 5rem; + } +} +@media (max-width: 768px) { + .controlPanel { + padding-bottom: 100px; + } + .popupKeyboard .popupKeyboard_heading { + padding: 1rem; + } + .popupKeyboard .popupKeyboard_heading > h1 { + font-size: 3rem; + } + .popupKeyboard .popupKeyboard_des { + padding: 1rem; + font-size: 1rem; + } + .popupKeyboard .popupKeyboard_hParent { + padding: 1rem; + } +} +@media (max-width: 576px) { + .popupKeyboard .popupKeyboard_heading { + padding: 1rem; + } + .popupKeyboard .popupKeyboard_heading > h1 { + font-size: 2rem; + } + .popupKeyboard .popupKeyboard_des { + padding: 2rem; + padding-top: 0; + font-size: 0.8rem; + } +} +.dragondisplay { + position: relative; + background: rgb(255, 255, 255); + background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); + overflow: hidden; +} +.dragondisplay .dragondisplay_heading { + position: absolute; + bottom: 0; + margin: auto; + width: 100%; +} +.dragondisplay .dragondisplay_heading > h1 { + font-size: 8rem; + text-align: center; +} +.dragondisplay .dragondisplay_des { + max-width: 600px; + position: absolute; + right: 0; + top: 13%; + padding: 4rem; +} + +@media (max-width: 1200px) { + .dragondisplay .dragondisplay_heading > h1 { + font-size: 4rem; text-align: center; } - .buy-together-sec .row { - padding: 10px; +} +@media (max-width: 768px) { + .dragondisplay .dragondisplay_heading > h1 { + font-size: 3rem; + text-align: center; + } +} +@media (max-width: 576px) { + .dragondisplay .dragondisplay_heading > h1 { + font-size: 1.5rem; + text-align: center; + } +} +.lensAnwi .box_lens .anwi_BoxLen { + border-radius: 40px; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; +} +.lensAnwi .box_lens .box_lens_img { + width: 45%; +} +.lensAnwi .box_lens .screenpadLens { + font-size: 1.2rem; +} +.lensAnwi .box_lens .lenHeading { + font-size: 2rem; +} +.lensAnwi .box_lens .anwi_BoxLen { + gap: 10px; +} + +@media (max-width: 1400px) { + .lensAnwi .box_lens .lenHeading { + font-size: 1rem; + } + .lensAnwi .box_lens .screenpadLens { + font-size: 0.7rem; + } +} +@media (max-width: 1200px) { + .lensAnwi .row_lensAnwi { + padding: 2rem; + } + .lensAnwi .box_lens .lenHeading { + font-size: 0.7rem; + } + .lensAnwi .box_lens .screenpadLens { + font-size: 0.5rem; + } +} +@media (max-width: 576px) { + .lensAnwi .box_lens .box_lens_img { + width: 25%; + } + .dragondisplay .dragondisplay_heading > h1 { + font-size: 1.5rem; + text-align: center; + } +} +.professinalGrade .professinalGradeImgContainer { + background-image: url("./../../dist/assets/imgs/productoverview/promask.png"); + background-color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} +.professinalGrade .professinalGradeImg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 50%; +} + +@media (max-width: 1200px) { + .professinalGrade h1 { + font-size: 3rem; + } +} +@media (max-width: 768px) { + .professinalGrade h1 { + font-size: 2rem; + } + .professinalGrade .font_p_Dual { + font-size: 1rem; + } +} +@media (max-width: 576px) { + .professinalGrade p { + padding-left: 1rem; + } +} +.stunningSound { + position: relative; + padding-top: 15rem; + overflow-x: hidden; +} +.stunningSound .stunningSound_heading { + position: absolute; + z-index: -1; + top: 0; + left: 0; +} +.stunningSound .stunningSound_heading > h1 { + font-size: 10rem; +} +.stunningSound .stunningSound_des { + position: absolute; + right: 0; + top: 30%; + transform: translate(0%, 0%); + max-width: 400px; +} + +@media (max-width: 1200px) { + .stunningSound .stunningSound_heading > h1 { + font-size: 7rem; + } + .stunningSound .stunningSound_des { + padding-right: 1rem; + max-width: 300px; + } +} +@media (max-width: 1000px) { + .stunningSound .stunningSound_heading { + top: 20%; + } + .stunningSound .stunningSound_heading > h1 { + font-size: 5rem; + } + .stunningSound .stunningSound_des { + top: 40%; + right: 0; + } +} +@media (max-width: 768px) { + .stunningSound .stunningSound_heading > h1 { + font-size: 4rem; + } + .stunningSound .stunningSound_des { + max-width: 270px; + top: 50%; + right: 0; + } + .stunningSound .stunningSound_des p { + font-size: 1rem; + } +} +@media (max-width: 576px) { + .stunningSound .stunningSound_heading { + top: 15%; + } + .stunningSound .stunningSound_heading > h1 { + font-size: 2rem; + padding: 2rem; + } + .stunningSound .stunningSound_des { + padding: 2rem; + top: 25%; + max-width: 100%; + left: 0; + } +} +.wifiSection { + overflow-x: hidden; + position: relative; +} +.wifiSection .wifiSectionDes { + display: none; +} +.wifiSection .textWifiContainer { + position: relative; +} +.wifiSection .textWifiContainer .wifiSection_des { + max-width: 500px; + position: absolute; + right: 0; + top: -48%; + width: 100%; + height: 100%; +} +.wifiSection .textWifiContainer .textWifiContainerHeading > h1 { + font-size: 8rem; +} + +@media (max-width: 1200px) { + .wifiSection .textWifiContainer .textWifiContainerHeading > h1 { + font-size: 5rem; + } +} +@media (max-width: 1000px) { + .wifiSection .textWifiContainer { + display: none; + } + .wifiSection .wifiSectionDes { + padding: 2rem; + display: block; + } + .wifiSection .wifiSectionDes .wifiSection_des > p { + font-size: 1rem; + } +} +.circleTableLaptop_Heading { + top: 20%; +} + +.circleTableLaptop_text { + bottom: 25%; +} +.circleTableLaptop_text > div { + padding: 0px 22%; +} + +@media (max-width: 1300px) { + .circleTableLaptop_text { + bottom: 18%; + } + .circleTableLaptop_text > div { + font-size: 1rem; + } +} +@media (max-width: 1000px) { + .circleTableLaptop_Heading h1 { + font-size: 1.5rem; + } + .circleTableLaptop_text { + bottom: 25%; + } + .circleTableLaptop_text > div { + font-size: 0.7rem; + } +} +@media (max-width: 600px) { + .circleTableLaptop_Heading { + top: 0; + } + .circleTableLaptop_Heading h1 { + font-size: 1.5rem; + } +} +.clipPathSectionCol { + position: relative; +} +.clipPathSectionCol .innerClipPathImg { + position: absolute; + top: 12%; + left: 9%; + width: 81%; +} +.clipPathSectionCol .innerClipPathImgFirstThree { + position: absolute; + top: 12%; + left: 5%; + width: 81%; +} +.clipPathSectionCol .innerClipPathImgFirstFour { + position: absolute; + top: 12%; + left: 5%; + width: 81%; +} +.clipPathSectionCol .innerClipPathImgFirstFour > img { + transform: scale(0.7); +} +.clipPathSectionCol .innerClipPathImgSectionTwo { + position: absolute; + top: 50%; + left: 28%; + transform: translateY(-50%); + width: 81%; +} +.clipPathSectionCol .innerClipPathImgSectionThree { + position: absolute; + top: 50%; + left: 17%; + transform: translateY(-50%); + width: 81%; +} +.clipPathSectionCol .innerClipPathImgSectionFour { + position: absolute; + top: 50%; + left: 17%; + transform: translateY(-50%); + width: 81%; +} + +.allinoneLanding { + background-image: url("./../../dist/assets/imgs/allinone/allinonebg.png"); + background-color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + position: relative; + width: 100vw; + height: 100vh; +} +.allinoneLanding #navbar-head * { + color: white; +} +.allinoneLanding .headingAllinOne { + position: absolute; + bottom: 10%; + left: 0; +} + +.sectionTwoImgAllInone { + transform: scale(1.4); +} + +.allinoneDualMarginTop { + margin-top: 200px; +} + +.sectionfiveAllinOne .infoContainer { + position: relative; +} +.sectionfiveAllinOne .infoContainer .infoContainerOneText { + position: absolute; + top: 20%; + left: 50%; + transform: translateX(-50%); +} +.sectionfiveAllinOne .infoContainer .infoContainerOneText > h1 { + font-size: 1.7rem; +} + +.infoContainerYellow { + background-color: #FFB518; +} + +.infoContainerOrange { + background-color: #E05E00; + color: white; +} + +.infoContainerBlue { + background-color: #461DCF; + color: white; +} + +.infoContainer_des { + font-size: 0.8rem; +} + +.supportBoxCircle { + width: 100px; + height: 100px; + background-color: black; + border-radius: 50%; +} + +.carouselLanding { + overflow-x: auto; + display: flex; + gap: 50px; + margin-bottom: 4rem; +} +.carouselLanding .carouselLandingItem { + width: 300px; +} +.carouselLanding .carouselLandingItem > div { + border-radius: 25px; + overflow: hidden; +} +.carouselLanding .carouselLandingItem .carouselLandingItemInner { + position: relative; +} +.carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.453); +} + +@media (max-width: 1300px) { + .laptopsSection .headinglaptop { + font-size: 5rem; + } + .headinglaptopSub { + font-size: 1.2rem; + } +} +@media (max-width: 1000px) { + .laptopsSection .headinglaptop { + font-size: 3rem; + } + .headinglaptopSub { + font-size: 1.2rem; + } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer { + padding: 2rem; + } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer h1 { + font-size: 2rem; + } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer .allinoneDualMarginTop_p { + font-size: 1rem; + } + .allinoneDualMarginTop { + margin-top: 100px; + } +} +@media (tab-port) { + .laptopsSection .headinglaptop { + font-size: 2rem; + } + .headinglaptopSub { + font-size: 1rem; + } +} +@media only screen and (max-width: 600px) { + .headingAllinOne > h1 { + font-size: 2rem; + } +} +@media (max-width: 600px) { + .supTitleSection { + text-align: center; + font-size: 1rem; + } + .allinoneDualMarginTop .clipPathSectionCol { + padding-right: 0 !important; + } + .headingAllinOne { + padding-left: 2rem !important; + padding-right: 2rem !important; + } + .headingAllinOne > h1 { + font-size: 2rem; + } + .laptopSectionDesP { + padding: 1rem; + width: 100%; + align-items: center; + } + .allinoneDualMarginTop .clipPathSectionCol { + padding-left: 0 !important; + } + .clipPathSectionCol .allinoneDualMarginTop_pContainer { + padding: 2rem; + align-items: center; + } + .clipPathSectionCol .innerClipPathImgSectionThree { + top: 30%; + } + .clipPathSectionCol .innerClipPathImgSectionFour { + top: 30%; + } + .supportBoxParent { + padding: 2rem; + gap: 1.5rem; + } + .allinoneDualMarginTop_p { + text-align: center; + font-size: 1rem; + } + .insightsAdvHeading { + margin-top: 2rem; + } + .insightsAdv { + width: 100vw; + padding: 1rem; + } + .insightsAdv > ul { + overflow-x: auto; + } + .carouselLanding { + overflow-x: auto; + display: block; + gap: 0; + margin-bottom: 1rem; + } + .carouselLanding .carouselLandingItem { + width: 100%; + } + .carouselLanding .carouselLandingItem > div { + border-radius: 25px; + overflow: hidden; + } + .carouselLanding .carouselLandingItem .carouselLandingItemInner { + position: relative; + } + .carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.453); + } + .carouselLanding .mt-5C { + margin-top: 0; + } +} +@media (max-width: 320px) { + .laptopsSection .headinglaptopSub { + text-align: center; + font-size: 1rem; + } + .laptopsSection .laptopSectionDesP { + gap: 2rem !important; + } + .allinoneDualMarginTop .allinoneDualMarginTop_p { + text-align: center; + font-size: 1rem; + } + .allinoneDualMarginTop .allinoneDualMarginTop_pContainer { + width: 100%; + } + .allinoneDualMarginTop .clipPathSectionCol { + padding-left: 0 !important; + padding-right: 0 !important; + } + .clipPathSectionCol .innerClipPathImgSectionThree { + top: 22%; + } + .clipPathSectionCol .innerClipPathImgSectionFour { + top: 22%; + } + .clipPathSectionCol .innerClipPathImgFirstFour { + top: 0; + } + .allinoneDualMarginTop { + margin-top: 100px; + } + .allinoneDualMarginTop .innerClipPathImgFirstThree { + top: 0; } } /* @@ -840,4 +1708,16 @@ 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 */ \ No newline at end of file diff --git a/styles/style.css.map b/styles/style.css.map index 0321e7e..358e59e 100644 --- a/styles/style.css.map +++ b/styles/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["abstracts/_mixins.scss","base/_base.scss","style.css","base/_utilities.scss","components/_button.scss","pages/_productOverview.scss","pages/_home.scss","pages/_shopping-cart.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["abstracts/_mixins.scss","base/_base.scss","style.css","base/_utilities.scss","components/_button.scss","pages/_productOverview.scss","pages/productOverview/_designedpro.scss","pages/productOverview/_popupkeyboard.scss","pages/productOverview/_dragondisplay.scss","pages/productOverview/_lens.scss","pages/productOverview/_professinalGrade.scss","pages/productOverview/_stunningsound.scss","pages/productOverview/_wifisection.scss","pages/productOverview/_tablesection.scss","pages/_allInOne.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/styles/style.scss b/styles/style.scss index 5bd2e45..807a3e4 100644 --- a/styles/style.scss +++ b/styles/style.scss @@ -8,9 +8,18 @@ @import "components/button"; // pages @import "pages/productOverview"; -@import "pages/home"; -@import "pages/shopping-cart"; +@import "pages/productOverview/designedpro"; +@import "pages/productOverview/popupkeyboard"; +@import "pages/productOverview/dragondisplay"; +@import "pages/productOverview/lens"; +@import "pages/productOverview/professinalGrade"; +@import "pages/productOverview/stunningsound"; +@import "pages/productOverview/wifisection"; +@import "pages/productOverview/tablesection"; +// @import "pages/home"; +// @import "pages/shopping-cart"; +@import "pages/allInOne"; /* 0 - 600px: Phone 600 - 900px: Tablet portrait @@ -185,4 +194,15 @@ body { line-height: 2rem; font-family: "Satoshi", sans-serif; } -} \ No newline at end of file +} + +// sachin + /* footer */ + .footer-wrapper { + background-color: rgb(0, 0, 0); + border-radius: 0 275px 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; + } \ No newline at end of file