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 + + + + + +
+

Challenges

+ +
+
+
+

Converse Chuck Taylor All-Star Low Top

+ a person wearing jeans and a pair of chuck tailor black with white soles and cap. +

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.
  • +
+
+ +
+ +
+
+ + + \ 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 πŸ“˜

+ +
+
+
+
+ +
+ displaying html code. +

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 HyperText Markup Language. 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:

+
    +
  1. The opening tag
  2. +
  3. The closing tag
  4. +
  5. The actual element
  6. +
+

+ 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!

+
+
+
+ + +
+ + + + \ 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. + + + + +

FrontendWorks 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

- a person wearing jeans and a pair of chuck tailor black with white soles and cap. -

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

+ + a person wearing jeans and a pair of Chuck Taylor black with white soles and cap. +
+

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

+ a person wearing jeans and a pair of Chuck Taylor black with white soles and cap. +
+

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.
  • +
+
+
+ + +
+
-
+ \ 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 πŸ“˜