From bc4a56291ea0a405f562d41cbb080abda2bbe007 Mon Sep 17 00:00:00 2001 From: Yash Sachdeva <98017153+yash107@users.noreply.github.com> Date: Sun, 16 Oct 2022 19:38:34 +0530 Subject: [PATCH 1/4] Create index.html --- Phone Specs Website/index.html | 85 ++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 Phone Specs Website/index.html diff --git a/Phone Specs Website/index.html b/Phone Specs Website/index.html new file mode 100644 index 00000000..2ae80ecb --- /dev/null +++ b/Phone Specs Website/index.html @@ -0,0 +1,85 @@ + + + wesbite + + + +
+ +
+
+ +
+ +
+
+ +
+

Camera

+

12MP,Wide Angle Lens

+
+
+
+ +
+

Processor

+

SnapDragon 785

+
+
+
+ +
+

Display

+

SAMOLED 120Hz

+
+
+
+ +
+

Battery

+

8000mAh

+
+
+
+
+
+ +

Features

+ +
+
+ + + + From 093aaca9f81d88913dd51b507ff3cedaa394ff16 Mon Sep 17 00:00:00 2001 From: Yash Sachdeva <98017153+yash107@users.noreply.github.com> Date: Sun, 16 Oct 2022 19:52:34 +0530 Subject: [PATCH 2/4] Delete index.html --- Phone Specs Website/index.html | 85 ---------------------------------- 1 file changed, 85 deletions(-) delete mode 100644 Phone Specs Website/index.html diff --git a/Phone Specs Website/index.html b/Phone Specs Website/index.html deleted file mode 100644 index 2ae80ecb..00000000 --- a/Phone Specs Website/index.html +++ /dev/null @@ -1,85 +0,0 @@ - - - wesbite - - - -
- -
-
- -
- -
-
- -
-

Camera

-

12MP,Wide Angle Lens

-
-
-
- -
-

Processor

-

SnapDragon 785

-
-
-
- -
-

Display

-

SAMOLED 120Hz

-
-
-
- -
-

Battery

-

8000mAh

-
-
-
-
-
- -

Features

- -
-
- - - - From f9cbd6b746e4ab73621f73d37f5e2e013267a181 Mon Sep 17 00:00:00 2001 From: Yash Sachdeva <98017153+yash107@users.noreply.github.com> Date: Sun, 16 Oct 2022 19:53:01 +0530 Subject: [PATCH 3/4] Create index.html --- phone specs website/index.html | 85 ++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 phone specs website/index.html diff --git a/phone specs website/index.html b/phone specs website/index.html new file mode 100644 index 00000000..fc57f20a --- /dev/null +++ b/phone specs website/index.html @@ -0,0 +1,85 @@ + + + wesbite + + + +
+ +
+
+ +
+ +
+
+ +
+

Camera

+

12MP,Wide Angle Lens

+
+
+
+ +
+

Processor

+

SnapDragon 785

+
+
+
+ +
+

Display

+

SAMOLED 120Hz

+
+
+
+ +
+

Battery

+

8000mAh

+
+
+
+
+
+ +

Features

+ +
+
+ + + + From 59d6fa44698f4c2c6eaff0841dcebf967a4963a3 Mon Sep 17 00:00:00 2001 From: Yash Sachdeva <98017153+yash107@users.noreply.github.com> Date: Sun, 16 Oct 2022 19:53:21 +0530 Subject: [PATCH 4/4] Create style.css --- phone specs website/style.css | 148 ++++++++++++++++++++++++++++++++++ 1 file changed, 148 insertions(+) create mode 100644 phone specs website/style.css diff --git a/phone specs website/style.css b/phone specs website/style.css new file mode 100644 index 00000000..800ae80d --- /dev/null +++ b/phone specs website/style.css @@ -0,0 +1,148 @@ +*{ + margin:0; + padding:0; + font-family:sans-serif; +} + +.main +{ + width:100%; + height:100vh; + position:relative; + overflow:hidden; + background-image: linear-gradient(to right,#9c27b0,#8ecdff); + +} + +nav +{ + width:80%; + position:sticky; + margin:20px auto; + z-index: 1; +} +.logo{ + flex-basis: 20%; + +} +.logo image{ + width:150px; +} + +.nav-links{ + flex:1; + text-align: right; +} +.nav-links ul li{ + list-style: none; + display:inline-block; + margin:0 20px; + +} +.nav-links ul li a{ + color:#fff; + text-decoration: none; + +} + + +.information{ + width:1000px; + height:1000px; + position:absolute; + top:50%; + left:-10%; + transform: translateY(-50%); +} + +#circle{ + width:1000px; + height:1000px; + position:absolute; + top:0; + left:0; + border-radius: 50%; + transform:rotate(0deg) ; + transition: 1s; +} + +.feature img{ + width:70px; + +} +.feature{ + position:absolute; + display:flex; + color:white; +} +.feature div{ + margin-left: 30px; +} +.feature div p{ + margin-top: 8px; +} +.one{ + top:450px; + right:50px; + +} + +.two{ + top:150px; + left:350px; + transform: rotate(-90deg); +} +.three{ + bottom:350px; + left:50px; + transform: rotate(-180deg); +} +.four{ + bottom:150px; + right:350px; + transform: rotate(-270deg); +} + + +.mobile{ + width:200px; + position:absolute; + top:50%; + left:35%; + transform: translateY(-50%); + z-index:1; +} +.controls{ + position:absolute; + right:10%; + top:50%; + transform: translateY(-50%); + text-align: center; +} +.controls h3{ + margin:15px 0; + color:#fff; + + +} + +#upbtn{ + width:15px; + cursor:pointer; +} + +#downbtn{ + width:15px; + cursor:pointer; + transform:rotate(180deg); +} +.overlay{ + width:0; + height:0; + border-top:500px solid #fff; + border-right:500px solid transparent; + border-bottom:500px solid #fff; + border-left:500px solid #fff; + left:0; + right:0; +}