diff --git a/display-exercise.html b/display-exercise.html index 433b6cba..9c30d1a3 100644 --- a/display-exercise.html +++ b/display-exercise.html @@ -16,7 +16,18 @@ - -

Placeholder!

+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/greg-project.html b/greg-project.html new file mode 100644 index 00000000..28c69c75 --- /dev/null +++ b/greg-project.html @@ -0,0 +1,48 @@ + + + Greg's List + + + + + + + + + +
+
+

+

Greg's List

+

+ +
+
+ +
+ + + +
+
+
+ +
+ + + + + +
+ + + diff --git a/images/magnifying-glass.png b/images/magnifying-glass.png new file mode 100644 index 00000000..63ac7f2c Binary files /dev/null and b/images/magnifying-glass.png differ diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..d9a6f0f9 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,46 @@ +main { + font-size: 0; +} + +.box-parent { + margin-top: 100px; + margin-left: auto; + margin-right: auto; + width: 800px; +} + +.box { + border: 1px solid black; + display: inline-block; +} + +.box-half { + width: 50%; + height: 200px; +} + +.box_third { + width: 33.33%; + height:300px; + +} + .green { + background-color: green; + } + + .blue { + background-color: blue; + } + + .grey { + background-color: grey; + } + + .black { + background-color: black; + } + + .orange { + background-color: orange; + } + diff --git a/styles/greg-page.css b/styles/greg-page.css new file mode 100644 index 00000000..d73b2699 --- /dev/null +++ b/styles/greg-page.css @@ -0,0 +1,105 @@ +body { + font-family: "Roboto", sans-serif; + margin: 0; + padding: 40px; + width: 1000px; + display: block; +} + +.container { + width: 100%; + display: inline-block; + margin-right: auto; + background-color: grey; + padding: 10px; + padding-right: 200px; + margin-bottom: 20px + + +} + +.nav-bar { + position: absolute; + top: 60; + right: 15; +} + +header { + margin-top: -10px; + background-color: grey; + position: relative; +} + +nav-bar { + margin-top: 100px; + margin-right: 140px; +} + +input { + width: 400px; + height: 20px; + font-size: 17px; +} + + +.search-button { + margin-bottom: 50px; + position: absolute; +} + +.magnifying-glass { + height: 11%; + font-size: 16px; + position: relative; +} + +.page-section { + border: 1px black solid; + border-radius: 3px solid black; + padding: 10px; + display: inline-block; + position: relative; + left: 50px; + +} + +.page-button { + font-size: 16px; + padding: 8px 10px; + border-radius: 5px; + +} + +div { + margin-top: 0px; +} + + +label { + margin-top: 10px; + margin-bottom: 10px; + display: block; +} + + +.search-section input { + font-size: 17px; + font-weight: 500; + line-height: 40px; + height: 40px; + border: 1px solid #DDDDDD; + border-radius: 3px; + padding: 0 5px 0 8px; + width: 400px; +} +.search-field { + border-left: 1px solid; + border-right: 1px solid; + padding: 5px; + text-transform: bold; +} + + + + + \ No newline at end of file