From d953f9b3b5c4104004aecb3ce8339e0f1ccad9a4 Mon Sep 17 00:00:00 2001 From: jaguerra2017 Date: Mon, 15 Jan 2018 16:15:06 -0500 Subject: [PATCH 1/5] Change readme --- Readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Readme.md b/Readme.md index e69de29..1cc7763 100644 --- a/Readme.md +++ b/Readme.md @@ -0,0 +1 @@ +AngularJS Training \ No newline at end of file From c5f82fd141f84bffdefa32ad3d0c9be8435f619a Mon Sep 17 00:00:00 2001 From: jaguerra2017 Date: Mon, 15 Jan 2018 19:00:37 -0500 Subject: [PATCH 2/5] Adding some code --- css/styles.css | 122 +++++++++++++++++++++++++++++++++++++ html/formulario.html | 142 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 264 insertions(+) create mode 100644 css/styles.css create mode 100644 html/formulario.html diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..5ab8b92 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,122 @@ +body{ + font-family: Calibri; +} + +u{ + padding-bottom: 30px; +} + +header { + color: forestgreen; + font-size: 2em; + font-weight: bold; +} + +section { + border: solid 0.5px #95c9bc; +} + +section > header { + background-color: #95c9bc; + width: 100%; +} + +section > footer { + background-color: lightgray; + width: 100%; + display: flex; + flex-flow: row wrap; + justify-content: center; +} + +article{ + padding: 8px; +} + +button { + margin: 5px; + background-color: #95c9bc; + color: #ffffff; + padding: 5px; + display: inline-block; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + white-space: nowrap; + font-size: 14px; +} + +header > h1 { + margin: unset; + color: black; + font-size: 24px; +} + +form{ + display: flex; + flex-flow: row wrap; + justify-content: space-between; +} + +.form-side{ + margin-top: 20px; +} + +.form-item{ + vertical-align: middle; + width: 100%; + margin-bottom: 25px; + margin-top: 10px; +} + +label{ + font-weight: bold; + display: inline-block; + width: 200px; + float:left; + position: relative; +} + +label > span{ + color: red; +} + + +input, textarea, select { + width : 350px; + margin: 0; + + -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */ + -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */ + box-sizing: border-box; +} + +input[type='checkbox']{ + width: 30px; +} + +textarea{ + height: 90px; + resize: none; +} + +.checkboxes{ + display: inline-block; + margin-bottom: 0; + vertical-align: middle; +} + +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} + +@media (max-width: 768px) { + input, textarea, select { + width : 100%; + } +} \ No newline at end of file diff --git a/html/formulario.html b/html/formulario.html new file mode 100644 index 0000000..70f7296 --- /dev/null +++ b/html/formulario.html @@ -0,0 +1,142 @@ + + + + + + + AngularJS Training + + + +
+ Formulario +
+
+
+

Workshop Registration

+
+
+ Register now while seats are available! +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ Lunch +
+ + +
+ + Payment Details +
+ +
+
+ Cash +
+
+ Cheque +
+
+ Demand draft +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+ + +
+
+
+ +
+ + \ No newline at end of file From 5f4fb2c119c18b00955223607b5efaf1091de536 Mon Sep 17 00:00:00 2001 From: jaguerra2017 Date: Mon, 15 Jan 2018 19:20:08 -0500 Subject: [PATCH 3/5] Adding some code --- css/styles.css | 36 +++++++++++++++++++++++++++++++++++- html/formulario.html | 10 ++++++++++ 2 files changed, 45 insertions(+), 1 deletion(-) diff --git a/css/styles.css b/css/styles.css index 5ab8b92..8c5234f 100644 --- a/css/styles.css +++ b/css/styles.css @@ -10,6 +10,8 @@ header { color: forestgreen; font-size: 2em; font-weight: bold; + display: flex; + flex-flow: row wrap; } section { @@ -49,7 +51,7 @@ button { } header > h1 { - margin: unset; + margin: 5px; color: black; font-size: 24px; } @@ -115,6 +117,38 @@ textarea{ margin-bottom: 10px; } +.mainmenubtn { + color: black; + border: none; + cursor: pointer; +} + +.mainmenubtn:hover { + font-weight: bold; +} + +.dropdown { + position: relative; + display: inline-block; +} +.dropdown-child { + display: none; + background-color: #abe1d4; + min-width: 110px; +} +.dropdown-child a { + color: black; + font-size: 10px; + padding: 20px; + text-decoration: none; + display: block; +} +.dropdown:hover .dropdown-child { + display: block; + z-index: 9999; + position: absolute; +} + @media (max-width: 768px) { input, textarea, select { width : 100%; diff --git a/html/formulario.html b/html/formulario.html index 70f7296..811a344 100644 --- a/html/formulario.html +++ b/html/formulario.html @@ -14,6 +14,16 @@

Workshop Registration

+
+ +
+ Child menu 1 + Child menu 2 + Child menu 3 + Child menu 4 + Child menu 5 +
+
Register now while seats are available! From 4a8ffc51c2ff1b239a0dac631def54ce96449d23 Mon Sep 17 00:00:00 2001 From: jaguerra2017 Date: Mon, 15 Jan 2018 19:24:10 -0500 Subject: [PATCH 4/5] Adding some code --- css/styles.css | 12 ++++++++++-- html/formulario.html | 7 ++----- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8c5234f..05355f4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -138,11 +138,19 @@ textarea{ } .dropdown-child a { color: black; - font-size: 10px; - padding: 20px; + font-size: 13px; + padding: 10px; + padding-top: 5px; text-decoration: none; display: block; } + +.dropdown-child a:hover { + font-weight: bold; + cursor: pointer; + background-color: #95c9bc; +} + .dropdown:hover .dropdown-child { display: block; z-index: 9999; diff --git a/html/formulario.html b/html/formulario.html index 811a344..5db9797 100644 --- a/html/formulario.html +++ b/html/formulario.html @@ -17,11 +17,8 @@

Workshop Registration

- Child menu 1 - Child menu 2 - Child menu 3 - Child menu 4 - Child menu 5 + English + Español
From 01213a9e9582976d2c969fb33ca6623ba504f1c4 Mon Sep 17 00:00:00 2001 From: jaguerra2017 Date: Tue, 16 Jan 2018 13:07:19 -0500 Subject: [PATCH 5/5] Adding some code --- css/styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/css/styles.css b/css/styles.css index 05355f4..5146183 100644 --- a/css/styles.css +++ b/css/styles.css @@ -67,6 +67,7 @@ form{ } .form-item{ + display: flex; vertical-align: middle; width: 100%; margin-bottom: 25px; @@ -79,6 +80,7 @@ label{ width: 200px; float:left; position: relative; + align-self: center; } label > span{