From 53386eb4392becd20079692ef971465addc84775 Mon Sep 17 00:00:00 2001
From: iamserda
Date: Sat, 17 Jul 2021 17:07:14 -0400
Subject: [PATCH 1/8] updated readme.md
FrontendWorks: Build Responsive Websites with HTML and CSS
---
README.md | 67 +++++++++----------------------------------------------
1 file changed, 11 insertions(+), 56 deletions(-)
diff --git a/README.md b/README.md
index 88e3430a5..ef1c9b269 100644
--- a/README.md
+++ b/README.md
@@ -1,61 +1,16 @@
-# Course Material and FAQ for "Build Responsive Real-World Websites with HTML and CSS"
+# FrontendWorks: Build Responsive Websites with HTML and CSS.
-This repo contains starter files and final code for all sections and projects contained in the course.
+## What is it?
+A repo containing my progress for a course on Jonas Schmedtmann.
+Final folder includes the goal or end product.
+Start folder includes my work and progress. I don't always complete the web page as instructed. I add my own twist to the content, structure and style.
-Use starter code to start each section, and **final code to compare it with your own code whenever something doesn't work**!
+## Where is the Link
+FrontendWorks: Build Responsive Websites with HTML and CSS
-π **_Please read the following Frequently Asked Questions (FAQ) carefully before starting the course_** π
-## FAQ
+Questions, concerns, emotional outbursts? Reach out!
+- Twitter: @iamserda
+- LinkedIn: iamserda
-### Q1: How do I download the files?
-
-**A:** If you're new to GitHub and just want to download the entire code, hit the green button saying "Code", and then choose the "Download ZIP" option. If you can't see the button (on mobile), use [this link](https://github.com/jonasschmedtmann/html-css-course/archive/master.zip) instead.
-
-### Q2: I'm stuck! Where do I get help?
-
-**A:** Have you actually tried to fix the problem on your own? Have you compared your code to the final code? If you failed fixing your problem, please **post a detailed description of the problem to the Q&A area of that video over at Udemy**, along with a [codepen](https://codepen.io/pen/) containing your code. You will get help there.
-
-### Q3: What VSCode theme are you using? What about extensions and settings?
-
-**A:** I use [One Monokai](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai) in this course. [Here is the complete VS Code setup for this course](vscode-setup.md).
-
-### Q4: Can I see the final version of the Omnifood project?
-
-**A:** Sure! Here you go: [Omnifood](https://www.omnifood.dev).
-
-### Q5: Where can I find the coding challenge solutions?
-
-**A:** They are all on codepen, in [this collection](https://codepen.io/collection/7b5e288cb64df1ecc5da8d7a0e78c007?grid_type=list).
-
-### Q6: Where is the resources page you keep mentioning?
-
-**A:** It's on my website at . You can subscribe for updates π
-
-### Q7: Videos don't load, can you fix it?
-
-**A:** Unfortunately, there is nothing I can do about it. The course is hosted on Udemy, and sometimes they have technical issues like this. Please just come back a bit later or [contact their support team](https://support.udemy.com/hc/en-us).
-
-### Q8: Videos are blurred / have low quality, can you fix it?
-
-**A:** Please open video settings and change the quality from 'Auto' to another value, for example 720p. If that doesn't help, please [contact the Udemy support team](https://support.udemy.com/hc/en-us).
-
-### Q9: I want to put these projects in my portfolio. Is that allowed?
-
-**A:** Absolutely! Just make sure you actually built them yourself by following the course, and that you understand what you did. What is **not allowed** is that you create your own course/videos/articles based on this course's content!
-
-### Q10: I love your courses and want to get updates on new courses. How?
-
-**A:** First, you can subscribe to my email list [at my website](http://codingheroes.io/resources). Plus, I make important announcements on twitter [@jonasschmedtman](https://twitter.com/jonasschmedtman), so you should definitely follow me there π₯
-
-### Q11: How do I get my certificate of completion?
-
-**A:** A certificate of completion is provided by Udemy after you complete 100% of the course. After completing the course, just click on the "Your progress" indicator in the top right-hand corner of the course page. If you want to change your name on the certificate, please [contact the Udemy support team](https://support.udemy.com/hc/en-us).
-
-### Q12: Can you add subtitles in my language?
-
-**A:** No. I provide professional English captions, but Udemy is responsible for subtitles in all other languages (automatic translations). So please [contact the Udemy support team](https://support.udemy.com/hc/en-us) to request your own language.
-
-### Q13: Do you accept pull requests?
-
-**A:** No, for the simple reason that I want this repository to contain the _exact_ same code that is shown in the videos. However, please feel free to add an issue if you found one.
+Made with β€οΈ in Inwood, NYC. Circa March 2021.
From 2d2fc90124edd0dff7bb63d15970f40a6d292681 Mon Sep 17 00:00:00 2001
From: iamserda
Date: Sat, 17 Jul 2021 17:07:27 -0400
Subject: [PATCH 2/8] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index ef1c9b269..106e9650e 100644
--- a/README.md
+++ b/README.md
@@ -13,4 +13,4 @@ Questions, concerns, emotional outbursts? Reach out!
- Twitter: @iamserda
- LinkedIn: iamserda
-Made with β€οΈ in Inwood, NYC. Circa March 2021.
+Made with β€οΈ in Inwood, NYC. Circa 2021.
From 78ffdb58aff93b451df907e33971587893759c85 Mon Sep 17 00:00:00 2001
From: iamserda
Date: Sat, 17 Jul 2021 17:08:55 -0400
Subject: [PATCH 3/8] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 106e9650e..0c3e064f6 100644
--- a/README.md
+++ b/README.md
@@ -13,4 +13,4 @@ Questions, concerns, emotional outbursts? Reach out!
- Twitter: @iamserda
- LinkedIn: iamserda
-Made with β€οΈ in Inwood, NYC. Circa 2021.
+Made with β€οΈ in Inwood, NYC. Circa 2021. @iamserda
From 83374dbb49ff1e5928e3990726880a14facc69aa Mon Sep 17 00:00:00 2001
From: Serda Simus
Date: Sun, 18 Jul 2021 18:35:03 -0400
Subject: [PATCH 4/8] m
---
.gitignore | 1 +
starter/.vscode/settings.json | 12 ++++++++++++
2 files changed, 13 insertions(+)
create mode 100644 .gitignore
create mode 100644 starter/.vscode/settings.json
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..e43b0f988
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/starter/.vscode/settings.json b/starter/.vscode/settings.json
new file mode 100644
index 000000000..6995d218a
--- /dev/null
+++ b/starter/.vscode/settings.json
@@ -0,0 +1,12 @@
+{
+ "search.useGlobalIgnoreFiles": true,
+ "git.ignoredRepositories": [
+ ".DS_Store",
+ "*/.DS_Store",
+ ".vscode"
+ ],
+ "gitProjectManager.ignoredFolders": [
+
+
+ ]
+}
\ No newline at end of file
From 909bb6e58da5a39deb1e4825f9f5230c3f74130d Mon Sep 17 00:00:00 2001
From: Serda Simus
Date: Sun, 18 Jul 2021 18:47:42 -0400
Subject: [PATCH 5/8] first commit to master
---
starter/02-HTML-Fundamentals/blog/index.html | 20 ++
.../{ => challenges}/challenges.jpg | Bin
.../02-HTML-Fundamentals/challenges/index.css | 5 +
.../challenges/index.html | 45 ++++
starter/02-HTML-Fundamentals/content.txt | 0
.../{ => img}/laura-jones.jpg | Bin
.../{ => img}/post-img.jpg | Bin
.../{ => img}/related-1.jpg | Bin
.../{ => img}/related-2.jpg | Bin
.../{ => img}/related-3.jpg | Bin
starter/02-HTML-Fundamentals/index.css | 253 ++++++++++++++++++
starter/02-HTML-Fundamentals/index.html | 109 ++++++++
starter/03-CSS-Fundamentals/blog.html | 0
starter/03-CSS-Fundamentals/content.txt | 0
.../03-CSS-Fundamentals/img/challenges.jpg | Bin
.../03-CSS-Fundamentals/img/laura-jones.jpg | Bin
starter/03-CSS-Fundamentals/img/post-img.jpg | Bin
starter/03-CSS-Fundamentals/img/related-1.jpg | Bin
starter/03-CSS-Fundamentals/img/related-2.jpg | Bin
starter/03-CSS-Fundamentals/img/related-3.jpg | Bin
starter/03-CSS-Fundamentals/index.html | 0
starter/04-CSS-Layouts/blog.html | 0
starter/04-CSS-Layouts/content.txt | 0
starter/04-CSS-Layouts/css-grid.html | 0
starter/04-CSS-Layouts/flexbox.html | 0
starter/04-CSS-Layouts/img/challenges.jpg | Bin
starter/04-CSS-Layouts/img/laura-jones.jpg | Bin
starter/04-CSS-Layouts/img/post-img.jpg | Bin
starter/04-CSS-Layouts/img/related-1.jpg | Bin
starter/04-CSS-Layouts/img/related-2.jpg | Bin
starter/04-CSS-Layouts/img/related-3.jpg | Bin
starter/04-CSS-Layouts/index.html | 0
starter/04-CSS-Layouts/style.css | 0
starter/05-Design/chair-1.jpg | Bin
starter/05-Design/chair-2.jpg | Bin
starter/05-Design/chair-3.jpg | Bin
starter/05-Design/customers.jpg | Bin
starter/05-Design/hero.jpg | Bin
starter/05-Design/index.html | 0
starter/05-Design/style.css | 0
starter/06-Components/hero.jpg | Bin
starter/06-Components/maria.jpg | Bin
.../07-Omnifood-Desktop/content/content.md | 0
.../content/img/app/app-screen-1.png | Bin
.../content/img/app/app-screen-2.png | Bin
.../content/img/app/app-screen-3.png | Bin
.../content/img/customers/ben.jpg | Bin
.../content/img/customers/customer-1.jpg | Bin
.../content/img/customers/customer-2.jpg | Bin
.../content/img/customers/customer-3.jpg | Bin
.../content/img/customers/customer-4.jpg | Bin
.../content/img/customers/customer-5.jpg | Bin
.../content/img/customers/customer-6.jpg | Bin
.../content/img/customers/dave.jpg | Bin
.../content/img/customers/hannah.jpg | Bin
.../content/img/customers/steve.jpg | Bin
.../content/img/eating.jpg | Bin
.../content/img/favicon.png | Bin
.../content/img/gallery/gallery-1.jpg | Bin
.../content/img/gallery/gallery-10.jpg | Bin
.../content/img/gallery/gallery-11.jpg | Bin
.../content/img/gallery/gallery-12.jpg | Bin
.../content/img/gallery/gallery-2.jpg | Bin
.../content/img/gallery/gallery-3.jpg | Bin
.../content/img/gallery/gallery-4.jpg | Bin
.../content/img/gallery/gallery-5.jpg | Bin
.../content/img/gallery/gallery-6.jpg | Bin
.../content/img/gallery/gallery-7.jpg | Bin
.../content/img/gallery/gallery-8.jpg | Bin
.../content/img/gallery/gallery-9.jpg | Bin
.../07-Omnifood-Desktop/content/img/hero.png | Bin
.../content/img/logos/business-insider.png | Bin
.../content/img/logos/forbes.png | Bin
.../content/img/logos/techcrunch.png | Bin
.../content/img/logos/the-new-york-times.png | Bin
.../content/img/logos/usa-today.png | Bin
.../content/img/meals/meal-1.jpg | Bin
.../content/img/meals/meal-2.jpg | Bin
.../content/img/omnifood-logo.png | Bin
starter/08-Omnifood-Responsive/content.md | 0
.../08-Omnifood-Responsive/css/general.css | 0
starter/08-Omnifood-Responsive/css/style.css | 0
.../img/app/app-screen-1.png | Bin
.../img/app/app-screen-2.png | Bin
.../img/app/app-screen-3.png | Bin
.../img/customers/ben.jpg | Bin
.../img/customers/customer-1.jpg | Bin
.../img/customers/customer-2.jpg | Bin
.../img/customers/customer-3.jpg | Bin
.../img/customers/customer-4.jpg | Bin
.../img/customers/customer-5.jpg | Bin
.../img/customers/customer-6.jpg | Bin
.../img/customers/dave.jpg | Bin
.../img/customers/hannah.jpg | Bin
.../img/customers/steve.jpg | Bin
starter/08-Omnifood-Responsive/img/eating.jpg | Bin
.../08-Omnifood-Responsive/img/favicon.png | Bin
.../img/gallery/gallery-1.jpg | Bin
.../img/gallery/gallery-10.jpg | Bin
.../img/gallery/gallery-11.jpg | Bin
.../img/gallery/gallery-12.jpg | Bin
.../img/gallery/gallery-2.jpg | Bin
.../img/gallery/gallery-3.jpg | Bin
.../img/gallery/gallery-4.jpg | Bin
.../img/gallery/gallery-5.jpg | Bin
.../img/gallery/gallery-6.jpg | Bin
.../img/gallery/gallery-7.jpg | Bin
.../img/gallery/gallery-8.jpg | Bin
.../img/gallery/gallery-9.jpg | Bin
starter/08-Omnifood-Responsive/img/hero.png | Bin
.../img/logos/business-insider.png | Bin
.../img/logos/forbes.png | Bin
.../img/logos/techcrunch.png | Bin
.../img/logos/the-new-york-times.png | Bin
.../img/logos/usa-today.png | Bin
.../img/meals/meal-1.jpg | Bin
.../img/meals/meal-2.jpg | Bin
.../img/omnifood-logo.png | Bin
starter/08-Omnifood-Responsive/index.html | 0
starter/09-Omnifood-Optimizations/content.md | 0
.../09-Omnifood-Optimizations/css/general.css | 0
.../09-Omnifood-Optimizations/css/queries.css | 0
.../09-Omnifood-Optimizations/css/style.css | 0
.../img/app/app-screen-1.png | Bin
.../img/app/app-screen-2.png | Bin
.../img/app/app-screen-3.png | Bin
.../img/customers/ben.jpg | Bin
.../img/customers/customer-1.jpg | Bin
.../img/customers/customer-2.jpg | Bin
.../img/customers/customer-3.jpg | Bin
.../img/customers/customer-4.jpg | Bin
.../img/customers/customer-5.jpg | Bin
.../img/customers/customer-6.jpg | Bin
.../img/customers/dave.jpg | Bin
.../img/customers/hannah.jpg | Bin
.../img/customers/steve.jpg | Bin
.../09-Omnifood-Optimizations/img/eating.jpg | Bin
.../09-Omnifood-Optimizations/img/favicon.png | Bin
.../img/gallery/gallery-1.jpg | Bin
.../img/gallery/gallery-10.jpg | Bin
.../img/gallery/gallery-11.jpg | Bin
.../img/gallery/gallery-12.jpg | Bin
.../img/gallery/gallery-2.jpg | Bin
.../img/gallery/gallery-3.jpg | Bin
.../img/gallery/gallery-4.jpg | Bin
.../img/gallery/gallery-5.jpg | Bin
.../img/gallery/gallery-6.jpg | Bin
.../img/gallery/gallery-7.jpg | Bin
.../img/gallery/gallery-8.jpg | Bin
.../img/gallery/gallery-9.jpg | Bin
.../09-Omnifood-Optimizations/img/hero.png | Bin
.../img/logos/business-insider.png | Bin
.../img/logos/forbes.png | Bin
.../img/logos/techcrunch.png | Bin
.../img/logos/the-new-york-times.png | Bin
.../img/logos/usa-today.png | Bin
.../img/meals/meal-1.jpg | Bin
.../img/meals/meal-2.jpg | Bin
.../img/omnifood-logo.png | Bin
starter/09-Omnifood-Optimizations/index.html | 0
starter/index.css | 68 +++++
starter/index.html | 28 ++
162 files changed, 528 insertions(+)
create mode 100755 starter/02-HTML-Fundamentals/blog/index.html
rename starter/02-HTML-Fundamentals/{ => challenges}/challenges.jpg (100%)
mode change 100644 => 100755
create mode 100755 starter/02-HTML-Fundamentals/challenges/index.css
create mode 100755 starter/02-HTML-Fundamentals/challenges/index.html
mode change 100644 => 100755 starter/02-HTML-Fundamentals/content.txt
rename starter/02-HTML-Fundamentals/{ => img}/laura-jones.jpg (100%)
mode change 100644 => 100755
rename starter/02-HTML-Fundamentals/{ => img}/post-img.jpg (100%)
mode change 100644 => 100755
rename starter/02-HTML-Fundamentals/{ => img}/related-1.jpg (100%)
mode change 100644 => 100755
rename starter/02-HTML-Fundamentals/{ => img}/related-2.jpg (100%)
mode change 100644 => 100755
rename starter/02-HTML-Fundamentals/{ => img}/related-3.jpg (100%)
mode change 100644 => 100755
create mode 100755 starter/02-HTML-Fundamentals/index.css
create mode 100755 starter/02-HTML-Fundamentals/index.html
mode change 100644 => 100755 starter/03-CSS-Fundamentals/blog.html
mode change 100644 => 100755 starter/03-CSS-Fundamentals/content.txt
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/challenges.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/laura-jones.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/post-img.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/related-1.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/related-2.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/img/related-3.jpg
mode change 100644 => 100755 starter/03-CSS-Fundamentals/index.html
mode change 100644 => 100755 starter/04-CSS-Layouts/blog.html
mode change 100644 => 100755 starter/04-CSS-Layouts/content.txt
mode change 100644 => 100755 starter/04-CSS-Layouts/css-grid.html
mode change 100644 => 100755 starter/04-CSS-Layouts/flexbox.html
mode change 100644 => 100755 starter/04-CSS-Layouts/img/challenges.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/img/laura-jones.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/img/post-img.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/img/related-1.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/img/related-2.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/img/related-3.jpg
mode change 100644 => 100755 starter/04-CSS-Layouts/index.html
mode change 100644 => 100755 starter/04-CSS-Layouts/style.css
mode change 100644 => 100755 starter/05-Design/chair-1.jpg
mode change 100644 => 100755 starter/05-Design/chair-2.jpg
mode change 100644 => 100755 starter/05-Design/chair-3.jpg
mode change 100644 => 100755 starter/05-Design/customers.jpg
mode change 100644 => 100755 starter/05-Design/hero.jpg
mode change 100644 => 100755 starter/05-Design/index.html
mode change 100644 => 100755 starter/05-Design/style.css
mode change 100644 => 100755 starter/06-Components/hero.jpg
mode change 100644 => 100755 starter/06-Components/maria.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/content.md
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/app/app-screen-1.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/app/app-screen-2.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/app/app-screen-3.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/ben.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-1.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-2.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-3.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-4.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-5.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/customer-6.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/dave.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/hannah.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/customers/steve.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/eating.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/favicon.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-1.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-10.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-11.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-12.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-2.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-3.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-4.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-5.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-6.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-7.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-8.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/gallery/gallery-9.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/hero.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/logos/business-insider.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/logos/forbes.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/logos/techcrunch.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/logos/the-new-york-times.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/logos/usa-today.png
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/meals/meal-1.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/meals/meal-2.jpg
mode change 100644 => 100755 starter/07-Omnifood-Desktop/content/img/omnifood-logo.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/content.md
mode change 100644 => 100755 starter/08-Omnifood-Responsive/css/general.css
mode change 100644 => 100755 starter/08-Omnifood-Responsive/css/style.css
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/app/app-screen-1.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/app/app-screen-2.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/app/app-screen-3.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/ben.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-1.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-2.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-3.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-4.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-5.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/customer-6.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/dave.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/hannah.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/customers/steve.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/eating.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/favicon.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-1.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-10.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-11.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-12.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-2.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-3.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-4.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-5.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-6.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-7.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-8.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/gallery/gallery-9.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/hero.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/logos/business-insider.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/logos/forbes.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/logos/techcrunch.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/logos/the-new-york-times.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/logos/usa-today.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/meals/meal-1.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/meals/meal-2.jpg
mode change 100644 => 100755 starter/08-Omnifood-Responsive/img/omnifood-logo.png
mode change 100644 => 100755 starter/08-Omnifood-Responsive/index.html
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/content.md
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/css/general.css
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/css/queries.css
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/css/style.css
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/app/app-screen-1.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/app/app-screen-2.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/app/app-screen-3.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/ben.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-1.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-2.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-3.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-4.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-5.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/customer-6.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/dave.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/hannah.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/customers/steve.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/eating.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/favicon.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-1.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-10.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-11.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-12.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-2.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-3.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-4.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-5.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-6.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-7.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-8.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/gallery/gallery-9.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/hero.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/logos/business-insider.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/logos/forbes.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/logos/techcrunch.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/logos/the-new-york-times.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/logos/usa-today.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/meals/meal-1.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/meals/meal-2.jpg
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/img/omnifood-logo.png
mode change 100644 => 100755 starter/09-Omnifood-Optimizations/index.html
create mode 100755 starter/index.css
create mode 100755 starter/index.html
diff --git a/starter/02-HTML-Fundamentals/blog/index.html b/starter/02-HTML-Fundamentals/blog/index.html
new file mode 100755
index 000000000..0fc455937
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/blog/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+ Blog
+
+
+
+
+ Blog
+
+
+
+
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/challenges.jpg b/starter/02-HTML-Fundamentals/challenges/challenges.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/challenges.jpg
rename to starter/02-HTML-Fundamentals/challenges/challenges.jpg
diff --git a/starter/02-HTML-Fundamentals/challenges/index.css b/starter/02-HTML-Fundamentals/challenges/index.css
new file mode 100755
index 000000000..5f18777ba
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/challenges/index.css
@@ -0,0 +1,5 @@
+.component img {
+ width: 100%;
+ max-width: 300px;
+ height: auto;
+}
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/challenges/index.html b/starter/02-HTML-Fundamentals/challenges/index.html
new file mode 100755
index 000000000..d7a63593d
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/challenges/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+ Challenges
+
+
+
+
+
+
+
+
+
Converse Chuck Taylor All-Star Low Top
+
+
USD $65.00
+
Free Shipping
+
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe staple.
+
More info β
+
+
Product details:
+
+ Lightweight, durable canvas sneaker.
+ Lightweight padded footbed for added comfort.
+ Iconic Chuck Taylor ankle patch.
+
+
+
Add to Cart
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/content.txt b/starter/02-HTML-Fundamentals/content.txt
old mode 100644
new mode 100755
diff --git a/starter/02-HTML-Fundamentals/laura-jones.jpg b/starter/02-HTML-Fundamentals/img/laura-jones.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/laura-jones.jpg
rename to starter/02-HTML-Fundamentals/img/laura-jones.jpg
diff --git a/starter/02-HTML-Fundamentals/post-img.jpg b/starter/02-HTML-Fundamentals/img/post-img.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/post-img.jpg
rename to starter/02-HTML-Fundamentals/img/post-img.jpg
diff --git a/starter/02-HTML-Fundamentals/related-1.jpg b/starter/02-HTML-Fundamentals/img/related-1.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/related-1.jpg
rename to starter/02-HTML-Fundamentals/img/related-1.jpg
diff --git a/starter/02-HTML-Fundamentals/related-2.jpg b/starter/02-HTML-Fundamentals/img/related-2.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/related-2.jpg
rename to starter/02-HTML-Fundamentals/img/related-2.jpg
diff --git a/starter/02-HTML-Fundamentals/related-3.jpg b/starter/02-HTML-Fundamentals/img/related-3.jpg
old mode 100644
new mode 100755
similarity index 100%
rename from starter/02-HTML-Fundamentals/related-3.jpg
rename to starter/02-HTML-Fundamentals/img/related-3.jpg
diff --git a/starter/02-HTML-Fundamentals/index.css b/starter/02-HTML-Fundamentals/index.css
new file mode 100755
index 000000000..720b35a49
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/index.css
@@ -0,0 +1,253 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-size: 16px;
+ min-height: 100vh;
+}
+
+html,
+body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+}
+
+body {
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 1.25rem;
+}
+
+body>header {
+ border-top: 10px solid rgb(79, 77, 255);
+ padding-top: 0.125em;
+}
+
+main {
+ margin-top: 4em;
+ min-width: 540px;
+ max-width: 1200px;
+ margin-bottom: 4em;
+ position: relative;
+ /* border: 1px solid rgb(79, 77, 255); */
+}
+
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: rgb(79, 77, 255);
+ text-transform: uppercase;
+}
+
+h2 {
+ font-size: 1.25em;
+}
+
+main,
+.brandname,
+nav {
+ width: 100%;
+ max-width: 1200px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.brandname,
+nav {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.brandname {
+ font-size: 2.5rem;
+ text-transform: capitalize;
+ text-align: center;
+ color: white;
+ background-color: rgb(79, 77, 255);
+}
+
+p {
+ line-height: 1.5;
+}
+
+nav {
+ margin-top: 0;
+ background-color: rgb(226, 226, 226);
+}
+
+nav ul {
+ padding: 0.125em;
+ margin: 0 auto;
+ width: fit-content;
+
+}
+
+nav li {
+ list-style: none;
+ border-bottom: 4px solid rgb(79, 77, 255);
+ padding: 0.125em 0.5em;
+ margin-left: 0.125em;
+ display: inline-block;
+ color: rgb(79, 77, 255);
+}
+
+nav a {
+ display: block;
+ text-decoration: none;
+ color: inherit;
+ width: 100%;
+ height: auto;
+}
+
+nav li:hover {
+ background-color: rgb(79, 77, 255);
+ border-bottom: 4px solid white;
+ color: white;
+}
+
+nav li:hover a {
+ color: white;
+}
+
+main section {
+ width: 80%;
+ margin-right: 2em;
+}
+
+aside {
+ width: 30%;
+ max-width: 500px;
+ margin-right: auto;
+ background-color: rgb(226, 226, 226);
+ padding: 0.25em;
+ height: fit-content;
+ border-top: 8px solid rgb(79, 77, 255);
+ border-bottom: 8px solid rgb(79, 77, 255);
+}
+
+aside h3 {
+ text-align: center;
+}
+
+footer {
+ background-color: rgb(79, 77, 255);
+ margin-top: auto;
+}
+
+footer p {
+ font-size: 0.85rem;
+ color: white;
+ text-align: center;
+ max-width: 500px;
+ margin-left: auto;
+ margin-right: auto;
+ font-weight: bold;
+}
+
+/* Layout */
+.container-row {
+ display: flex;
+ flex-flow: row nowrap;
+}
+
+.container-col {
+ display: flex;
+ flex-flow: column nowrap;
+}
+
+.article-meta {
+ margin-bottom: 1em;
+}
+
+.author {
+ display: flex;
+ flex-flow: row nowrap;
+ width: 100%;
+ justify-content: flex-start;
+ font-size: 1rem;
+}
+
+.related {
+ width: 100%;
+ margin: 0.125em auto;
+
+}
+
+.related:hover {
+ background-color: rgba(80, 77, 255, 0.8)
+}
+
+.related a {
+ display: flex;
+ width: 100%;
+ text-decoration: none;
+ color: rgb(79, 77, 255);
+}
+
+.related:hover a {
+ color: white;
+}
+
+.related img {
+ max-width: 50px;
+ height: auto;
+ margin-right: 0.25em;
+}
+
+.related p {
+ display: inline;
+ font-size: 0.75em;
+}
+
+.post-title {
+ color: rgb(79, 77, 255);
+ text-align: left;
+ font-size: 2.25rem;
+ margin-top: 0;
+ position: relative;
+}
+
+.post-title::after {
+ content: "TOP";
+ font-size: 1.125rem;
+ background-color: rgb(237, 255, 78);
+ padding: 0.25em 0.5em;
+ position: absolute;
+ top: -10px;
+ right: -10px;
+ border: 1px solid rgb(79, 77, 255);
+}
+
+.post-image {
+ display: block;
+ width: 100%;
+ max-width: 800px;
+ min-width: 400px;
+ height: auto;
+ box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.5);
+ box-shadow: 3px 3px 18px 4px rgba(26, 26, 26, 0.507),
+ -3px -3px 18px 4px rgb(79, 77, 255, 0.295);
+ border-radius: 10px;
+ margin: 2em auto;
+ object-fit: cover;
+}
+
+.author-pic {
+ width: 100%;
+ max-width: 50px;
+ margin-right: 1em;
+}
+
+button.like-button {
+ position: absolute;
+ bottom: 50px;
+ right: 50px;
+ padding: 0.5em 1em;
+ font-size: 1.25rem;
+}
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html
new file mode 100755
index 000000000..7f781c51c
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/index.html
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+ HTML Fundamentals by Laura Jones
+
+
+
+
+
+ π FrontendOutpost π
+
+
+
+
+
+
+
+
+
+
+
All modern websites and web applications are built using three
+ fundamental technologies: HTML, CSS and JavaScript.These are the languages of the web.
+
+
+ In this post, let's focus on HTML. We will learn what HTML is all about, and why you too should
+ learn it.
+
+
+
What is HTML?
+
+
+ HTML stands for H yperText M arkup L anguage. It's a markup language that web
+ developers use to structure and describe the content of a webpage (not a programming language).
+
+
+
+ HTML consists of elements that describe different types of content: paragraphs, links, headings,
+ images, video, etc. Web browsers understand HTML and render HTML code as websites.
+
+
+
In HTML, each element is made up of 3 parts:
+
+ The opening tag
+ The closing tag
+ The actual element
+
+
+ You can learn more at the
+ MDN Web Docs
+
+
Why should you learn HTML?
+
There are countless reasons for learning the fundamental language of the web.Here are 5 of them:
+
+
+ To be able to use the fundamental web dev language
+ To hand-craft beautiful websites instead of relying on tools like Worpress or Wix
+ To build web applications To impress friends
+ To have fun π Hopefully you learned something new here.
+ See you next time!
+
+
Hopefully you learned something new here. See you next time!
+
+
+
+
+ β€οΈLike
+
+
+
+
+
\ No newline at end of file
diff --git a/starter/03-CSS-Fundamentals/blog.html b/starter/03-CSS-Fundamentals/blog.html
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/content.txt b/starter/03-CSS-Fundamentals/content.txt
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/challenges.jpg b/starter/03-CSS-Fundamentals/img/challenges.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/laura-jones.jpg b/starter/03-CSS-Fundamentals/img/laura-jones.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/post-img.jpg b/starter/03-CSS-Fundamentals/img/post-img.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/related-1.jpg b/starter/03-CSS-Fundamentals/img/related-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/related-2.jpg b/starter/03-CSS-Fundamentals/img/related-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/img/related-3.jpg b/starter/03-CSS-Fundamentals/img/related-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/blog.html b/starter/04-CSS-Layouts/blog.html
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/content.txt b/starter/04-CSS-Layouts/content.txt
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/css-grid.html b/starter/04-CSS-Layouts/css-grid.html
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/flexbox.html b/starter/04-CSS-Layouts/flexbox.html
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/challenges.jpg b/starter/04-CSS-Layouts/img/challenges.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/laura-jones.jpg b/starter/04-CSS-Layouts/img/laura-jones.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/post-img.jpg b/starter/04-CSS-Layouts/img/post-img.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/related-1.jpg b/starter/04-CSS-Layouts/img/related-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/related-2.jpg b/starter/04-CSS-Layouts/img/related-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/img/related-3.jpg b/starter/04-CSS-Layouts/img/related-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/index.html b/starter/04-CSS-Layouts/index.html
old mode 100644
new mode 100755
diff --git a/starter/04-CSS-Layouts/style.css b/starter/04-CSS-Layouts/style.css
old mode 100644
new mode 100755
diff --git a/starter/05-Design/chair-1.jpg b/starter/05-Design/chair-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/05-Design/chair-2.jpg b/starter/05-Design/chair-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/05-Design/chair-3.jpg b/starter/05-Design/chair-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/05-Design/customers.jpg b/starter/05-Design/customers.jpg
old mode 100644
new mode 100755
diff --git a/starter/05-Design/hero.jpg b/starter/05-Design/hero.jpg
old mode 100644
new mode 100755
diff --git a/starter/05-Design/index.html b/starter/05-Design/index.html
old mode 100644
new mode 100755
diff --git a/starter/05-Design/style.css b/starter/05-Design/style.css
old mode 100644
new mode 100755
diff --git a/starter/06-Components/hero.jpg b/starter/06-Components/hero.jpg
old mode 100644
new mode 100755
diff --git a/starter/06-Components/maria.jpg b/starter/06-Components/maria.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/content.md b/starter/07-Omnifood-Desktop/content/content.md
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-1.png b/starter/07-Omnifood-Desktop/content/img/app/app-screen-1.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-2.png b/starter/07-Omnifood-Desktop/content/img/app/app-screen-2.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/app/app-screen-3.png b/starter/07-Omnifood-Desktop/content/img/app/app-screen-3.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/ben.jpg b/starter/07-Omnifood-Desktop/content/img/customers/ben.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-1.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-2.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-3.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-4.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-5.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/customer-6.jpg b/starter/07-Omnifood-Desktop/content/img/customers/customer-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/dave.jpg b/starter/07-Omnifood-Desktop/content/img/customers/dave.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/hannah.jpg b/starter/07-Omnifood-Desktop/content/img/customers/hannah.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/customers/steve.jpg b/starter/07-Omnifood-Desktop/content/img/customers/steve.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/eating.jpg b/starter/07-Omnifood-Desktop/content/img/eating.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/favicon.png b/starter/07-Omnifood-Desktop/content/img/favicon.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-1.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-10.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-10.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-11.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-11.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-12.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-12.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-2.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-3.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-4.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-5.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-6.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-7.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-7.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-8.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-8.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/gallery/gallery-9.jpg b/starter/07-Omnifood-Desktop/content/img/gallery/gallery-9.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/hero.png b/starter/07-Omnifood-Desktop/content/img/hero.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/logos/business-insider.png b/starter/07-Omnifood-Desktop/content/img/logos/business-insider.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/logos/forbes.png b/starter/07-Omnifood-Desktop/content/img/logos/forbes.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/logos/techcrunch.png b/starter/07-Omnifood-Desktop/content/img/logos/techcrunch.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/logos/the-new-york-times.png b/starter/07-Omnifood-Desktop/content/img/logos/the-new-york-times.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/logos/usa-today.png b/starter/07-Omnifood-Desktop/content/img/logos/usa-today.png
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/meals/meal-1.jpg b/starter/07-Omnifood-Desktop/content/img/meals/meal-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/meals/meal-2.jpg b/starter/07-Omnifood-Desktop/content/img/meals/meal-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/07-Omnifood-Desktop/content/img/omnifood-logo.png b/starter/07-Omnifood-Desktop/content/img/omnifood-logo.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/content.md b/starter/08-Omnifood-Responsive/content.md
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/css/general.css b/starter/08-Omnifood-Responsive/css/general.css
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/css/style.css b/starter/08-Omnifood-Responsive/css/style.css
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/app/app-screen-1.png b/starter/08-Omnifood-Responsive/img/app/app-screen-1.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/app/app-screen-2.png b/starter/08-Omnifood-Responsive/img/app/app-screen-2.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/app/app-screen-3.png b/starter/08-Omnifood-Responsive/img/app/app-screen-3.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/ben.jpg b/starter/08-Omnifood-Responsive/img/customers/ben.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-1.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-2.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-3.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-4.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-5.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/customer-6.jpg b/starter/08-Omnifood-Responsive/img/customers/customer-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/dave.jpg b/starter/08-Omnifood-Responsive/img/customers/dave.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/hannah.jpg b/starter/08-Omnifood-Responsive/img/customers/hannah.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/customers/steve.jpg b/starter/08-Omnifood-Responsive/img/customers/steve.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/eating.jpg b/starter/08-Omnifood-Responsive/img/eating.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/favicon.png b/starter/08-Omnifood-Responsive/img/favicon.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-1.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-10.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-10.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-11.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-11.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-12.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-12.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-2.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-3.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-4.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-5.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-6.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-7.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-7.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-8.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-8.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/gallery/gallery-9.jpg b/starter/08-Omnifood-Responsive/img/gallery/gallery-9.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/hero.png b/starter/08-Omnifood-Responsive/img/hero.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/logos/business-insider.png b/starter/08-Omnifood-Responsive/img/logos/business-insider.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/logos/forbes.png b/starter/08-Omnifood-Responsive/img/logos/forbes.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/logos/techcrunch.png b/starter/08-Omnifood-Responsive/img/logos/techcrunch.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/logos/the-new-york-times.png b/starter/08-Omnifood-Responsive/img/logos/the-new-york-times.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/logos/usa-today.png b/starter/08-Omnifood-Responsive/img/logos/usa-today.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/meals/meal-1.jpg b/starter/08-Omnifood-Responsive/img/meals/meal-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/meals/meal-2.jpg b/starter/08-Omnifood-Responsive/img/meals/meal-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/img/omnifood-logo.png b/starter/08-Omnifood-Responsive/img/omnifood-logo.png
old mode 100644
new mode 100755
diff --git a/starter/08-Omnifood-Responsive/index.html b/starter/08-Omnifood-Responsive/index.html
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/content.md b/starter/09-Omnifood-Optimizations/content.md
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/css/general.css b/starter/09-Omnifood-Optimizations/css/general.css
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/css/queries.css b/starter/09-Omnifood-Optimizations/css/queries.css
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/css/style.css b/starter/09-Omnifood-Optimizations/css/style.css
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/app/app-screen-1.png b/starter/09-Omnifood-Optimizations/img/app/app-screen-1.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/app/app-screen-2.png b/starter/09-Omnifood-Optimizations/img/app/app-screen-2.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/app/app-screen-3.png b/starter/09-Omnifood-Optimizations/img/app/app-screen-3.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/ben.jpg b/starter/09-Omnifood-Optimizations/img/customers/ben.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-1.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-2.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-3.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-4.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-5.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/customer-6.jpg b/starter/09-Omnifood-Optimizations/img/customers/customer-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/dave.jpg b/starter/09-Omnifood-Optimizations/img/customers/dave.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/hannah.jpg b/starter/09-Omnifood-Optimizations/img/customers/hannah.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/customers/steve.jpg b/starter/09-Omnifood-Optimizations/img/customers/steve.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/eating.jpg b/starter/09-Omnifood-Optimizations/img/eating.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/favicon.png b/starter/09-Omnifood-Optimizations/img/favicon.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-1.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-10.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-10.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-11.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-11.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-12.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-12.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-2.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-3.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-3.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-4.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-4.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-5.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-5.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-6.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-6.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-7.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-7.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-8.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-8.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/gallery/gallery-9.jpg b/starter/09-Omnifood-Optimizations/img/gallery/gallery-9.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/hero.png b/starter/09-Omnifood-Optimizations/img/hero.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/logos/business-insider.png b/starter/09-Omnifood-Optimizations/img/logos/business-insider.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/logos/forbes.png b/starter/09-Omnifood-Optimizations/img/logos/forbes.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/logos/techcrunch.png b/starter/09-Omnifood-Optimizations/img/logos/techcrunch.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/logos/the-new-york-times.png b/starter/09-Omnifood-Optimizations/img/logos/the-new-york-times.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/logos/usa-today.png b/starter/09-Omnifood-Optimizations/img/logos/usa-today.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/meals/meal-1.jpg b/starter/09-Omnifood-Optimizations/img/meals/meal-1.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/meals/meal-2.jpg b/starter/09-Omnifood-Optimizations/img/meals/meal-2.jpg
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/img/omnifood-logo.png b/starter/09-Omnifood-Optimizations/img/omnifood-logo.png
old mode 100644
new mode 100755
diff --git a/starter/09-Omnifood-Optimizations/index.html b/starter/09-Omnifood-Optimizations/index.html
old mode 100644
new mode 100755
diff --git a/starter/index.css b/starter/index.css
new file mode 100755
index 000000000..40481aa4a
--- /dev/null
+++ b/starter/index.css
@@ -0,0 +1,68 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-size: 18px;
+}
+
+html,
+body {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ line-height: 1.5;
+}
+
+nav ul {
+ padding-left: 0;
+}
+
+nav li {
+ list-style: none;
+ border: 1px solid rgb(79, 77, 255);
+ padding: 0.125em 0.5em;
+ margin-left: 0.125em;
+ display: inline-block;
+
+}
+
+nav a {
+ display: block;
+ text-decoration: none;
+ color: inherit;
+ width: 100%;
+ height: auto;
+}
+
+nav li:hover {
+ background-color: rgb(79, 77, 255);
+
+}
+
+nav li:hover a {
+ color: white;
+}
+
+.related img {
+ width: 100%;
+ max-width: 100px;
+}
+
+.post-title {
+ color: rgb(79, 77, 255);
+}
+
+.post-image {
+ width: 100%;
+ max-width: 960px;
+ height: auto;
+}
+
+.author-pic {
+ width: 100%;
+ max-width: 75px;
+ height: auto;
+}
\ No newline at end of file
diff --git a/starter/index.html b/starter/index.html
new file mode 100755
index 000000000..85588e13f
--- /dev/null
+++ b/starter/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+ FrontendWorks Bootcamp: Intro to HTML, CSS and Web Design.
+
+
+
+
+ Frontend Works Bootcamp
+ FrontendWorks Bootcamp: Intro to HTML, CSS and Web Design.
+
+
+
+
\ No newline at end of file
From 3643c8d6317586cac26404717df49b2629db6a4d Mon Sep 17 00:00:00 2001
From: Serda Simus
Date: Sun, 18 Jul 2021 22:00:40 -0400
Subject: [PATCH 6/8] minor changes
---
.../02-HTML-Fundamentals/challenges/index.css | 109 ++++++++++++++++++
.../challenges/index.html | 81 +++++++++----
starter/02-HTML-Fundamentals/index.html | 2 +-
3 files changed, 166 insertions(+), 26 deletions(-)
diff --git a/starter/02-HTML-Fundamentals/challenges/index.css b/starter/02-HTML-Fundamentals/challenges/index.css
index 5f18777ba..19b4d8769 100755
--- a/starter/02-HTML-Fundamentals/challenges/index.css
+++ b/starter/02-HTML-Fundamentals/challenges/index.css
@@ -1,5 +1,114 @@
+html {
+ height: 100vh;
+}
+
+html,
+body {
+ min-height: 100%;
+}
+
+main {
+ height: 100%;
+ margin: auto;
+}
+
+footer {
+ margin-top: auto;
+}
+
+.component * {
+ color: black;
+}
+
+.component {
+ position: relative;
+ background-color: white;
+ color: black;
+ border: 5px solid black;
+ padding: 1em 1em 2em;
+ width: 90%;
+ margin: 1em auto;
+}
+
+.component h1 {
+ color: black;
+ margin: 0 auto 1em;
+ text-align: center;
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1em;
+}
+
.component img {
width: 100%;
max-width: 300px;
height: auto;
+ padding-right: 1em;
+}
+
+.component button {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ border: none;
+ padding: 0.5em 1em;
+ background-color: black;
+ color: white;
+ font-size: 1rem;
+ font-weight: bold;
+}
+
+.component a:link {
+ color: black;
+ padding: 0.125em 0.25em;
+}
+
+.component a:visited {
+ color: grey;
+}
+
+.component a:hover {
+ background-color: black;
+ color: white;
+}
+
+.component a:active {
+ background-color: blue;
+ color: white;
+}
+
+
+/* .clearfix:after {
+ content: "";
+ clear: both;
+} */
+
+#component2 button {
+ width: 100%;
+ padding: 0.5em;
+ font-size: 1.25rem;
+ border-top: 5px solid black;
+ clear: both;
+}
+
+#component2 button:hover {
+ background-color: white;
+ color: black;
+
+}
+
+#component1 .product-image,
+#component2 .product-image,
+#component1 .product-description,
+#component2 .product-description {
+ float: left;
+}
+
+#component1 .clearfix::after,
+#component2 .clearfix::after {
+ content: "";
+ display: block;
+ clear: both;
}
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/challenges/index.html b/starter/02-HTML-Fundamentals/challenges/index.html
index d7a63593d..5ba066206 100755
--- a/starter/02-HTML-Fundamentals/challenges/index.html
+++ b/starter/02-HTML-Fundamentals/challenges/index.html
@@ -6,40 +6,71 @@
Challenges
-
+
-
+
- Challenges
-
+ FrontendWorks Challenges
+
+
+
-
-
Converse Chuck Taylor All-Star Low Top
-
-
USD $65.00
-
Free Shipping
-
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe staple.
-
More info β
-
-
Product details:
-
- Lightweight, durable canvas sneaker.
- Lightweight padded footbed for added comfort.
- Iconic Chuck Taylor ankle patch.
-
+
+
+
Converse Chuck Taylor All-Star Low Top
+
+
+
+
USD $65.00
+
Free Shipping
+
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe staple.
+
More info β
+
+
Product details:
+
+ Lightweight, durable canvas sneaker.
+ Lightweight padded footbed for added comfort.
+ Iconic Chuck Taylor ankle patch.
+
+
+
+
+
Add to Cart
-
Add to Cart
-
+
+
Converse Chuck Taylor All-Star Low Top
+
+
+
USD $65.00
+
Free Shipping
+
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe staple.
+
More info β
+
+
Product details:
+
+ Lightweight, durable canvas sneaker.
+ Lightweight padded footbed for added comfort.
+ Iconic Chuck Taylor ankle patch.
+
+
+
+
+
Add to Cart
+
+
-
+
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html
index 7f781c51c..9a783f5f3 100755
--- a/starter/02-HTML-Fundamentals/index.html
+++ b/starter/02-HTML-Fundamentals/index.html
@@ -11,7 +11,7 @@
- π FrontendOutpost π
+ π FrontendWorks Times π
Home
From 1cfc3bb66f1795ec47f1cc8edd3c7fee5cbb3fe0 Mon Sep 17 00:00:00 2001
From: Serda Simus
Date: Wed, 21 Jul 2021 15:48:58 -0400
Subject: [PATCH 7/8] finished section 4
---
.../02-HTML-Fundamentals/challenges/index.css | 176 +++++++++++++++---
.../challenges/index.html | 75 +++++++-
starter/02-HTML-Fundamentals/index.css | 1 +
3 files changed, 227 insertions(+), 25 deletions(-)
diff --git a/starter/02-HTML-Fundamentals/challenges/index.css b/starter/02-HTML-Fundamentals/challenges/index.css
index 19b4d8769..d1d8a2942 100755
--- a/starter/02-HTML-Fundamentals/challenges/index.css
+++ b/starter/02-HTML-Fundamentals/challenges/index.css
@@ -1,5 +1,5 @@
html {
- height: 100vh;
+ min-height: 100vh;
}
html,
@@ -26,7 +26,7 @@ footer {
color: black;
border: 5px solid black;
padding: 1em 1em 2em;
- width: 90%;
+ width: 80%;
margin: 1em auto;
}
@@ -34,20 +34,13 @@ footer {
color: black;
margin: 0 auto 1em;
text-align: center;
- font-size: 2em;
+ font-size: 2rem;
}
h2 {
font-size: 1em;
}
-.component img {
- width: 100%;
- max-width: 300px;
- height: auto;
- padding-right: 1em;
-}
-
.component button {
position: absolute;
bottom: 0;
@@ -79,13 +72,8 @@ h2 {
color: white;
}
-
-/* .clearfix:after {
- content: "";
- clear: both;
-} */
-
-#component2 button {
+#component2 button,
+#component3 button {
width: 100%;
padding: 0.5em;
font-size: 1.25rem;
@@ -93,22 +81,162 @@ h2 {
clear: both;
}
-#component2 button:hover {
+#component2 button:hover,
+#component3 button:hover {
background-color: white;
color: black;
+}
+.product-image {
+ width: 100%;
+ max-width: 300px;
+ height: auto;
+ padding-right: 1em;
+ float: left;
+ margin-left: auto;
}
-#component1 .product-image,
-#component2 .product-image,
-#component1 .product-description,
-#component2 .product-description {
+.product-description {
+ width: 40%;
float: left;
+ margin-right: auto;
+}
+
+div.product3 {
+ display: flex;
+ width: 100%;
+ float: none;
+ flex-flow: row nowrap;
}
-#component1 .clearfix::after,
-#component2 .clearfix::after {
+.clearfix::after {
content: "";
display: block;
clear: both;
+}
+
+.pricing p {
+ margin-top: 0;
+}
+
+.component3 {
+ position: relative;
+ padding: 1em 0.75em 2em;
+}
+
+.component3::after,
+.component4::after {
+ content: "SALE";
+ background: red;
+ color: white;
+ text-transform: uppercase;
+ position: absolute;
+ top: -20px;
+ left: -40px;
+ padding: 0.75em 2em;
+ font-size: 0.8rem;
+ font-weight: bold;
+ letter-spacing: 3px;
+}
+
+.component h1 {
+ width: 80%;
+ margin: 0 auto;
+ padding: 0.5em;
+ font-size: 1.5rem;
+}
+
+.component3 .image-color-container {
+ width: 30%;
+ min-width: 300px;
+ margin: 1em 0 2em;
+}
+
+.component3 .pricing {
+ width: 30%;
+ align-self: baseline;
+}
+
+.component3 .description {
+ width: 30%;
+ align-self: baseline;
+}
+
+.box-container {
+ margin-top: 2em;
+ width: 100%;
+ max-width: 300px;
+ justify-content: space-evenly;
+}
+
+.box {
+ width: 25px;
+ height: 25px;
+ background-color: rgb(14, 14, 14);
+}
+
+.blue-box {
+ background-color: rgb(0, 89, 255)
+}
+
+.red-box {
+ background-color: rgb(255, 44, 44)
+}
+
+.yellow-box {
+ background-color: rgb(255, 238, 0);
+}
+
+.green-box {
+ background-color: rgb(73, 153, 73);
+}
+
+.brown-box {
+ background-color: rgb(107, 67, 49);
+}
+
+.component4 {
+ display: grid;
+ grid-template-columns: 1rem 1fr 1rem;
+ grid-template-rows: 4rem 1fr 3rem;
+ padding: 0;
+ gap: 1rem;
+}
+
+.component4 h1 {
+ grid-column: 1 / -1;
+}
+
+.product4 {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: 1fr;
+ padding: 0;
+ gap: 1rem;
+ grid-column: 2 / 3;
+ grid-row: 2 / 3;
+}
+
+.product4 .image-color {
+ display: block;
+ grid-column: 1 / 2;
+ grid-row: 1 / 2;
+}
+
+.product4-image {
+ max-width: 100%;
+}
+
+button.button4 {
+ width: 100%;
+ grid-column: 1 / -1;
+ grid-row: 6 / 7;
+ border-top: 5px solid black;
+ padding: 0.5em;
+ font-size: 1.25rem;
+}
+
+button.button4:hover {
+ background-color: white;
+ color: black;
}
\ No newline at end of file
diff --git a/starter/02-HTML-Fundamentals/challenges/index.html b/starter/02-HTML-Fundamentals/challenges/index.html
index 5ba066206..ecd565f07 100755
--- a/starter/02-HTML-Fundamentals/challenges/index.html
+++ b/starter/02-HTML-Fundamentals/challenges/index.html
@@ -45,7 +45,7 @@ Product details:
Add to Cart
-
Converse Chuck Taylor All-Star Low Top
+
Converse Chuck Taylor CSS Float
@@ -66,6 +66,79 @@
Product details:
Add to Cart
+
+
Converse Chuck Taylor CSS Flexbox
+
+
+
+
+
+
+
USD $65.00
+
Free Shipping
+
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe
+ staple.
+
+
More info β
+
+
+
Product details:
+
+ Lightweight, durable canvas sneaker.
+ Lightweight padded footbed for added comfort.
+ Iconic Chuck Taylor ankle patch.
+
+
+
+
+
+
+
+
Add to Cart
+
+
+
Converse Chuck Taylor All-Star CSS GRID
+
+
+
+
+
+
+
USD $65.00
+
Free Shipping
+
Ready to dress up or dress down? These classic canvas Chucks are an everyday wardrobe
+ staple.
+
+
More info β
+
+
+
Product details:
+
+ Lightweight, durable canvas sneaker.
+ Lightweight padded footbed for added comfort.
+ Iconic Chuck Taylor ankle patch.
+
+
+
+
Add to Cart
+
+
- Leisure and relaxing
-
-
- Comfortable for 4h
-
-
- Vegan leather
-
-
- Weighs 16 kg
-
-
-
+
+ Our bestselling chairs
+
+
+
+
+
The Laid Back
+
+
+
+
+
+
+ Leisure and relaxing
+
+
+
+
+
+ Comfortable for 4h
+
+
+
+
+
+ Vegan leather
+
+
+
+
+
+ Weighs 16 kg
+
+
+
-
+
+
-
-
-
-
The Worker Bee
-
-
- Work
-
-
- Comfortable for 8h
-
-
- Vegan leather
-
-
- Weighs 22 kg
-
-
-
+
+
+
+
The Worker Bee
+
+
+
+
+
+
+ Work
+
+
+
+
+
+ Comfortable for 8h
+
+
+
+
+
+ Vegan leather
+
+
+
+
+
+ Weighs 22 kg
+
+
+
-
+
+
-
-
-
-
The Chair 4/2
-
-
- Leisure and relaxing
-
-
- Comfortable all day!
-
-
- Organic cotton
-
-
- Weighs 80 kg
-
-
-
+
+
+
+
The Chair 4/2
+
+
+
+
+ Leisure and relaxing
+
+
+
+
+ Comfortable all day!
+
+
+
+
+ Organic cotton
+
+
+
+
+ Weighs 80 kg
+
+
+
-
-
-
+
+
+
+
+
+
+
+
-
- Copyright © 2027 by Jonas Schmedtmann. Part of "Build Responsive
- Real-World Websites with HTML and CSS" online course. Use for learning
- purposes only.
-
-
-