From e031080caded244ec6682f1b77ea70adb253c4ea Mon Sep 17 00:00:00 2001 From: unknown Date: Sun, 28 Jul 2024 13:52:56 +0530 Subject: [PATCH] Added a signup page --- .history/index_20240728131009.html | 228 ++++++++++++++++++ .history/index_20240728131459.html | 233 +++++++++++++++++++ .history/index_20240728134527.html | 233 +++++++++++++++++++ .history/index_20240728134603.html | 233 +++++++++++++++++++ .history/index_20240728135150.html | 233 +++++++++++++++++++ .history/login_20240728131009.html | 209 +++++++++++++++++ .history/login_20240728134831.html | 204 ++++++++++++++++ .history/login_20240728135158.html | 204 ++++++++++++++++ .history/signup_20240728131423.html | 0 .history/signup_20240728131459.html | 211 +++++++++++++++++ .history/signup_20240728132531.html | 211 +++++++++++++++++ .history/signup_20240728132617.css | 0 .history/signup_20240728132709.css | 103 +++++++++ .history/signup_20240728132710.html | 210 +++++++++++++++++ .history/signup_20240728132932.css | 103 +++++++++ .history/signup_20240728133057.css | 103 +++++++++ .history/signup_20240728133134.css | 103 +++++++++ .history/signup_20240728133437.css | 144 ++++++++++++ .history/signup_20240728133437.html | 210 +++++++++++++++++ .history/signup_20240728133558.css | 144 ++++++++++++ .history/signup_20240728133652.css | 144 ++++++++++++ .history/signup_20240728133733.css | 144 ++++++++++++ .history/signup_20240728133759.css | 144 ++++++++++++ .history/signup_20240728133836.css | 144 ++++++++++++ .history/signup_20240728133901.css | 143 ++++++++++++ .history/signup_20240728134417.css | 183 +++++++++++++++ .history/signup_20240728134417.html | 197 ++++++++++++++++ .history/signup_20240728134440.html | 197 ++++++++++++++++ .history/signup_20240728134443.css | 183 +++++++++++++++ .history/signup_20240728134831.html | 197 ++++++++++++++++ .history/signup_20240728135108.html | 205 +++++++++++++++++ .history/signup_20240728135155.html | 205 +++++++++++++++++ .history/signup_20240728135202.css | 183 +++++++++++++++ index.html | 345 ++++++++++++++-------------- login.html | 343 ++++++++++++++------------- signup.css | 183 +++++++++++++++ signup.html | 205 +++++++++++++++++ 37 files changed, 6320 insertions(+), 344 deletions(-) create mode 100644 .history/index_20240728131009.html create mode 100644 .history/index_20240728131459.html create mode 100644 .history/index_20240728134527.html create mode 100644 .history/index_20240728134603.html create mode 100644 .history/index_20240728135150.html create mode 100644 .history/login_20240728131009.html create mode 100644 .history/login_20240728134831.html create mode 100644 .history/login_20240728135158.html create mode 100644 .history/signup_20240728131423.html create mode 100644 .history/signup_20240728131459.html create mode 100644 .history/signup_20240728132531.html create mode 100644 .history/signup_20240728132617.css create mode 100644 .history/signup_20240728132709.css create mode 100644 .history/signup_20240728132710.html create mode 100644 .history/signup_20240728132932.css create mode 100644 .history/signup_20240728133057.css create mode 100644 .history/signup_20240728133134.css create mode 100644 .history/signup_20240728133437.css create mode 100644 .history/signup_20240728133437.html create mode 100644 .history/signup_20240728133558.css create mode 100644 .history/signup_20240728133652.css create mode 100644 .history/signup_20240728133733.css create mode 100644 .history/signup_20240728133759.css create mode 100644 .history/signup_20240728133836.css create mode 100644 .history/signup_20240728133901.css create mode 100644 .history/signup_20240728134417.css create mode 100644 .history/signup_20240728134417.html create mode 100644 .history/signup_20240728134440.html create mode 100644 .history/signup_20240728134443.css create mode 100644 .history/signup_20240728134831.html create mode 100644 .history/signup_20240728135108.html create mode 100644 .history/signup_20240728135155.html create mode 100644 .history/signup_20240728135202.css create mode 100644 signup.css create mode 100644 signup.html diff --git a/.history/index_20240728131009.html b/.history/index_20240728131009.html new file mode 100644 index 0000000..c0b85ce --- /dev/null +++ b/.history/index_20240728131009.html @@ -0,0 +1,228 @@ + + + + + + + + Blogzen + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
+ + + + +
+
+ + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+ + +
+
+ + + +
+ + + +
+ +
+ + + + + +
+
+
Follow us on our socials
+
+
+
+ +
+
+
+ + + + + + +
+
Contact Us
+
Blogzen@gmail.com
 +
