diff --git a/RateUs.html b/RateUs.html index 44db71e4..e935ebc0 100644 --- a/RateUs.html +++ b/RateUs.html @@ -5,6 +5,10 @@ Emoji Rating App + + + + + + +
+
+

Login Page

+ +
+ + +
+    + +
+ +

Don't have an account? sign in

+ +
+ +
+
+ +
+
+ + + + + + + +
+ +
@@ -392,6 +679,18 @@ } + + + + + + diff --git a/about.html b/about.html index 2afa4eaf..82128289 100644 --- a/about.html +++ b/about.html @@ -21,6 +21,12 @@ - favicon --> + + + + + + @@ -331,6 +337,280 @@ } + + + + + +
+
+

Login Page

+ +
+ + +
+    + +
+ +

Don't have an account? sign in

+ +
+ +
+
+ +
+
+ + + + + +
@@ -378,6 +658,8 @@
+ + + + + + + + + + + diff --git a/contact.html b/contact.html index 5b16b54c..9f9e3fba 100644 --- a/contact.html +++ b/contact.html @@ -16,7 +16,12 @@ + + + + + @@ -366,6 +371,273 @@ } + + + + + +
+
+

Login Page

+ +
+ + +
+    + +
+ +

Don't have an account? sign in

+ +
+ +
+
+ +
+
+ + + + + +
@@ -419,6 +691,9 @@ + + + + @@ -739,6 +1022,10 @@

+ + + + diff --git a/contributor.html b/contributor.html index b6626937..d6a07476 100644 --- a/contributor.html +++ b/contributor.html @@ -16,6 +16,9 @@ + + + +
+
+

Login Page

+ +
+ + +
+    + +
+ +

Don't have an account? sign in

+ +
+ +
+
+ +
+
+ + + + + + + +
@@ -360,6 +638,9 @@
+ + +
@@ -441,6 +722,14 @@

Meet Our Contributors

🠕
+ + @@ -451,6 +740,11 @@

Meet Our Contributors

+ + + + + diff --git a/index.html b/index.html index 3ea0a1c1..f1b04ecb 100644 --- a/index.html +++ b/index.html @@ -369,6 +369,7 @@ } + - + + + + + diff --git a/style.css b/style.css index e796df5c..46017d18 100644 --- a/style.css +++ b/style.css @@ -13,6 +13,30 @@ z-index: 100; } +#loginButton { + background-color: #f44336; + color: white; + padding: 10px 20px; + border: none; + border-radius: 10px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease, transform 0.3s ease; + margin-top: -1.5rem; + margin-right: -7rem; +} + +/* Hover Effect */ +#loginButton:hover { + background-color: #e53935; /* Slightly darker green */ + transform: scale(1.05); /* Slightly increase the size of the button */ +} + +/* Focus Effect */ +#loginButton:focus { + outline: none; /* Remove outline on focus */ + box-shadow: 0 0 5px rgba(244, 67, 54, 0.6); /* Add subtle glow effect */ +} .radio-wrapper { position: relative; height: 55px;