From a23e2c5754acf3f30a7b9fa5291625f060a685b4 Mon Sep 17 00:00:00 2001 From: khushigupta86 Date: Tue, 29 Oct 2024 17:33:48 +0530 Subject: [PATCH] changed --- login.html | 24 ++++--- signup.html | 187 ++++++++++++++++++++++++++++++++++++++++------------ 2 files changed, 161 insertions(+), 50 deletions(-) diff --git a/login.html b/login.html index 368438c5..3a9efaef 100644 --- a/login.html +++ b/login.html @@ -126,19 +126,27 @@ color: white; } - .google-btn, .github-btn { + .google-btn, .github-btn , .twitter-btn , .instagram-btn { width: 36px; height: 36px; margin: 0 5px; border-radius: 50%; transition: transform 0.2s ease; } - .google-btn { + .google-btn , .twitter-btn { margin-right: 20px; } .github-btn { - margin-left: 20px; + margin-left: 10px; + } + + .instagram-btn{ + margin-left: 20px; + } + + .twitter-btn{ + margin-left: 20px; } .google-btn:hover, .github-btn:hover { @@ -203,12 +211,10 @@

LOG IN

- OR -
- - - - + + + +

Don't have an account?
Sign up

diff --git a/signup.html b/signup.html index e2711fa2..6a1bae38 100644 --- a/signup.html +++ b/signup.html @@ -123,8 +123,8 @@ transition: transform 0.1s ease-out; } #github{ - height: 40px; - width: 60px; + height: auto; + width: 40px; } #sub-btn{ padding-left: 110px; @@ -135,48 +135,143 @@ margin-left: 90px; } } + + + /*navbar*/ + header { + background: #333; + color: #fff; + padding: 1rem 0; + position: sticky; + top: 0; + z-index: 1000; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + } + .navbar { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1200px; + margin: 0 auto; + padding: 0 1rem; + } + .site-name { + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1px; + } + .navbar a { + color: #bbb; + font-size: 16px; + text-decoration: none; + margin: 0 0.8rem; + transition: color 0.3s ease; + } + .navbar a:hover { + color: #fff; + } + .navbar .auth a { + background: #ffb7fd; + color: #333; + padding: 8px 16px; + border-radius: 5px; + } + .navbar .auth a:hover { + background: #fff; + color: #ffb7fd; + } + + /* About Section */ + .about-section { + padding: 4rem 1rem; + text-align: center; + } + .about-section h2 { + font-size: 2.5rem; + color: #353047; + margin-bottom: 1rem; + text-align: center; + } + .about-content { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 2rem; + margin-top: 2rem; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + } + .about-text{ + flex: 1; + max-width: 500px; + padding: 20px; + background: rgba(255, 255, 255, 0.3); + border-radius: 20px; + transition: transform 0.3s; + } + + + .about-text:hover, .about-image:hover { + transform: scale(1.05); + } + h3 { + font-size: 2rem; + color: #353047; + margin-bottom: 1rem; + text-align: center; + } + .desc { + text-align: center; + max-width: 800px; + margin: 1.5rem auto; + padding: 1rem; + } + .teams { + max-width: 800px; + margin: 1.5rem auto; + padding: 1rem; + text-align: center; + } + .team-member h4 { + font-size: 1.5rem; + margin-bottom: 0.3rem; + text-align: center; + } + + + .google-btn, .github-btn , .twitter-btn , .instagram-btn { + width: 36px; + height: 36px; + margin: 0 5px; + border-radius: 50%; + transition: transform 0.2s ease; + } + +
- -
-
- +
+
+
Creative Canvas Tool
+ +
+ Sign Up + Login +
- -
+ +

CREATE YOUR ACCOUNT

@@ -211,8 +306,10 @@

CREATE YOUR ACCOUNT

- OR -
- - + + + +
@@ -244,5 +341,13 @@

CREATE YOUR ACCOUNT

} + +