+
+ + + +
+
+

Blogzen 24/7

+ close +
+ +
+ + send +
+
+ + + + + + + + \ No newline at end of file diff --git a/.history/index_20240728131459.html b/.history/index_20240728131459.html new file mode 100644 index 0000000..e5ac34a --- /dev/null +++ b/.history/index_20240728131459.html @@ -0,0 +1,233 @@ + + + + + + + + Blogzen + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
+ + + + +
+
+ + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+ + +
+
+ + + +
+ + + +
+ +
+ + + + + +
+
+
Follow us on our socials
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + + + + + +
+
Contact Us
+ +
Blogzen@gmail.com
+ +
+
+ + + +
+
+

Blogzen 24/7

+ close +
+ +
+ + send +
+
+ + + + + + + + \ No newline at end of file diff --git a/.history/index_20240728134527.html b/.history/index_20240728134527.html new file mode 100644 index 0000000..df1b3ac --- /dev/null +++ b/.history/index_20240728134527.html @@ -0,0 +1,233 @@ + + + + + + + + Blogzen + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
+ + + + +
+
+ + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+ + +
+
+ + + +
+ + + +
+ +
+ + + + + +
+
+
Follow us on our socials
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + + + + + +
+
Contact Us
+ +
Blogzen@gmail.com
+ +
+
+ + + +
+
+

Blogzen 24/7

+ close +
+ +
+ + send +
+
+ + + + + + + + \ No newline at end of file diff --git a/.history/index_20240728134603.html b/.history/index_20240728134603.html new file mode 100644 index 0000000..6e3b5d8 --- /dev/null +++ b/.history/index_20240728134603.html @@ -0,0 +1,233 @@ + + + + + + + + Blogzen + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
+ + + + +
+
+ + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+ + +
+
+ + + +
+ + + +
+ +
+ + + + + +
+
+
Follow us on our socials
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + + + + + +
+
Contact Us
+ +
Blogzen@gmail.com
+ +
+
+ + + +
+
+

Blogzen 24/7

+ close +
+ +
+ + send +
+
+ + + + + + + + \ No newline at end of file diff --git a/.history/index_20240728135150.html b/.history/index_20240728135150.html new file mode 100644 index 0000000..6e3b5d8 --- /dev/null +++ b/.history/index_20240728135150.html @@ -0,0 +1,233 @@ + + + + + + + + Blogzen + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ +
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
+ + + + +
+
+ + + + + +
+ +
+ + + + + + + +
+ +
+ + +
+ + +
+
+ + + +
+ + + +
+ +
+ + + + + +
+
+
Follow us on our socials
+
+
+ +
+
+ +
+ +
+ +
+
+
+ + + + + + +
+
Contact Us
+ +
Blogzen@gmail.com
+ +
+
+ + + +
+
+

Blogzen 24/7

