From 40850632a9a2080b3052f764e052b87f78ab482e Mon Sep 17 00:00:00 2001 From: Tamara Siansanda Date: Fri, 4 Nov 2022 21:22:42 +0200 Subject: [PATCH 1/8] Add button ,input and text area, Add register files and Login files --- components/login.html | 49 ++++++++++++++++++++ components/register.html | 97 ++++++++++++++++++++++++++++++++++++++++ css/login.css | 36 +++++++++++++++ css/reg.css | 32 +++++++++++++ 4 files changed, 214 insertions(+) create mode 100644 components/login.html create mode 100644 components/register.html create mode 100644 css/login.css create mode 100644 css/reg.css diff --git a/components/login.html b/components/login.html new file mode 100644 index 0000000..34d82a6 --- /dev/null +++ b/components/login.html @@ -0,0 +1,49 @@ + + + + + + + + Digit Login + + +
+

Login to your Account

+

+ Welcome back! +

+
+
+
+ +
+
+ +
+ forgot password? +
+ +
+
+ +
+

+ Dont have an account? + Register +

+
+
+
+ + + + \ No newline at end of file diff --git a/components/register.html b/components/register.html new file mode 100644 index 0000000..9bde2a3 --- /dev/null +++ b/components/register.html @@ -0,0 +1,97 @@ + + + + + + + + Digit Register Page + + +
+

Create Account

+

+ Enter your details to get start your track + started with us. + +

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

+ Already have an account? + Login +

+
+
+
+ + + \ No newline at end of file diff --git a/css/login.css b/css/login.css new file mode 100644 index 0000000..89c13e6 --- /dev/null +++ b/css/login.css @@ -0,0 +1,36 @@ +*body { +padding: 12px 24px 12px 24px; +} + +/* input fields */ +input[type=email], input[type=password]{ + width: 40%; + padding: 30px; + margin: 5px 10px 22px 10px; + display: inline-block; + border: none; + background: #f1f1f1; +} + +/* Add a background color when the inputs get focus */ +input[type=text]:focus, input[type=password]:focus { + background-color: #ddd; + outline: none; +} + +/* all buttons */ +button { + background-color: blue; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 45%; +} + +.forgot { +padding-left: 500px; +padding-bottom: 10rem; +margin-top: 10rem; +} diff --git a/css/reg.css b/css/reg.css new file mode 100644 index 0000000..2f1c33b --- /dev/null +++ b/css/reg.css @@ -0,0 +1,32 @@ +*body { + padding: 12px 24px 12px 24px; + } + + /* input fields */ + input[type=], input[type=email]{ + width: 40%; + padding: 30px; + margin: 5px 10px 22px 10px; + display:inline-block; + border: none; + background: #f1f1f1; + } + + /* Add a background color when the inputs get focus */ + input[type=text]:focus, input[type=password]:focus { + background-color: #ddd; + outline: none; + } + + /* all buttons */ + button { + background-color: blue; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 11%; + } + + \ No newline at end of file From 663aecd06374b2a5cc8090c0c4390681254ea4d0 Mon Sep 17 00:00:00 2001 From: Tamara Siansanda Date: Tue, 8 Nov 2022 07:51:45 +0200 Subject: [PATCH 2/8] Made changes requsted by the reviewer --- components/register.html | 112 +++++++++++++-------------------------- css/reg.css | 11 +++- 2 files changed, 47 insertions(+), 76 deletions(-) diff --git a/components/register.html b/components/register.html index 9bde2a3..3f095b3 100644 --- a/components/register.html +++ b/components/register.html @@ -19,79 +19,41 @@

Create Account

-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-

- Already have an account? - Login -

-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
- - - \ No newline at end of file + +
+

+ Already have an account? + Login +

+ diff --git a/css/reg.css b/css/reg.css index 2f1c33b..82d1473 100644 --- a/css/reg.css +++ b/css/reg.css @@ -3,7 +3,7 @@ } /* input fields */ - input[type=], input[type=email]{ + input[type=name], input[type=email]{ width: 40%; padding: 30px; margin: 5px 10px 22px 10px; @@ -29,4 +29,13 @@ width: 11%; } + /* .contact-form { + width: 40%; + padding: 30px; + margin: 5px 10px 22px 10px; + display:flex; + border: none; + background: #f1f1f1; + + } */ \ No newline at end of file From f2a36af67a7a2e3d2b7dd698c61b00c5d30703ff Mon Sep 17 00:00:00 2001 From: Tamara Siansanda Date: Tue, 8 Nov 2022 17:18:30 +0200 Subject: [PATCH 3/8] Add css,make changes requsted --- components/login.html | 65 ++++++++++++++--------------------- components/register.html | 72 +++++++++++++++++--------------------- css/login.css | 39 +++++++++++++-------- css/reg.css | 74 ++++++++++++++++++---------------------- 4 files changed, 117 insertions(+), 133 deletions(-) diff --git a/components/login.html b/components/login.html index 34d82a6..9b5ccec 100644 --- a/components/login.html +++ b/components/login.html @@ -6,44 +6,31 @@ Digit Login - - -
-

Login to your Account

-

- Welcome back! -

-
-
-
- -
-
- -
- forgot password? -
- -
-
+ + + +
+
+

Login to your account

+

Welcome back!

+
+ + + + + + + +
+ forgot password? + + +
+ + +
-
-

- Dont have an account? - Register -

-
-
-
- - - \ No newline at end of file + \ No newline at end of file diff --git a/components/register.html b/components/register.html index 3f095b3..941ebbd 100644 --- a/components/register.html +++ b/components/register.html @@ -6,54 +6,46 @@ Digit Register Page - - -
-

Create Account

-

- Enter your details to get start your track - started with us. + + -

-
-
-
-