From bf40e92dfea46255778b0a0d10f353e690288747 Mon Sep 17 00:00:00 2001 From: Robert Woodruff Date: Sat, 5 Dec 2020 20:53:37 -0500 Subject: [PATCH 1/5] Week 3 lab 2 DRAFT --- .DS_Store | Bin 0 -> 6148 bytes css/stylesheet.css | 18 ++++++++++++++++++ index.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 63 insertions(+) create mode 100644 .DS_Store create mode 100644 css/stylesheet.css create mode 100644 index.html diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..f16292ac00e338ef9b5a2b1ff8dbcd0c6539fe10 GIT binary patch literal 6148 zcmeHKJx{|x41K0WDj=b5FlJ<-5;IGv(t&}6{sCwU1t~PB1;m(zAH%PNXZt`+=!^ui zrMu_zS8`9vT?{~m&$APt51_}PD5`7_HE(onrQmI%XpL$*DXR%rTJCR%zIz8#tgt#S z*WX_b=sEf@v8|-2m+^8@R*N}p+%xuZiwa9T;F#Jy7Pv-<0UoK%n-y`|s<>^jiTw;VX6u2M`m@#W+;JuZ>Wk@g(3E?XS`W!A9FjZ691H{lO$Iu??CbqM;-|E+$#15_Di{a`{uu+(Eyl%= zn@V@{ GVBiyX+(p&^ literal 0 HcmV?d00001 diff --git a/css/stylesheet.css b/css/stylesheet.css new file mode 100644 index 0000000..042bf36 --- /dev/null +++ b/css/stylesheet.css @@ -0,0 +1,18 @@ +.center { + margin: auto; + Width: fit-content; + border: 1px solid gainsboro; + padding: 10px; +} + +form { + background-color: lightgreen; + border-radius: 10px; +} + +button { + background-color: black; + color: white; + border-radius: 15px; + padding: 3px 15px; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..5d3889a --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + Week 3 Lab 2 + + + +
+
+

Step 1: Your details

+ +
+ +
+ + + +

Step 2: Delivery address

+ +
+ +
+ +
+ +

Step 3: Card details

+
+ + +
+ + +
+ +
+ +
+ +
+
+
+ + \ No newline at end of file From e021caccf30fdbbd4a667b723b9d78e721540f1b Mon Sep 17 00:00:00 2001 From: Robert Woodruff Date: Sat, 5 Dec 2020 22:43:42 -0500 Subject: [PATCH 2/5] Week 3 lab 2 DRAFT 2 --- css/stylesheet.css | 41 ++++++++++++++++++++++++++++++++++++++--- index.html | 23 +++++++++++++---------- 2 files changed, 51 insertions(+), 13 deletions(-) diff --git a/css/stylesheet.css b/css/stylesheet.css index 042bf36..a1597a5 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -3,16 +3,51 @@ Width: fit-content; border: 1px solid gainsboro; padding: 10px; + font-family: serif; } form { - background-color: lightgreen; + background-color: rgba(161, 204, 82, 0.884); border-radius: 10px; + padding: 20px; + color: rgba(63, 57, 57, 0.795); +} + +h4 { + margin: 10px 0 10px; +} + +label { + font-size: .9em; +} + +.borders { + border: 1px solid lightslategrey; + padding: 5px; + border-radius: 5px; + background-color: rgba(225, 243, 192, 0.884) } button { - background-color: black; + background-color: rgba(63, 57, 57, 0.795); color: white; border-radius: 15px; - padding: 3px 15px; + padding: 5px 20px; + font-size: 1.1em; + font-family: none; + margin: 8px 0 15px; +} + +.btn { + text-align: center; +} + +input[type="text"], +input[type="tel"], +input[type="email"] { + width: 200px; +} + +::placeholder { + font-style: italic; } \ No newline at end of file diff --git a/index.html b/index.html index 5d3889a..1212a0b 100644 --- a/index.html +++ b/index.html @@ -9,23 +9,25 @@
-

Step 1: Your details

- -
+

Step 1: Your details

+
+ +
+
-
+
- + -

Step 2: Delivery address

+

Step 2: Delivery address

-
+


-

Step 3: Card details

+

Step 3: Card details


@@ -36,9 +38,10 @@

Step 3: Card details


-
- +
+

+
From d79fea7b896613f6ad6c8a43549ef79599a2d24d Mon Sep 17 00:00:00 2001 From: Robert Woodruff Date: Sun, 6 Dec 2020 10:20:27 -0500 Subject: [PATCH 3/5] Week 3 lab 2 DRAFT v3 --- css/stylesheet.css | 21 ++++++++++----- index.html | 67 ++++++++++++++++++++++++++++------------------ 2 files changed, 55 insertions(+), 33 deletions(-) diff --git a/css/stylesheet.css b/css/stylesheet.css index a1597a5..495b336 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -1,4 +1,4 @@ -.center { +.centerForm { margin: auto; Width: fit-content; border: 1px solid gainsboro; @@ -8,7 +8,7 @@ form { background-color: rgba(161, 204, 82, 0.884); - border-radius: 10px; + border-radius: 5px; padding: 20px; color: rgba(63, 57, 57, 0.795); } @@ -19,13 +19,15 @@ h4 { label { font-size: .9em; + padding-right: 45px; } .borders { - border: 1px solid lightslategrey; + border: 1px solid whitesmoke; padding: 5px; border-radius: 5px; - background-color: rgba(225, 243, 192, 0.884) + background-color: rgba(198, 226, 147, 0.884); + margin-bottom: 3px; } button { @@ -35,17 +37,22 @@ button { padding: 5px 20px; font-size: 1.1em; font-family: none; - margin: 8px 0 15px; + margin-top: 8px; } -.btn { +.centerDiv { text-align: center; } input[type="text"], input[type="tel"], input[type="email"] { - width: 200px; + width: 220px; +} + +textarea { + height: 90px; + width: 220px; } ::placeholder { diff --git a/index.html b/index.html index 1212a0b..915c603 100644 --- a/index.html +++ b/index.html @@ -7,41 +7,56 @@ -
+

Step 1: Your details

-
+

- -
+
+ +
+
+
- +

Step 2: Delivery address

- -
- -
- -
- +
+ +
+
+
+ +
+
+
+ +
+

Step 3: Card details

-
- - -
- - -
- -
- -
-
-
-
+
+
+ + +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
From ecbda074c03d7582aba5d00b2a7daf65fd5ac9fd Mon Sep 17 00:00:00 2001 From: Robert Woodruff Date: Sun, 6 Dec 2020 10:49:00 -0500 Subject: [PATCH 4/5] Week 3 lab 2 FINAL --- css/stylesheet.css | 17 ++++++++++++++++- index.html | 24 ++++++++++++------------ 2 files changed, 28 insertions(+), 13 deletions(-) diff --git a/css/stylesheet.css b/css/stylesheet.css index 495b336..30a56af 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -19,7 +19,12 @@ h4 { label { font-size: .9em; - padding-right: 45px; + display:inline-block; + width: 100px; +} + +.label { + margin-bottom: 10px; } .borders { @@ -48,11 +53,21 @@ input[type="text"], input[type="tel"], input[type="email"] { width: 220px; + border: none; + border-radius: 2px; + height: 25px; } textarea { height: 90px; width: 220px; + border-radius: 2px; + border: none; +} + +.topleft { + float: left; + margin-right: 4px; } ::placeholder { diff --git a/index.html b/index.html index 915c603..ac020cd 100644 --- a/index.html +++ b/index.html @@ -10,47 +10,47 @@

Step 1: Your details

-
+

-
+

-
- - +
+ +

Step 2: Delivery address

-
+

-
+

-
+

Step 3: Card details

-
+

-
+

-
+

-
+

From 1fe4424dc11b20053d995a7da23cd638b83da5f3 Mon Sep 17 00:00:00 2001 From: Robert Woodruff Date: Sun, 6 Dec 2020 11:02:53 -0500 Subject: [PATCH 5/5] Week 3 lab 2 FINAL --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index ac020cd..a7cdf04 100644 --- a/index.html +++ b/index.html @@ -39,7 +39,7 @@

Step 3: Card details


- +