+ close +
+ +
+ + send +
+
+ + + + + + + + \ No newline at end of file diff --git a/.history/login_20240728131009.html b/.history/login_20240728131009.html new file mode 100644 index 0000000..8ad76ab --- /dev/null +++ b/.history/login_20240728131009.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Login + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/login_20240728134831.html b/.history/login_20240728134831.html new file mode 100644 index 0000000..d84c2d9 --- /dev/null +++ b/.history/login_20240728134831.html @@ -0,0 +1,204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Login + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/login_20240728135158.html b/.history/login_20240728135158.html new file mode 100644 index 0000000..d84c2d9 --- /dev/null +++ b/.history/login_20240728135158.html @@ -0,0 +1,204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Login + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728131423.html b/.history/signup_20240728131423.html new file mode 100644 index 0000000..e69de29 diff --git a/.history/signup_20240728131459.html b/.history/signup_20240728131459.html new file mode 100644 index 0000000..0ef945d --- /dev/null +++ b/.history/signup_20240728131459.html @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Sign Up + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728132531.html b/.history/signup_20240728132531.html new file mode 100644 index 0000000..63b6d16 --- /dev/null +++ b/.history/signup_20240728132531.html @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Sign Up + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728132617.css b/.history/signup_20240728132617.css new file mode 100644 index 0000000..e69de29 diff --git a/.history/signup_20240728132709.css b/.history/signup_20240728132709.css new file mode 100644 index 0000000..f03fbe9 --- /dev/null +++ b/.history/signup_20240728132709.css @@ -0,0 +1,103 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + padding: 20px; + text-align: center; + background-color: #f8f8f8; +} + +.footer_titles { + margin: 20px 0; +} \ No newline at end of file diff --git a/.history/signup_20240728132710.html b/.history/signup_20240728132710.html new file mode 100644 index 0000000..3577cdb --- /dev/null +++ b/.history/signup_20240728132710.html @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Sign Up + + + + + +
+ +
+ +
+
+
Follow us on our socials
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728132932.css b/.history/signup_20240728132932.css new file mode 100644 index 0000000..f765662 --- /dev/null +++ b/.history/signup_20240728132932.css @@ -0,0 +1,103 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + padding: 100px; + text-align: center; + background-color: #f8f8f8; +} + +.footer_titles { + margin: 20px 0; +} \ No newline at end of file diff --git a/.history/signup_20240728133057.css b/.history/signup_20240728133057.css new file mode 100644 index 0000000..5691fb2 --- /dev/null +++ b/.history/signup_20240728133057.css @@ -0,0 +1,103 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + padding: 100px; + text-align: center; + background-color: #f8f8f8; +} + +.footer_titles { + margin: 100px 0; +} \ No newline at end of file diff --git a/.history/signup_20240728133134.css b/.history/signup_20240728133134.css new file mode 100644 index 0000000..71459a4 --- /dev/null +++ b/.history/signup_20240728133134.css @@ -0,0 +1,103 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + padding: 100px; + text-align: center; + background-color: #f8f8f8; +} + +.footer_titles { + margin: 100px 50px; +} \ No newline at end of file diff --git a/.history/signup_20240728133437.css b/.history/signup_20240728133437.css new file mode 100644 index 0000000..adcaae3 --- /dev/null +++ b/.history/signup_20240728133437.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 20px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 20px 0; +} + +.footer .footer_titles { + margin-bottom: 10px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 10px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 10px; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133437.html b/.history/signup_20240728133437.html new file mode 100644 index 0000000..3577cdb --- /dev/null +++ b/.history/signup_20240728133437.html @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Sign Up + + + + + +
+ +
+ +
+
+
Follow us on our socials
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728133558.css b/.history/signup_20240728133558.css new file mode 100644 index 0000000..6291887 --- /dev/null +++ b/.history/signup_20240728133558.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 20px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 10px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 10px; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133652.css b/.history/signup_20240728133652.css new file mode 100644 index 0000000..8662a8d --- /dev/null +++ b/.history/signup_20240728133652.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 20px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 10px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 0; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133733.css b/.history/signup_20240728133733.css new file mode 100644 index 0000000..15d71cd --- /dev/null +++ b/.history/signup_20240728133733.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 5px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 10px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 0; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133759.css b/.history/signup_20240728133759.css new file mode 100644 index 0000000..b2cabac --- /dev/null +++ b/.history/signup_20240728133759.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 5px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 0px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 0; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133836.css b/.history/signup_20240728133836.css new file mode 100644 index 0000000..56015e5 --- /dev/null +++ b/.history/signup_20240728133836.css @@ -0,0 +1,144 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 50vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 5px; + text-align: center; + position: absolute; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 0px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 0; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728133901.css b/.history/signup_20240728133901.css new file mode 100644 index 0000000..ec65cc1 --- /dev/null +++ b/.history/signup_20240728133901.css @@ -0,0 +1,143 @@ +body { + background-color: #6a0dad; + /* Purple background color */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + font-family: 'Roboto', sans-serif; +} + +.main-signup { + display: flex; + max-width: 900px; + background-color: white; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.left-signup { + flex: 1; + padding: 40px; + background-color: #f8f8f8; +} + +.left-signup img { + width: 100%; + max-width: 400px; + display: block; + margin: 0 auto; +} + +.right-signup { + flex: 1; + padding: 40px; + background-color: #fff; +} + +.card-signup { + max-width: 400px; + margin: 0 auto; + text-align: center; +} + +.close-btn { + position: absolute; + top: 10px; + right: 10px; + background: none; + border: none; + font-size: 24px; + cursor: pointer; +} + +.textfield { + margin: 20px 0; +} + +.textfield label { + display: block; + text-align: left; + margin-bottom: 5px; +} + +.textfield input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +#signup-hide { + position: absolute; + right: 10px; + top: 35px; + cursor: pointer; +} + +.btn-signup { + width: 100%; + padding: 10px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.btn-signup:hover { + background-color: #5a0d9a; +} + +.footer { + width: 100%; + background-color: #f8f8f8; + padding: 5px; + text-align: center; + bottom: 0; +} + +.footer .socials, +.footer .newsletter { + margin: 10px 0; +} + +.footer .footer_titles { + margin-bottom: 0px; +} + +.footer .icons { + display: flex; + justify-content: center; + gap: 5px; +} + +.footer #subscriptionForm { + display: flex; + flex-direction: column; + align-items: center; +} + +.footer #subscriptionForm input[type="email"] { + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 0; +} + +.footer #subscriptionForm button { + padding: 10px 20px; + background-color: #6a0dad; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.footer #subscriptionForm button:hover { + background-color: #5a0d9a; +} \ No newline at end of file diff --git a/.history/signup_20240728134417.css b/.history/signup_20240728134417.css new file mode 100644 index 0000000..2b0d0fe --- /dev/null +++ b/.history/signup_20240728134417.css @@ -0,0 +1,183 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); +body { + margin: 0; + font-family: 'Noto Sans', sans-serif; +} + +body * { + box-sizing: border-box; +} + +.main-login { + width: 100vw; + height: 140vh; + background: rgb(84, 50, 208); + display: flex; + justify-content: center; + align-items: center; + padding-top: 100px; + padding-bottom: 50px; +} + +.left-login { + width: 50vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.left-login>h1 { + color: white; + font-size: 2.5vw; +} + +.left-login-image { + width: 35vw; +} + +.right-login { + width: 60vw; + height: 0vh; + display: flex; + justify-content: center; + align-items: center; +} + +.card-login { + width: 70%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 30px 35px; + border-radius: 20px; + box-shadow: 0px 10px 50px #000000a4; + background-color: white; +} + +.card-login>h1 { + color: rgb(84, 50, 208); + font-weight: 800; + margin: 0; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 10px 0px; + position: relative; +} + +.icon { + position: absolute; + top: calc(55%); + left: 84.9%; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 3px 10px #00000056; + outline: none; + box-sizing: border-box; +} + +.textfield>label { + color: black; + margin-bottom: 10px; + font-weight: bold; +} + +.textfield>input::placeholder { + color: #000000; +} + +.btn-login { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +.btn-login:hover { + background: rgba(111, 50, 208, 0.9); +} + +#google-signup { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +#google-signup:hover { + background: rgba(111, 50, 208, 0.9); +} + +.close-btn { + background-color: transparent; + border: none; + font-size: 36px; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + color: white; +} + +@media only screen and (max-width: 950px) { + .card-login { + width: 85%; + } +} + +@media only screen and (max-width: 600px) { + .main-login { + flex-direction: column; + } + .left-login>h1 { + display: none; + } + .left-login { + width: 100%; + height: auto; + } + .right-login { + width: 100%; + height: auto; + } + .left-login-image { + width: 40vh; + } + .card-login { + width: 90%; + } +} \ No newline at end of file diff --git a/.history/signup_20240728134417.html b/.history/signup_20240728134417.html new file mode 100644 index 0000000..cf0da6e --- /dev/null +++ b/.history/signup_20240728134417.html @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728134440.html b/.history/signup_20240728134440.html new file mode 100644 index 0000000..cf0da6e --- /dev/null +++ b/.history/signup_20240728134440.html @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728134443.css b/.history/signup_20240728134443.css new file mode 100644 index 0000000..2b0d0fe --- /dev/null +++ b/.history/signup_20240728134443.css @@ -0,0 +1,183 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); +body { + margin: 0; + font-family: 'Noto Sans', sans-serif; +} + +body * { + box-sizing: border-box; +} + +.main-login { + width: 100vw; + height: 140vh; + background: rgb(84, 50, 208); + display: flex; + justify-content: center; + align-items: center; + padding-top: 100px; + padding-bottom: 50px; +} + +.left-login { + width: 50vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.left-login>h1 { + color: white; + font-size: 2.5vw; +} + +.left-login-image { + width: 35vw; +} + +.right-login { + width: 60vw; + height: 0vh; + display: flex; + justify-content: center; + align-items: center; +} + +.card-login { + width: 70%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 30px 35px; + border-radius: 20px; + box-shadow: 0px 10px 50px #000000a4; + background-color: white; +} + +.card-login>h1 { + color: rgb(84, 50, 208); + font-weight: 800; + margin: 0; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 10px 0px; + position: relative; +} + +.icon { + position: absolute; + top: calc(55%); + left: 84.9%; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 3px 10px #00000056; + outline: none; + box-sizing: border-box; +} + +.textfield>label { + color: black; + margin-bottom: 10px; + font-weight: bold; +} + +.textfield>input::placeholder { + color: #000000; +} + +.btn-login { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +.btn-login:hover { + background: rgba(111, 50, 208, 0.9); +} + +#google-signup { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +#google-signup:hover { + background: rgba(111, 50, 208, 0.9); +} + +.close-btn { + background-color: transparent; + border: none; + font-size: 36px; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + color: white; +} + +@media only screen and (max-width: 950px) { + .card-login { + width: 85%; + } +} + +@media only screen and (max-width: 600px) { + .main-login { + flex-direction: column; + } + .left-login>h1 { + display: none; + } + .left-login { + width: 100%; + height: auto; + } + .right-login { + width: 100%; + height: auto; + } + .left-login-image { + width: 40vh; + } + .card-login { + width: 90%; + } +} \ No newline at end of file diff --git a/.history/signup_20240728134831.html b/.history/signup_20240728134831.html new file mode 100644 index 0000000..f78c5f0 --- /dev/null +++ b/.history/signup_20240728134831.html @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728135108.html b/.history/signup_20240728135108.html new file mode 100644 index 0000000..f5991bf --- /dev/null +++ b/.history/signup_20240728135108.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728135155.html b/.history/signup_20240728135155.html new file mode 100644 index 0000000..f5991bf --- /dev/null +++ b/.history/signup_20240728135155.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/.history/signup_20240728135202.css b/.history/signup_20240728135202.css new file mode 100644 index 0000000..2b0d0fe --- /dev/null +++ b/.history/signup_20240728135202.css @@ -0,0 +1,183 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); +body { + margin: 0; + font-family: 'Noto Sans', sans-serif; +} + +body * { + box-sizing: border-box; +} + +.main-login { + width: 100vw; + height: 140vh; + background: rgb(84, 50, 208); + display: flex; + justify-content: center; + align-items: center; + padding-top: 100px; + padding-bottom: 50px; +} + +.left-login { + width: 50vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.left-login>h1 { + color: white; + font-size: 2.5vw; +} + +.left-login-image { + width: 35vw; +} + +.right-login { + width: 60vw; + height: 0vh; + display: flex; + justify-content: center; + align-items: center; +} + +.card-login { + width: 70%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 30px 35px; + border-radius: 20px; + box-shadow: 0px 10px 50px #000000a4; + background-color: white; +} + +.card-login>h1 { + color: rgb(84, 50, 208); + font-weight: 800; + margin: 0; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 10px 0px; + position: relative; +} + +.icon { + position: absolute; + top: calc(55%); + left: 84.9%; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 3px 10px #00000056; + outline: none; + box-sizing: border-box; +} + +.textfield>label { + color: black; + margin-bottom: 10px; + font-weight: bold; +} + +.textfield>input::placeholder { + color: #000000; +} + +.btn-login { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +.btn-login:hover { + background: rgba(111, 50, 208, 0.9); +} + +#google-signup { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +#google-signup:hover { + background: rgba(111, 50, 208, 0.9); +} + +.close-btn { + background-color: transparent; + border: none; + font-size: 36px; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + color: white; +} + +@media only screen and (max-width: 950px) { + .card-login { + width: 85%; + } +} + +@media only screen and (max-width: 600px) { + .main-login { + flex-direction: column; + } + .left-login>h1 { + display: none; + } + .left-login { + width: 100%; + height: auto; + } + .right-login { + width: 100%; + height: auto; + } + .left-login-image { + width: 40vh; + } + .card-login { + width: 90%; + } +} \ No newline at end of file diff --git a/index.html b/index.html index c0b85ce..6e3b5d8 100644 --- a/index.html +++ b/index.html @@ -2,79 +2,76 @@ - - - - Blogzen - - - - - - - - - - - - - - + + + + Blogzen + + + + + + + + + + + + + + - - - -
- -
-
-
- -
- -
-
-
Mon
-
Tue
-
Wed
-
Thur
-
Fri
-
Sat
-
Sun
-
-
-
-
+
+
+
Mon
+
Tue
+
Wed
+
Thur
+
Fri
+
Sat
+
Sun
+
+
+
+
- - -
-
- - - - - -
- -
- - - - - - - + +
+
+ + + + + +
+ +
+ + + + + + + +
+
- -
- + -
- - -
-
- - + +
+
-
- -
+
-
+ +
-
- +
-
-
-
Follow us on our socials
-
-
-
-
-
- - - -
-
-

Blogzen 24/7

- close -
-
    -
  • - smart_toy -

    Welcome !

    -
    • -
  • - -
    • -
-
- - send +
+
+

Blogzen 24/7

+ close +
+
    +
  • + smart_toy +

    Welcome !

    +
    • +
  • + +
    • +
+
+ + send +
-
- + - - + + diff --git a/login.html b/login.html index 8ad76ab..d84c2d9 100644 --- a/login.html +++ b/login.html @@ -2,208 +2,203 @@ - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + - + - Login + Login - -
-
-
-
-
Follow us on our socials
-
- -
-
- - - + + \ No newline at end of file diff --git a/signup.css b/signup.css new file mode 100644 index 0000000..2b0d0fe --- /dev/null +++ b/signup.css @@ -0,0 +1,183 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); +body { + margin: 0; + font-family: 'Noto Sans', sans-serif; +} + +body * { + box-sizing: border-box; +} + +.main-login { + width: 100vw; + height: 140vh; + background: rgb(84, 50, 208); + display: flex; + justify-content: center; + align-items: center; + padding-top: 100px; + padding-bottom: 50px; +} + +.left-login { + width: 50vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.left-login>h1 { + color: white; + font-size: 2.5vw; +} + +.left-login-image { + width: 35vw; +} + +.right-login { + width: 60vw; + height: 0vh; + display: flex; + justify-content: center; + align-items: center; +} + +.card-login { + width: 70%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 30px 35px; + border-radius: 20px; + box-shadow: 0px 10px 50px #000000a4; + background-color: white; +} + +.card-login>h1 { + color: rgb(84, 50, 208); + font-weight: 800; + margin: 0; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 10px 0px; + position: relative; +} + +.icon { + position: absolute; + top: calc(55%); + left: 84.9%; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 3px 10px #00000056; + outline: none; + box-sizing: border-box; +} + +.textfield>label { + color: black; + margin-bottom: 10px; + font-weight: bold; +} + +.textfield>input::placeholder { + color: #000000; +} + +.btn-login { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +.btn-login:hover { + background: rgba(111, 50, 208, 0.9); +} + +#google-signup { + width: 100%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: white; + background: rgb(84, 50, 208); + cursor: pointer; + box-shadow: 0px 10px 40px -12px #00ff8052; +} + +#google-signup:hover { + background: rgba(111, 50, 208, 0.9); +} + +.close-btn { + background-color: transparent; + border: none; + font-size: 36px; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + color: white; +} + +@media only screen and (max-width: 950px) { + .card-login { + width: 85%; + } +} + +@media only screen and (max-width: 600px) { + .main-login { + flex-direction: column; + } + .left-login>h1 { + display: none; + } + .left-login { + width: 100%; + height: auto; + } + .right-login { + width: 100%; + height: auto; + } + .left-login-image { + width: 40vh; + } + .card-login { + width: 90%; + } +} \ No newline at end of file diff --git a/signup.html b/signup.html new file mode 100644 index 0000000..f5991bf --- /dev/null +++ b/signup.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Signup + + + + + +
+ +
+
+
+
Follow us on our socials
+
+ +
+
+ + + + + + \ No newline at end of file