From 6e9989b900db9d7d59f8885ccc3cfd1852e0e0e6 Mon Sep 17 00:00:00 2001 From: Edmund Teo Chang Hao <38514921+tartufu@users.noreply.github.com> Date: Wed, 13 Mar 2019 16:18:34 +0800 Subject: [PATCH 1/4] Add files via upload --- index.html | 71 +++++++++++++++++++++++++++++ style.css | 128 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 199 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..54fcc44 --- /dev/null +++ b/index.html @@ -0,0 +1,71 @@ + + + + Davie JR's Menu + + + + + + + + + + + + + +
+ + + +
+

BBQ BACON BURGER

+
+ + + +
+

+ Our BBQ Bacon Burger features our special house ground blend of wagyu and sirloin, spiced perfectly, and finished off with just a drop of white truffle oil. A butter grilled brioche bun layered with roasted red onion, perfectly crispy pork belly, and our hickory smoked BBQ sauce. +

+ + + + ORDER NOW + + + + +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..ae60e66 --- /dev/null +++ b/style.css @@ -0,0 +1,128 @@ +/* Universal Styles */ + +body { + background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_foodlogo.png"); + text-align: center; + font-family: 'Roboto', sans-serif; + font-size: 18px; +} + +a { + text-decoration: none; +} + +/* Navigation */ + +nav { + text-align: center; + width: 180px; + margin: 0 auto; +} + +nav img { + display: block; + margin: 0 auto; +} + +nav span { + display: block; + font-size: 16px; + font-weight: 100; + letter-spacing: 2px; + margin: 10px 0px; +} + +nav a { + color: #666666; +} + +/* Content Container */ + +.content { + width: 100%; + height: 500px; + margin: 10px auto; +} + +/* Content Header */ + +.header { + background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burgerphoto.jpeg"); + background-position: center; + background-size: cover; + height: 320px; +} + +.header h1 { + background-color: #05A8AA; + color: #FFF; + font-family: 'Oswald', sans-serif; + font-size: 40px; + font-weight: 300; + line-height: 40px; + width: 68%; + padding: 20px; + margin: 0 auto; +} + +/* Content Body */ + +.content .body { + width: 90%; + margin: 0 auto; +} + +.body p { + color: #333333; + font-weight: 100; + line-height: 34px; + width: 90%; + margin-top: 18px; +} + +/* Content Button */ + +.button { + border-radius: 4px; + color: #05A8AA; + display: block; + font-weight: 700; + padding: 20px; + margin: 40px auto; +} + +.button:hover { + background-color: #05A8AA; + border: 1px solid #05A8AA; + color: #FFF; + width: 200px; +} + +/* Content Nutrition */ + +ul.nutrition { + padding: 40px; +} + +ul.nutrition li { + display: inline-block; + background-color: #05A8AA; + list-style: none; + width: 200px; + padding: 10px 20px; + margin-bottom: 3px; +} + +.nutrition .category { + color: white; + font-weight: 100; + letter-spacing: 2px; + display: block; +} + +.nutrition .value { + color: white; + font-size: 26px; + font-weight: 700; + letter-spacing: 2px; +} \ No newline at end of file From b5bf2f77ff3f42b1cd026bd62ea7eaaa801b0d17 Mon Sep 17 00:00:00 2001 From: Edmund Teo Chang Hao <38514921+tartufu@users.noreply.github.com> Date: Wed, 13 Mar 2019 16:19:27 +0800 Subject: [PATCH 2/4] Add files via upload --- app/index.html | 6 +++--- app/style.css | 17 +++++++++++++++++ 2 files changed, 20 insertions(+), 3 deletions(-) diff --git a/app/index.html b/app/index.html index 0fb847f..54fcc44 100644 --- a/app/index.html +++ b/app/index.html @@ -24,7 +24,7 @@
- +

BBQ BACON BURGER

@@ -41,7 +41,7 @@

BBQ BACON BURGER

ORDER NOW - +
- + \ No newline at end of file diff --git a/app/style.css b/app/style.css index a90e295..ae60e66 100644 --- a/app/style.css +++ b/app/style.css @@ -15,10 +15,13 @@ a { nav { text-align: center; + width: 180px; + margin: 0 auto; } nav img { display: block; + margin: 0 auto; } nav span { @@ -26,6 +29,7 @@ nav span { font-size: 16px; font-weight: 100; letter-spacing: 2px; + margin: 10px 0px; } nav a { @@ -36,6 +40,8 @@ nav a { .content { width: 100%; + height: 500px; + margin: 10px auto; } /* Content Header */ @@ -44,6 +50,7 @@ nav a { background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burgerphoto.jpeg"); background-position: center; background-size: cover; + height: 320px; } .header h1 { @@ -54,12 +61,15 @@ nav a { font-weight: 300; line-height: 40px; width: 68%; + padding: 20px; + margin: 0 auto; } /* Content Body */ .content .body { width: 90%; + margin: 0 auto; } .body p { @@ -77,23 +87,30 @@ nav a { color: #05A8AA; display: block; font-weight: 700; + padding: 20px; + margin: 40px auto; } .button:hover { background-color: #05A8AA; border: 1px solid #05A8AA; color: #FFF; + width: 200px; } /* Content Nutrition */ ul.nutrition { + padding: 40px; } ul.nutrition li { display: inline-block; background-color: #05A8AA; list-style: none; + width: 200px; + padding: 10px 20px; + margin-bottom: 3px; } .nutrition .category { From dd089d605251d5e71b938e84c3a99822bfbdc3f6 Mon Sep 17 00:00:00 2001 From: Edmund Teo Chang Hao <38514921+tartufu@users.noreply.github.com> Date: Wed, 13 Mar 2019 16:22:29 +0800 Subject: [PATCH 3/4] Delete index.html --- index.html | 71 ------------------------------------------------------ 1 file changed, 71 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index 54fcc44..0000000 --- a/index.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - Davie JR's Menu - - - - - - - - - - - - - -
- - - -
-

BBQ BACON BURGER

-
- - - -
-

- Our BBQ Bacon Burger features our special house ground blend of wagyu and sirloin, spiced perfectly, and finished off with just a drop of white truffle oil. A butter grilled brioche bun layered with roasted red onion, perfectly crispy pork belly, and our hickory smoked BBQ sauce. -

- - - - ORDER NOW - - - - -
-
- - - \ No newline at end of file From 87d01bc937a8bef01013f98f744c17cd783b809f Mon Sep 17 00:00:00 2001 From: Edmund Teo Chang Hao <38514921+tartufu@users.noreply.github.com> Date: Wed, 13 Mar 2019 16:22:50 +0800 Subject: [PATCH 4/4] Delete style.css --- style.css | 128 ------------------------------------------------------ 1 file changed, 128 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index ae60e66..0000000 --- a/style.css +++ /dev/null @@ -1,128 +0,0 @@ -/* Universal Styles */ - -body { - background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_foodlogo.png"); - text-align: center; - font-family: 'Roboto', sans-serif; - font-size: 18px; -} - -a { - text-decoration: none; -} - -/* Navigation */ - -nav { - text-align: center; - width: 180px; - margin: 0 auto; -} - -nav img { - display: block; - margin: 0 auto; -} - -nav span { - display: block; - font-size: 16px; - font-weight: 100; - letter-spacing: 2px; - margin: 10px 0px; -} - -nav a { - color: #666666; -} - -/* Content Container */ - -.content { - width: 100%; - height: 500px; - margin: 10px auto; -} - -/* Content Header */ - -.header { - background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burgerphoto.jpeg"); - background-position: center; - background-size: cover; - height: 320px; -} - -.header h1 { - background-color: #05A8AA; - color: #FFF; - font-family: 'Oswald', sans-serif; - font-size: 40px; - font-weight: 300; - line-height: 40px; - width: 68%; - padding: 20px; - margin: 0 auto; -} - -/* Content Body */ - -.content .body { - width: 90%; - margin: 0 auto; -} - -.body p { - color: #333333; - font-weight: 100; - line-height: 34px; - width: 90%; - margin-top: 18px; -} - -/* Content Button */ - -.button { - border-radius: 4px; - color: #05A8AA; - display: block; - font-weight: 700; - padding: 20px; - margin: 40px auto; -} - -.button:hover { - background-color: #05A8AA; - border: 1px solid #05A8AA; - color: #FFF; - width: 200px; -} - -/* Content Nutrition */ - -ul.nutrition { - padding: 40px; -} - -ul.nutrition li { - display: inline-block; - background-color: #05A8AA; - list-style: none; - width: 200px; - padding: 10px 20px; - margin-bottom: 3px; -} - -.nutrition .category { - color: white; - font-weight: 100; - letter-spacing: 2px; - display: block; -} - -.nutrition .value { - color: white; - font-size: 26px; - font-weight: 700; - letter-spacing: 2px; -} \ No newline at end of file