From 9a7a2ccd7a6a9362922e78c001c3a69155b69a15 Mon Sep 17 00:00:00 2001 From: bwcsemaj Date: Tue, 23 Jun 2020 15:35:23 -0400 Subject: [PATCH 1/2] finished login registration exercise --- box-model2.html | 133 +++++++++++++++++++++++++--------------- login-registration.html | 44 +++++++++++++ style.css | 52 ++++++++++++++++ 3 files changed, 178 insertions(+), 51 deletions(-) create mode 100644 login-registration.html create mode 100644 style.css diff --git a/box-model2.html b/box-model2.html index 4dc0c72..d2b1326 100644 --- a/box-model2.html +++ b/box-model2.html @@ -1,57 +1,88 @@ - + + + + + Title of the page + + + +

Box Model Visual

+
+
+ Inner DIV +
+ +
+ Inner DIV2 +
+
+ +
+
+ Inner DIV3 +
+ +
+ Inner DIV4 +
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - - - - - - - - - - \ No newline at end of file diff --git a/login-registration.html b/login-registration.html new file mode 100644 index 0000000..5b3450a --- /dev/null +++ b/login-registration.html @@ -0,0 +1,44 @@ + + + + + + Portal + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+

User Login

+ +
+ +
+ +
+
Forgot Password?
+
+ +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..790e83d --- /dev/null +++ b/style.css @@ -0,0 +1,52 @@ +.green-circle{ + width:20%; + height:20%; + background-color: green; + box-shadow: grey; + align-content: center; + border-radius: 100px; + margin: 0 auto; + box-shadow: 5px 5px 5px 5px rgba(0,0,0,.5); +} + +#user-icon{ + margin: 0 auto; +} + +#form-container{ + background-color: beige; + position: relative; + margin: 0 auto; + height: 100%; +} + +.form-text-field{ + font-size: 2em; + background-color: lightgrey; + height: 35px; + width:200px; + display: block; + margin: 0 auto; +} + +.form-button{ + font-size: 1em; + background-color: cyan; + color: white; + height: 35px; + width: 200px; + display: block; + margin: 0 auto; +} + +#title-icon{ + background-color: beige; +} + +#center-content{ + background-color: beige; + height: 350px; + width: 300px; + margin: 0 auto; + box-shadow: 5px 10px 10px 10px rgba(0,0,0,.5); +} \ No newline at end of file From 2d2603231d8e9fa78c361c3ed6b06371b8b07371 Mon Sep 17 00:00:00 2001 From: bwcsemaj Date: Tue, 23 Jun 2020 15:43:17 -0400 Subject: [PATCH 2/2] finished box model 1 from slide 8 --- box-model1.html | 62 ++++++++++--------------------------------------- 1 file changed, 12 insertions(+), 50 deletions(-) diff --git a/box-model1.html b/box-model1.html index 4dc0c72..6ae3d0c 100644 --- a/box-model1.html +++ b/box-model1.html @@ -1,57 +1,19 @@ - + - - - - - - - - + + + Box Model 1 + - - - - - - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - - - - -
- - -
- - + +

Box Model Visual

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