diff --git a/README.md b/README.md
deleted file mode 100644
index 88e3430a5..000000000
--- a/README.md
+++ /dev/null
@@ -1,61 +0,0 @@
-# Course Material and FAQ for "Build Responsive Real-World Websites with HTML and CSS"
-
-This repo contains starter files and final code for all sections and projects contained in the course.
-
-Use starter code to start each section, and **final code to compare it with your own code whenever something doesn't work**!
-
-👇 **_Please read the following Frequently Asked Questions (FAQ) carefully before starting the course_** 👇
-
-## FAQ
-
-### 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.
diff --git a/final/02-HTML-Fundamentals/blog.html b/final/02-HTML-Fundamentals/blog.html
deleted file mode 100644
index 3b9b6e328..000000000
--- a/final/02-HTML-Fundamentals/blog.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
- BLOG
-
-
-
BLOG
- Back to home
-
-
diff --git a/final/02-HTML-Fundamentals/content.txt b/final/02-HTML-Fundamentals/content.txt
deleted file mode 100644
index ae01eb723..000000000
--- a/final/02-HTML-Fundamentals/content.txt
+++ /dev/null
@@ -1,34 +0,0 @@
-📘 The Code Magazine
-
-The Basic Language of the Web: HTML
-
-Posted by Laura Jones on Monday, June 21st 2027
-
-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:
-
-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!
\ No newline at end of file
diff --git a/final/02-HTML-Fundamentals/index.html b/final/02-HTML-Fundamentals/index.html
deleted file mode 100644
index df8a623a8..000000000
--- a/final/02-HTML-Fundamentals/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
-
-
-
-
- The Basic Language of the Web: HTML
-
-
-
-
-
-
-
📘 The Code Magazine
-
-
-
-
-
-
-
The Basic Language of the Web: HTML
-
-
-
-
Posted by Laura Jones on Monday, June 21st 2027
-
-
-
-
-
- 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.
-
- Back to home
-
-
diff --git a/final/03-CSS-Fundamentals/content.txt b/final/03-CSS-Fundamentals/content.txt
deleted file mode 100644
index ae01eb723..000000000
--- a/final/03-CSS-Fundamentals/content.txt
+++ /dev/null
@@ -1,34 +0,0 @@
-📘 The Code Magazine
-
-The Basic Language of the Web: HTML
-
-Posted by Laura Jones on Monday, June 21st 2027
-
-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:
-
-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!
\ No newline at end of file
diff --git a/final/03-CSS-Fundamentals/img/challenges.jpg b/final/03-CSS-Fundamentals/img/challenges.jpg
deleted file mode 100644
index 319f22da5..000000000
Binary files a/final/03-CSS-Fundamentals/img/challenges.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/img/laura-jones.jpg b/final/03-CSS-Fundamentals/img/laura-jones.jpg
deleted file mode 100644
index 7830c94c6..000000000
Binary files a/final/03-CSS-Fundamentals/img/laura-jones.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/img/post-img.jpg b/final/03-CSS-Fundamentals/img/post-img.jpg
deleted file mode 100644
index df3005e63..000000000
Binary files a/final/03-CSS-Fundamentals/img/post-img.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/img/related-1.jpg b/final/03-CSS-Fundamentals/img/related-1.jpg
deleted file mode 100644
index 376e2e7b3..000000000
Binary files a/final/03-CSS-Fundamentals/img/related-1.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/img/related-2.jpg b/final/03-CSS-Fundamentals/img/related-2.jpg
deleted file mode 100644
index 0e9e7ea18..000000000
Binary files a/final/03-CSS-Fundamentals/img/related-2.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/img/related-3.jpg b/final/03-CSS-Fundamentals/img/related-3.jpg
deleted file mode 100644
index 9c5723b71..000000000
Binary files a/final/03-CSS-Fundamentals/img/related-3.jpg and /dev/null differ
diff --git a/final/03-CSS-Fundamentals/index.html b/final/03-CSS-Fundamentals/index.html
deleted file mode 100644
index 15ecbeb77..000000000
--- a/final/03-CSS-Fundamentals/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
-
-
-
-
- The Basic Language of the Web: HTML
-
-
-
-
-
-
-
-
📘 The Code Magazine
-
-
-
-
-
-
-
The Basic Language of the Web: HTML
-
-
-
-
- Posted by Laura Jones on Monday, June 21st 2027
-
-
-
-
-
-
-
- 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.
-
- Back to home
-
-
diff --git a/final/04-CSS-Layouts/content.txt b/final/04-CSS-Layouts/content.txt
deleted file mode 100644
index ae01eb723..000000000
--- a/final/04-CSS-Layouts/content.txt
+++ /dev/null
@@ -1,34 +0,0 @@
-📘 The Code Magazine
-
-The Basic Language of the Web: HTML
-
-Posted by Laura Jones on Monday, June 21st 2027
-
-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:
-
-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!
\ No newline at end of file
diff --git a/final/04-CSS-Layouts/css-grid.html b/final/04-CSS-Layouts/css-grid.html
deleted file mode 100644
index 340f696d7..000000000
--- a/final/04-CSS-Layouts/css-grid.html
+++ /dev/null
@@ -1,130 +0,0 @@
-
-
-
-
-
-
- CSS Grid
-
-
-
-
-
-
diff --git a/final/04-CSS-Layouts/img/challenges.jpg b/final/04-CSS-Layouts/img/challenges.jpg
deleted file mode 100644
index 319f22da5..000000000
Binary files a/final/04-CSS-Layouts/img/challenges.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/img/laura-jones.jpg b/final/04-CSS-Layouts/img/laura-jones.jpg
deleted file mode 100644
index 7830c94c6..000000000
Binary files a/final/04-CSS-Layouts/img/laura-jones.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/img/post-img.jpg b/final/04-CSS-Layouts/img/post-img.jpg
deleted file mode 100644
index df3005e63..000000000
Binary files a/final/04-CSS-Layouts/img/post-img.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/img/related-1.jpg b/final/04-CSS-Layouts/img/related-1.jpg
deleted file mode 100644
index 376e2e7b3..000000000
Binary files a/final/04-CSS-Layouts/img/related-1.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/img/related-2.jpg b/final/04-CSS-Layouts/img/related-2.jpg
deleted file mode 100644
index 0e9e7ea18..000000000
Binary files a/final/04-CSS-Layouts/img/related-2.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/img/related-3.jpg b/final/04-CSS-Layouts/img/related-3.jpg
deleted file mode 100644
index 9c5723b71..000000000
Binary files a/final/04-CSS-Layouts/img/related-3.jpg and /dev/null differ
diff --git a/final/04-CSS-Layouts/index.html b/final/04-CSS-Layouts/index.html
deleted file mode 100644
index 33a6af10c..000000000
--- a/final/04-CSS-Layouts/index.html
+++ /dev/null
@@ -1,180 +0,0 @@
-
-
-
-
-
-
- The Basic Language of the Web: HTML
-
-
-
-
-
-
-
-
📘 The Code Magazine
-
-
-
-
-
-
-
-
-
-
-
The Basic Language of the Web: HTML
-
-
-
-
-
- Posted by Laura Jones on Monday, June 21st 2027
-
-
-
-
-
-
-
-
- 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.
-
We design and build better chairs, for a better life
-
- In a small shop in the heart of Lisbon, we spend our days
- relentlessly perfecting the chair. The result is a perfect blend of
- beauty and comfort, that will have a lasting impact on your health.
-
- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus
- similique adipisci praesentium.
-
-
-
-
-
-
- Maximal comfort
-
-
- Reprehenderit optio placeat quasi excepturi architecto, explicabo
- facilis perspiciatis error maxime magnam.
-
-
-
-
-
-
- Ethical and sustainable
-
-
- Deleniti recusandae quidem nesciunt, eos dolorum iure, quaerat
- omnis est laudantium voluptatem voluptas!
-
-
-
-
-
-
-
-
-
-
"We couldn't live without these chairs anymore"
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor
- repellat at, nesciunt quia cum minima ipsum culpa totam sapiente
- recusandae earum debitis doloribus in quasi voluptatibus!
-
- "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia
- nesciunt aliquid ex atque quibusdam. Rerum officia unde suscipit quo
- sunt hic illo fugit."
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque quas,
- minus beatae sapiente debitis voluptatum, laudantium veritatis impedit
- corrupti officia recusandae fugit, voluptates iure velit! Ad suscipit
- vitae nobis optio. Lorem ipsum dolor sit, amet consectetur adipisicing
- elit. Reiciendis sequi quam earum voluptas eum laboriosam at
- cupiditate debitis in odio adipisci repudiandae enim ea, sint quos
- similique! Debitis, facilis dolore?
-
- Never again waste time thinking about what to eat! Omnifood AI
- will create a 100% personalized weekly meal plan just for you. It
- makes sure you get all the nutrients and vitamins you need, no
- matter what diet you follow!
-
-
-
-
-
-
-
-
-
-
-
-
02
-
Approve your weekly meal plan
-
- Once per week, approve the meal plan generated for you by Omnifood
- AI. You can change ingredients, swap entire meals, or even add
- your own recipes.
-
-
-
-
-
-
03
-
Receive meals at convenient time
-
- Best chefs in town will cook your selected meal every day, and we
- will deliver it to your door whenever works best for you. You can
- change delivery schedule and address daily!
-
- Our subscriptions cover 365 days per year, even including major
- holidays.
-
-
-
-
-
Local and organic
-
- Our cooks only use local, fresh, and organic products to prepare
- your meals.
-
-
-
-
-
No waste
-
- All our partners only use reusable containers to package all your
- meals.
-
-
-
-
-
Pause anytime
-
- Going on vacation? Just pause your subscription, and we refund
- unused days.
-
-
-
-
-
-
-
-
-
-
Get your first meal for free!
-
- Healthy, tasty and hassle-free meals are waiting for you. Start
- eating well today. You can cancel or pause anytime. And the
- first meal is on us!
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/final/08-Omnifood-Responsive/content.md b/final/08-Omnifood-Responsive/content.md
deleted file mode 100644
index 092b60a6e..000000000
--- a/final/08-Omnifood-Responsive/content.md
+++ /dev/null
@@ -1,144 +0,0 @@
-# Omnifood
-
-## About Omnifood
-
-We are a technology company first, but with a major focus on consumer well-being through a healthy diet. Most people are very busy with their jobs, family and friends, and other important activities, which doesn't leave much time for cooking. This might lead to a poor diet and lasting health consequences. We want to solve this problem by using an AI-centric approach. Users can use our app to select their diet and foods they like and dislike, and our AI algorithm will create a custom and individual weekly meal plan. But we don't stop there. We partner with restaurants and other cooking partners to actually cook and deliver all meals from the generated meal plans, in selected cities. All this will be packed up in a monthly subscription, where users can choose between receiving one or two meals per day, every single day of the month.
-
-## Branding
-
-Headline: A healthy meal delivered to your door, every single day
-
-Brand color: #e67e22
-
-## Omnifood Website Content
-
-### Summary
-
-The smart 365-days-per-year food subscription that will make you eat healthy again. Tailored to your personal tastes and nutritional needs. We have delivered 250,000+ meals last year!
-
-### Omnifood features
-
-Never cook again!: Our subscriptions cover 365 days per year, even including major holidays.
-Local and organic: Our cooks only use local, fresh, and organic products to prepare your meals.
-No waste: All our partners only use reusable containers to package all your meals.
-Pause anytime: Going on vacation? Just pause your subscription, and we refund unused days.
-
-### How Omnifood works
-
-[Show big app images]
-
-**Your daily dose of health in 3 simple steps**
-
-Tell us what you like (and what not): Never again waste time thinking about what to eat! Omnifood AI will create a 100% personalized weekly meal plan just for you. It makes sure you get all the nutrients and vitamins you need, no matter what diet you follow!
-
-Approve your weekly meal plan: Once per week, approve the meal plan generated for you by Omnifood AI. You can change ingredients, swap entire meals, or even add your own recipes.
-
-Receive meals at convenient time: Best chefs in town will cook your selected meal every day, and we will deliver it to your door whenever works best for you. You can change delivery schedule and address daily!
-
-### Omnifood works with any diet
-
-Vegetarian
-Vegan
-Pescatarian
-Gluten-free
-Lactose-free
-Keto
-Paleo
-Low FODMAP
-Kid-friendly
-
-### Sample meals
-
-**Omnifood AI chooses from 5,000+ recipes**
-
-Meal 1: Japanese Gyozas
-
-- Category: Vegetarian
-- Calories: 650
-- NutriScore (Registered): 74
-- Average rating: 4.9
-- Number reviews: 537
-
-Meal 2: Avocado Salad
-
-- Category: Vegan and Paleo
-- Calories: 400
-- NutriScore (Registered): 92
-- Average rating: 4.8
-- Number reviews: 441
-
-### We offer a free sample meal
-
-[Create simple form for users to sign up]
-
-Healthy, tasty and hassle-free meals are waiting for you. Start eating well today. You can cancel or pause anytime. And the first meal is on us!
-
-### We have 2 pricing plans
-
-Prices include all applicable taxes. Users can cancel at any time.
-
-Starter: $399 per month
-
-- 1 meal per day
-- Order times are between 11am and 9pm
-- Delivery is free
-
-Complete: $649 per month
-
-- 2 meal2 per day
-- Order 24/7
-- Delivery is free
-- Get access to latest recipes
-
-### Photo gallery
-
-[Use the 12 photos we provided]
-
-### Customer testimonials
-
-[Photos of customers included]
-
-Inexpensive, healthy and great-tasting meals, without even having to order manually! It feels truly magical. (Dave Bryson)
-The AI algorithm is crazy good, it chooses the right meals for me every time. It's amazing not to worry about food anymore! (Ben Hadley)
-Omnifood is a life saver! I just started a company, so there's no time for cooking. I couldn't live without my daily meals now! (Steve Miller)
-I got Omnifood for the whole family, and it frees up so much time! Plus, everything is organic and vegan and without plastic. (Hannah Smith)
-
-### Section with logos of featured publications [see images]
-
-### Contact information
-
-Address: 623 Harrison St., 2nd Floor, San Francisco, CA 94107
-Phone: 415-201-6370
-Email: hello@omnifood.com
-
-Social profiles: instagram, facebook, twitter [links to them not available yet]
-
-### Additional links [links not available yet]
-
-Create account
-Sign in
-iOS app
-Android app
-
-About Omnifood
-For Business
-Cooking partners
-Careers
-
-Recipe directory
-Help center
-Privacy & terms
-
-######
-
-## Sections
-
-- Logo + Navigation
-- Hero
-- Featured in
-- How it works
-- Meals (and list of diets)
-- Testimonials + gallery
-- Pricing + features
-- CTA
-- Footer
diff --git a/final/08-Omnifood-Responsive/css/general.css b/final/08-Omnifood-Responsive/css/general.css
deleted file mode 100644
index 4e8cb7052..000000000
--- a/final/08-Omnifood-Responsive/css/general.css
+++ /dev/null
@@ -1,289 +0,0 @@
-/*
---- 01 TYPOGRAPHY SYSTEM
-
-- Font sizes (px)
-10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
-
-- Font weights
-Default: 400
-Medium: 500
-Semi-bold: 600
-Bold: 700
-
-- Line heights
-Default: 1
-Small: 1.05
-Medium: 1.2
-Paragraph default: 1.6
-Large: 1.8
-
-- Letter spacing
--0.5px
-0.75px
-
---- 02 COLORS
-
-- Primary: #e67e22
-- Tints:
-#fdf2e9
-#fae5d3
-#eb984e
-
-- Shades:
-#cf711f
-#45260a
-
-- Accents:
-- Greys
-
-#888
-#767676 (lightest grey allowed on #fff)
-#6f6f6f (lightest grey allowed on #fdf2e9)
-#555
-#333
-
---- 05 SHADOWS
-
-0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
-
---- 06 BORDER-RADIUS
-
-Default: 9px
-Medium: 11px
-
---- 07 WHITESPACE
-
-- Spacing system (px)
-2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
-*/
-
-* {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
-}
-
-html {
- /* font-size: 10px; */
-
- /* 10px / 16px = 0.625 = 62.5% */
- /* Percentage of user's browser font-size setting */
- font-size: 62.5%;
- overflow-x: hidden;
-}
-
-body {
- font-family: "Rubik", sans-serif;
- line-height: 1;
- font-weight: 400;
- color: #555;
-
- /* Only works if there is nothing absolutely positioned in relation to body */
- overflow-x: hidden;
-}
-
-/**************************/
-/* GENRAL REUSABLE COMPONENTS */
-/**************************/
-
-.container {
- /* 1140px */
- max-width: 120rem;
- padding: 0 3.2rem;
- margin: 0 auto;
-}
-
-.grid {
- display: grid;
- column-gap: 6.4rem;
- row-gap: 9.6rem;
-
- /* margin-bottom: 9.6rem; */
-}
-
-/* .grid:last-child {
- margin-bottom: 0;
-} */
-
-.grid:not(:last-child) {
- margin-bottom: 9.6rem;
-}
-
-.grid--2-cols {
- grid-template-columns: repeat(2, 1fr);
-}
-
-.grid--3-cols {
- grid-template-columns: repeat(3, 1fr);
-}
-
-.grid--4-cols {
- grid-template-columns: repeat(4, 1fr);
-}
-
-/* .grid--5-cols {
- grid-template-columns: repeat(5, 1fr);
-} */
-
-.grid--center-v {
- align-items: center;
-}
-
-.heading-primary,
-.heading-secondary,
-.heading-tertiary {
- font-weight: 700;
- color: #333;
- /* color: #45260a; */
- /* color: #343a40; */
- letter-spacing: -0.5px;
-}
-
-.heading-primary {
- font-size: 5.2rem;
- line-height: 1.05;
- margin-bottom: 3.2rem;
-}
-
-.heading-secondary {
- font-size: 4.4rem;
- line-height: 1.2;
- margin-bottom: 9.6rem;
-}
-
-.heading-tertiary {
- font-size: 3rem;
- line-height: 1.2;
- margin-bottom: 3.2rem;
-}
-
-.subheading {
- display: block;
- font-size: 1.6rem;
- font-weight: 500;
- color: #cf711f;
- text-transform: uppercase;
- margin-bottom: 1.6rem;
- letter-spacing: 0.75px;
-}
-
-.btn,
-.btn:link,
-.btn:visited {
- display: inline-block;
-
- text-decoration: none;
- font-size: 2rem;
- font-weight: 600;
- padding: 1.6rem 3.2rem;
- border-radius: 9px;
-
- /* Only necessary for .btn */
- border: none;
- cursor: pointer;
- font-family: inherit;
-
- /* Put transition on original "state" */
- /* transition: background-color 0.3s; */
- transition: all 0.3s;
-}
-
-.btn--full:link,
-.btn--full:visited {
- background-color: #e67e22;
- color: #fff;
-}
-
-.btn--full:hover,
-.btn--full:active {
- background-color: #cf711f;
-}
-
-.btn--outline:link,
-.btn--outline:visited {
- background-color: #fff;
- color: #555;
-}
-
-.btn--outline:hover,
-.btn--outline:active {
- background-color: #fdf2e9;
-
- /* border: 3px solid #fff; */
-
- /* Trick to add border inside */
- box-shadow: inset 0 0 0 3px #fff;
-}
-
-.btn--form {
- background-color: #45260a;
- color: #fdf2e9;
- align-self: end;
- padding: 1.2rem;
-}
-
-.btn--form:hover {
- background-color: #fff;
- color: #555;
-}
-
-.link:link,
-.link:visited {
- display: inline-block;
- color: #e67e22;
- text-decoration: none;
- border-bottom: 1px solid currentColor;
- padding-bottom: 2px;
- transition: all 0.3s;
-}
-
-.link:hover,
-.link:active {
- color: #cf711f;
- border-bottom: 1px solid transparent;
-}
-
-.list {
- list-style: none;
- display: flex;
- flex-direction: column;
- gap: 1.6rem;
-}
-
-.list-item {
- font-size: 1.8rem;
- display: flex;
- align-items: center;
- gap: 1.6rem;
- line-height: 1.2;
-}
-
-.list-icon {
- width: 3rem;
- height: 3rem;
- color: #e67e22;
-}
-
-*:focus {
- outline: none;
- /* outline: 4px dotted #e67e22; */
- /* outline-offset: 8px; */
- box-shadow: 0 0 0 0.8rem rgba(230, 125, 34, 0.5);
-}
-
-/* HELPER/SETTINGS CLASSES */
-.margin-right-sm {
- margin-right: 1.6rem !important;
-}
-
-.margin-bottom-md {
- margin-bottom: 4.8rem !important;
-}
-
-.center-text {
- text-align: center;
-}
-
-strong {
- font-weight: 500;
-}
diff --git a/final/08-Omnifood-Responsive/css/queries.css b/final/08-Omnifood-Responsive/css/queries.css
deleted file mode 100644
index 5f0cf2820..000000000
--- a/final/08-Omnifood-Responsive/css/queries.css
+++ /dev/null
@@ -1,300 +0,0 @@
-/* rem and em do NOT depend on html font-size in media queries! Instead, 1rem = 1em = 16px */
-
-/**************************/
-/* BELOW 1344px (Smaller desktops) */
-/**************************/
-
-@media (max-width: 84em) {
- .hero {
- max-width: 120rem;
- }
-
- .heading-primary {
- font-size: 4.4rem;
- }
-
- .gallery {
- grid-template-columns: repeat(2, 1fr);
- }
-}
-
-/**************************/
-/* BELOW 1200px (Landscape Tablets) */
-/**************************/
-
-@media (max-width: 75em) {
- html {
- /* 9px / 16px */
- font-size: 56.25%;
- }
-
- .grid {
- column-gap: 4.8rem;
- row-gap: 6.4rem;
- }
-
- .heading-secondary {
- font-size: 3.6rem;
- }
-
- .heading-tertiary {
- font-size: 2.4rem;
- }
-
- .header {
- padding: 0 3.2rem;
- }
-
- .main-nav-list {
- gap: 3.2rem;
- }
-
- .hero {
- gap: 4.8rem;
- }
-
- .testimonials-container {
- padding: 9.6rem 3.2rem;
- }
-}
-
-/**************************/
-/* BELOW 944px (Tablets) */
-/**************************/
-
-@media (max-width: 59em) {
- html {
- /* 8px / 16px = 0.5 = 50% */
- font-size: 50%;
- }
-
- .hero {
- grid-template-columns: 1fr;
- padding: 0 8rem;
- gap: 6.4rem;
- }
-
- .hero-text-box,
- .hero-img-box {
- text-align: center;
- }
-
- .hero-img {
- width: 60%;
- }
-
- .delivered-meals {
- justify-content: center;
- margin-top: 3.2rem;
- }
-
- .logos img {
- height: 2.4rem;
- }
-
- .step-number {
- font-size: 7.4rem;
- }
-
- .meal-content {
- padding: 2.4rem 3.2rem 3.2rem 3.2rem;
- }
-
- .section-testimonials {
- grid-template-columns: 1fr;
- }
-
- .gallery {
- grid-template-columns: repeat(6, 1fr);
- }
-
- .cta {
- /* 3/5 = 60% + 2/5 = 40% */
- grid-template-columns: 3fr 2fr;
- }
-
- .cta-form {
- grid-template-columns: 1fr;
- }
-
- .btn--form {
- margin-top: 1.2rem;
- }
-
- /* MOBILE NAVIGATION */
- .btn-mobile-nav {
- display: block;
- }
-
- .main-nav {
- background-color: rgba(255, 255, 255, 0.97);
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100vh;
- transform: translateX(100%);
-
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 0.5s ease-in;
-
- /* Hide navigation */
- /* Allows NO transitions at all */
- /* display: none; */
-
- /* 1) Hide it visually */
- opacity: 0;
-
- /* 2) Make it unaccessible to mouse and keyboard */
- pointer-events: none;
-
- /* 3) Hide it from screen readers */
- visibility: hidden;
- }
-
- .nav-open .main-nav {
- opacity: 1;
- pointer-events: auto;
- visibility: visible;
- transform: translateX(0);
- }
-
- .nav-open .icon-mobile-nav[name="close-outline"] {
- display: block;
- }
-
- .nav-open .icon-mobile-nav[name="menu-outline"] {
- display: none;
- }
-
- .main-nav-list {
- flex-direction: column;
- gap: 4.8rem;
- }
-
- .main-nav-link:link,
- .main-nav-link:visited {
- font-size: 3rem;
- }
-}
-
-/**************************/
-/* BELOW 704px (Smaller tablets) */
-/**************************/
-
-@media (max-width: 44em) {
- .grid--3-cols,
- .grid--4-cols {
- grid-template-columns: repeat(2, 1fr);
- }
-
- .diets {
- grid-column: 1 / -1;
- justify-self: center;
- }
-
- .heading-secondary {
- margin-bottom: 4.8rem;
- }
-
- .pricing-plan {
- width: 100%;
- }
-
- .grid--footer {
- grid-template-columns: repeat(6, 1fr);
- }
-
- .logo-col,
- .address-col {
- grid-column: span 3;
- }
-
- .nav-col {
- grid-row: 1;
- grid-column: span 2;
- margin-bottom: 3.2rem;
- }
-}
-
-/**************************/
-/* BELOW 544px (Phones) */
-/**************************/
-
-@media (max-width: 34em) {
- .grid {
- row-gap: 4.8rem;
- }
-
- .grid--2-cols,
- .grid--3-cols,
- .grid--4-cols {
- grid-template-columns: 1fr;
- }
-
- .btn,
- .btn:link,
- .btn:visited {
- padding: 2.4rem 1.6rem;
- }
-
- .section-hero {
- padding: 2.4rem 0 6.4rem 0;
- }
-
- .hero {
- padding: 0 3.2rem;
- }
-
- .hero-img {
- width: 80%;
- }
-
- .logos img {
- height: 1.2rem;
- }
-
- .step-img-box:nth-child(2) {
- grid-row: 1;
- }
-
- .step-img-box:nth-child(6) {
- grid-row: 5;
- }
-
- .step-img-box {
- transform: translateY(2.4rem);
- }
-
- .testimonials {
- grid-template-columns: 1fr;
- }
-
- .gallery {
- grid-template-columns: repeat(4, 1fr);
- gap: 1.2rem;
- }
-
- .cta {
- grid-template-columns: 1fr;
- }
-
- .cta-text-box {
- padding: 3.2rem;
- }
-
- .cta-img-box {
- height: 32rem;
- grid-row: 1;
- }
-}
-
-/*
-- Font sizes (px)
-10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
-
-- Spacing system (px)
-2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
-*/
diff --git a/final/08-Omnifood-Responsive/css/style.css b/final/08-Omnifood-Responsive/css/style.css
deleted file mode 100644
index cc82b4fcf..000000000
--- a/final/08-Omnifood-Responsive/css/style.css
+++ /dev/null
@@ -1,649 +0,0 @@
-/**************************/
-/* HEADER */
-/**************************/
-
-.header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: #fdf2e9;
-
- /* Because we want header to be sticky later */
- height: 9.6rem;
- padding: 0 4.8rem;
- position: relative;
-}
-
-.logo {
- height: 2.2rem;
-}
-
-/**************************/
-/* NAVIGATION */
-/**************************/
-
-.main-nav-list {
- list-style: none;
- display: flex;
- align-items: center;
- gap: 4.8rem;
-}
-
-.main-nav-link:link,
-.main-nav-link:visited {
- display: inline-block;
- text-decoration: none;
- color: #333;
- font-weight: 500;
- font-size: 1.8rem;
- transition: all 0.3s;
-}
-
-.main-nav-link:hover,
-.main-nav-link:active {
- color: #cf711f;
-}
-
-.main-nav-link.nav-cta:link,
-.main-nav-link.nav-cta:visited {
- padding: 1.2rem 2.4rem;
- border-radius: 9px;
- color: #fff;
- background-color: #e67e22;
-}
-
-.main-nav-link.nav-cta:hover,
-.main-nav-link.nav-cta:active {
- background-color: #cf711f;
-}
-
-/* MOBILE */
-.btn-mobile-nav {
- border: none;
- background: none;
- cursor: pointer;
-
- display: none;
-}
-
-.icon-mobile-nav {
- height: 4.8rem;
- width: 4.8rem;
- color: #333;
-}
-
-.icon-mobile-nav[name="close-outline"] {
- display: none;
-}
-
-/**************************/
-/* HERO SECTION */
-/**************************/
-
-.section-hero {
- background-color: #fdf2e9;
- padding: 4.8rem 0 9.6rem 0;
-}
-
-.hero {
- max-width: 130rem;
- margin: 0 auto;
- padding: 0 3.2rem;
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 9.6rem;
- align-items: center;
-}
-
-.hero-description {
- font-size: 2rem;
- line-height: 1.6;
- margin-bottom: 4.8rem;
-}
-
-.hero-img {
- width: 100%;
-}
-
-.delivered-meals {
- display: flex;
- align-items: center;
- gap: 1.6rem;
- margin-top: 8rem;
-}
-
-.delivered-imgs {
- display: flex;
-}
-
-.delivered-imgs img {
- height: 4.8rem;
- width: 4.8rem;
- border-radius: 50%;
- margin-right: -1.6rem;
- border: 3px solid #fdf2e9;
-}
-
-.delivered-imgs img:last-child {
- margin: 0;
-}
-
-.delivered-text {
- font-size: 1.8rem;
- font-weight: 600;
-}
-
-.delivered-text span {
- color: #cf711f;
- font-weight: 700;
-}
-
-/**************************/
-/* FEATURED IN SECTION */
-/**************************/
-
-.section-featured {
- padding: 4.8rem 0 3.2rem 0;
-}
-
-.heading-featured-in {
- font-size: 1.4rem;
- text-transform: uppercase;
- letter-spacing: 0.75px;
- font-weight: 500;
- text-align: center;
- margin-bottom: 2.4rem;
- color: #888;
-}
-
-.logos {
- display: flex;
- justify-content: space-around;
-}
-
-.logos img {
- height: 3.2rem;
- filter: brightness(0);
- opacity: 50%;
-}
-
-/**************************/
-/* HOW IT WORKS SECTION */
-/**************************/
-
-.section-how {
- padding: 9.6rem 0;
-}
-
-.step-number {
- font-size: 8.6rem;
- font-weight: 600;
- color: #ddd;
- margin-bottom: 1.2rem;
-}
-
-.step-description {
- font-size: 1.8rem;
- line-height: 1.8;
-}
-
-.step-img-box {
- position: relative;
-
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.step-img-box::before,
-.step-img-box::after {
- content: "";
- display: block;
- border-radius: 50%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-.step-img-box::before {
- width: 60%;
- /* height: 60%; */
-
- /* 60% of parent's width */
- padding-bottom: 60%;
-
- background-color: #fdf2e9;
- z-index: -2;
-}
-
-.step-img-box::after {
- width: 45%;
- padding-bottom: 45%;
- background-color: #fae5d3;
- z-index: -1;
-}
-
-.step-img {
- width: 35%;
- /* z-index: 10; */
-}
-
-/**************************/
-/* MEALS SECTION */
-/**************************/
-
-.section-meals {
- padding: 9.6rem 0;
-}
-
-.meal {
- box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
- border-radius: 11px;
- overflow: hidden;
- transition: all 0.4s;
-}
-
-.meal:hover {
- transform: translateY(-1.2rem);
- box-shadow: 0 3.2rem 6.4rem rgba(0, 0, 0, 0.06);
-}
-
-.meal-content {
- padding: 3.2rem 4.8rem 4.8rem 4.8rem;
-}
-
-.meal-tags {
- margin-bottom: 1.2rem;
- display: flex;
- gap: 0.4rem;
-}
-
-.tag {
- display: inline-block;
- padding: 0.4rem 0.8rem;
- font-size: 1.2rem;
- text-transform: uppercase;
- color: #333;
- border-radius: 100px;
- font-weight: 600;
-}
-
-.tag--vegetarian {
- background-color: #51cf66;
-}
-.tag--vegan {
- background-color: #94d82d;
-}
-.tag--paleo {
- background-color: #ffd43b;
-}
-
-.meal-title {
- font-size: 2.4rem;
- color: #333;
- font-weight: 600;
- margin-bottom: 3.2rem;
-}
-
-.meal-attributes {
- list-style: none;
- display: flex;
- flex-direction: column;
- gap: 2rem;
-}
-
-.meal-attribute {
- font-size: 1.8rem;
- display: flex;
- align-items: center;
- gap: 1.6rem;
-}
-
-.meal-icon {
- height: 2.4rem;
- width: 2.4rem;
- color: #e67e22;
-}
-
-.meal-img {
- width: 100%;
-}
-
-.all-recipes {
- text-align: center;
- font-size: 1.8rem;
-}
-
-/**************************/
-/* TESTIMONIALS SECTION */
-/**************************/
-
-.section-testimonials {
- background-color: #fdf2e9;
- display: grid;
- grid-template-columns: 55fr 45fr;
- align-items: center;
-}
-
-.testimonials-container {
- padding: 9.6rem;
-}
-
-.testimonials {
- display: grid;
- grid-template-columns: 1fr 1fr;
- row-gap: 4.8rem;
- column-gap: 8rem;
-}
-
-.testimonial-img {
- width: 6.4rem;
- border-radius: 50%;
- margin-bottom: 1.2rem;
-}
-
-.testimonial-text {
- font-size: 1.8rem;
- line-height: 1.8;
- margin-bottom: 1.6rem;
-}
-
-.testimonial-name {
- font-size: 1.6rem;
- color: #6f6f6f;
-}
-
-.gallery {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 1.6rem;
- padding: 1.6rem;
-}
-
-.gallery-item {
- overflow: hidden;
-}
-
-.gallery-item img {
- display: block;
- width: 100%;
- transition: all 0.4s;
-}
-
-.gallery-item img:hover {
- transform: scale(1.1);
-}
-
-/**************************/
-/* MEALS SECTION */
-/**************************/
-
-.section-pricing {
- padding: 9.6rem 0;
-}
-
-.pricing-plan {
- border-radius: 11px;
-
- width: 75%;
-}
-
-.pricing-plan--starter {
- justify-self: end;
- border: 2px solid #fdf2e9;
- padding: 4.6rem;
-}
-
-.pricing-plan--complete {
- background-color: #fdf2e9;
- padding: 4.8rem;
- position: relative;
- overflow: hidden;
-}
-
-.pricing-plan--complete::after {
- content: "Best value";
- position: absolute;
- top: 6%;
- right: -18%;
-
- text-transform: uppercase;
- font-size: 1.4rem;
- font-weight: 700;
- color: #333;
- background-color: #ffd43b;
- padding: 0.8rem 8rem;
- transform: rotate(45deg);
-}
-
-.plan-header {
- text-align: center;
- margin-bottom: 4.8rem;
-}
-
-.plan-name {
- color: #cf711f;
- font-weight: 600;
- font-size: 2rem;
- text-transform: uppercase;
- letter-spacing: 0.75;
- margin-bottom: 3.2rem;
-}
-
-.plan-price {
- font-size: 6.2rem;
- font-weight: 600;
- color: #333;
- margin-bottom: 1.6rem;
-}
-
-.plan-price span {
- font-size: 3rem;
- font-weight: 500;
- margin-right: 0.8rem;
-}
-
-.plan-text {
- font-size: 1.6rem;
- line-height: 1.6;
- color: #6f6f6f;
-}
-
-.plan-sing-up {
- text-align: center;
- margin-top: 4.8rem;
-}
-
-.plan-details {
- font-size: 1.6rem;
- line-height: 1.6;
- text-align: center;
-}
-
-.feature-icon {
- color: #e67e22;
- height: 3.2rem;
- width: 3.2rem;
- background-color: #fdf2e9;
- margin-bottom: 3.2rem;
- padding: 1.6rem;
- border-radius: 50%;
-}
-
-.feature-title {
- font-size: 2.4rem;
- color: #333;
- font-weight: 700;
- margin-bottom: 1.6rem;
-}
-
-.feature-text {
- font-size: 1.8rem;
- line-height: 1.8;
-}
-
-/**************************/
-/* CTA SECTION */
-/**************************/
-
-.section-cta {
- /* top / right / bottom / left */
- /* padding: 9.6rem 0 12.8rem 0; */
-
- /* top / horizontal / left */
- padding: 4.8rem 0 12.8rem;
-}
-
-.cta {
- display: grid;
- /* 2/3 = 66.6% + 1/3 = 33.3% */
- grid-template-columns: 2fr 1fr;
- /* background-color: #e67e22; */
- box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.15);
- border-radius: 11px;
-
- background-image: linear-gradient(to right bottom, #eb984e, #e67e22);
- overflow: hidden;
-}
-
-.cta-text-box {
- padding: 4.8rem 6.4rem 6.4rem 6.4rem;
- color: #45260a;
-}
-
-.cta .heading-secondary {
- /* color: #45260a; */
- color: inherit;
- margin-bottom: 3.2rem;
-}
-
-.cta-text {
- font-size: 1.8rem;
- line-height: 1.8;
- margin-bottom: 4.8rem;
-}
-
-.cta-img-box {
- background-image: linear-gradient(
- to right bottom,
- rgba(235, 151, 78, 0.35),
- rgba(230, 125, 34, 0.35)
- ),
- url("../img/eating.jpg");
- background-size: cover;
- background-position: center;
-}
-
-.cta-form {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 3.2rem;
- row-gap: 2.4rem;
-}
-
-.cta-form label {
- display: block;
- font-size: 1.6rem;
- font-weight: 500;
- margin-bottom: 1.2rem;
-}
-
-.cta-form input,
-.cta-form select {
- width: 100%;
- padding: 1.2rem;
- font-size: 1.8rem;
- font-family: inherit;
- color: inherit;
- border: none;
- background-color: #fdf2e9;
- border-radius: 9px;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-.cta-form input::placeholder {
- color: #aaa;
-}
-
-.cta *:focus {
- outline: none;
- box-shadow: 0 0 0 0.8rem rgba(253, 242, 233, 0.5);
-}
-
-/**************************/
-/* FOOTER */
-/**************************/
-
-.footer {
- padding: 12.8rem 0;
- border-top: 1px solid #eee;
-}
-
-.grid--footer {
- grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
-}
-
-.logo-col {
- display: flex;
- flex-direction: column;
-}
-
-.footer-logo {
- display: block;
- margin-bottom: 3.2rem;
-}
-
-.social-links {
- list-style: none;
- display: flex;
- gap: 2.4rem;
-}
-
-.social-icon {
- height: 2.4rem;
- width: 2.4rem;
-}
-
-.copyright {
- font-size: 1.4rem;
- line-height: 1.6;
- color: #767676;
- margin-top: auto;
-}
-
-.footer-heading {
- font-size: 1.8rem;
- font-weight: 500;
- margin-bottom: 4rem;
-}
-
-.contacts {
- font-style: normal;
- font-size: 1.6rem;
- line-height: 1.6;
-}
-
-.address {
- margin-bottom: 2.4rem;
-}
-
-.footer-nav {
- list-style: none;
- display: flex;
- flex-direction: column;
- gap: 2.4rem;
-}
-
-.footer-link:link,
-.footer-link:visited {
- text-decoration: none;
- font-size: 1.6rem;
- color: #767676;
- transition: all 0.3s;
-}
-
-.footer-link:hover,
-.footer-link:active {
- color: #555;
-}
diff --git a/final/08-Omnifood-Responsive/img/app/app-screen-1.png b/final/08-Omnifood-Responsive/img/app/app-screen-1.png
deleted file mode 100644
index 15b0a19e0..000000000
Binary files a/final/08-Omnifood-Responsive/img/app/app-screen-1.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/app/app-screen-2.png b/final/08-Omnifood-Responsive/img/app/app-screen-2.png
deleted file mode 100644
index 787da0239..000000000
Binary files a/final/08-Omnifood-Responsive/img/app/app-screen-2.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/app/app-screen-3.png b/final/08-Omnifood-Responsive/img/app/app-screen-3.png
deleted file mode 100644
index 72b57f387..000000000
Binary files a/final/08-Omnifood-Responsive/img/app/app-screen-3.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/ben.jpg b/final/08-Omnifood-Responsive/img/customers/ben.jpg
deleted file mode 100644
index 47266ea3a..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/ben.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-1.jpg b/final/08-Omnifood-Responsive/img/customers/customer-1.jpg
deleted file mode 100644
index 9c861c810..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-1.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-2.jpg b/final/08-Omnifood-Responsive/img/customers/customer-2.jpg
deleted file mode 100644
index d0754c364..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-2.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-3.jpg b/final/08-Omnifood-Responsive/img/customers/customer-3.jpg
deleted file mode 100644
index 7830c94c6..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-3.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-4.jpg b/final/08-Omnifood-Responsive/img/customers/customer-4.jpg
deleted file mode 100644
index 20ba92aa2..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-4.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-5.jpg b/final/08-Omnifood-Responsive/img/customers/customer-5.jpg
deleted file mode 100644
index db5771e36..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-5.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/customer-6.jpg b/final/08-Omnifood-Responsive/img/customers/customer-6.jpg
deleted file mode 100644
index f8b85c672..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/customer-6.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/dave.jpg b/final/08-Omnifood-Responsive/img/customers/dave.jpg
deleted file mode 100644
index d6d808294..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/dave.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/hannah.jpg b/final/08-Omnifood-Responsive/img/customers/hannah.jpg
deleted file mode 100644
index ea609573a..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/hannah.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/customers/steve.jpg b/final/08-Omnifood-Responsive/img/customers/steve.jpg
deleted file mode 100644
index 25dc72aff..000000000
Binary files a/final/08-Omnifood-Responsive/img/customers/steve.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/eating.jpg b/final/08-Omnifood-Responsive/img/eating.jpg
deleted file mode 100644
index b5013f476..000000000
Binary files a/final/08-Omnifood-Responsive/img/eating.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/favicon.png b/final/08-Omnifood-Responsive/img/favicon.png
deleted file mode 100644
index 8ccd18fdd..000000000
Binary files a/final/08-Omnifood-Responsive/img/favicon.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-1.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-1.jpg
deleted file mode 100644
index 6c50e9ba6..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-1.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-10.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-10.jpg
deleted file mode 100644
index 4d3328aa6..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-10.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-11.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-11.jpg
deleted file mode 100644
index c42a3bc4c..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-11.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-12.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-12.jpg
deleted file mode 100644
index c6f42b337..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-12.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-2.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-2.jpg
deleted file mode 100644
index e6a2e9aeb..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-2.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-3.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-3.jpg
deleted file mode 100644
index 0da8bec74..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-3.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-4.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-4.jpg
deleted file mode 100644
index a2e9ac42d..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-4.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-5.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-5.jpg
deleted file mode 100644
index 99d7e8c97..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-5.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-6.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-6.jpg
deleted file mode 100644
index 0806cee78..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-6.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-7.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-7.jpg
deleted file mode 100644
index bba5502df..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-7.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-8.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-8.jpg
deleted file mode 100644
index 7653df7cf..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-8.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/gallery/gallery-9.jpg b/final/08-Omnifood-Responsive/img/gallery/gallery-9.jpg
deleted file mode 100644
index 96a380d41..000000000
Binary files a/final/08-Omnifood-Responsive/img/gallery/gallery-9.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/hero.png b/final/08-Omnifood-Responsive/img/hero.png
deleted file mode 100644
index 7bd8ca857..000000000
Binary files a/final/08-Omnifood-Responsive/img/hero.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/logos/business-insider.png b/final/08-Omnifood-Responsive/img/logos/business-insider.png
deleted file mode 100644
index d8974ff23..000000000
Binary files a/final/08-Omnifood-Responsive/img/logos/business-insider.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/logos/forbes.png b/final/08-Omnifood-Responsive/img/logos/forbes.png
deleted file mode 100644
index 9d7dbfa18..000000000
Binary files a/final/08-Omnifood-Responsive/img/logos/forbes.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/logos/techcrunch.png b/final/08-Omnifood-Responsive/img/logos/techcrunch.png
deleted file mode 100644
index a9149aa4f..000000000
Binary files a/final/08-Omnifood-Responsive/img/logos/techcrunch.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/logos/the-new-york-times.png b/final/08-Omnifood-Responsive/img/logos/the-new-york-times.png
deleted file mode 100644
index d4a650367..000000000
Binary files a/final/08-Omnifood-Responsive/img/logos/the-new-york-times.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/logos/usa-today.png b/final/08-Omnifood-Responsive/img/logos/usa-today.png
deleted file mode 100644
index 935434ac3..000000000
Binary files a/final/08-Omnifood-Responsive/img/logos/usa-today.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/meals/meal-1.jpg b/final/08-Omnifood-Responsive/img/meals/meal-1.jpg
deleted file mode 100644
index 579345898..000000000
Binary files a/final/08-Omnifood-Responsive/img/meals/meal-1.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/meals/meal-2.jpg b/final/08-Omnifood-Responsive/img/meals/meal-2.jpg
deleted file mode 100644
index 0a9f5621f..000000000
Binary files a/final/08-Omnifood-Responsive/img/meals/meal-2.jpg and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/img/omnifood-logo.png b/final/08-Omnifood-Responsive/img/omnifood-logo.png
deleted file mode 100644
index 2232b2efa..000000000
Binary files a/final/08-Omnifood-Responsive/img/omnifood-logo.png and /dev/null differ
diff --git a/final/08-Omnifood-Responsive/index.html b/final/08-Omnifood-Responsive/index.html
deleted file mode 100644
index 6d69f1bab..000000000
--- a/final/08-Omnifood-Responsive/index.html
+++ /dev/null
@@ -1,700 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Omnifood
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- A healthy meal delivered to your door, every single day
-
-
- The smart 365-days-per-year food subscription that will make you
- eat healthy again. Tailored to your personal tastes and
- nutritional needs.
-
- Never again waste time thinking about what to eat! Omnifood AI
- will create a 100% personalized weekly meal plan just for you. It
- makes sure you get all the nutrients and vitamins you need, no
- matter what diet you follow!
-
-
-
-
-
-
-
-
-
-
-
-
-
02
-
Approve your weekly meal plan
-
- Once per week, approve the meal plan generated for you by Omnifood
- AI. You can change ingredients, swap entire meals, or even add
- your own recipes.
-
-
-
-
-
-
03
-
Receive meals at convenient time
-
- Best chefs in town will cook your selected meal every day, and we
- will deliver it to your door whenever works best for you. You can
- change delivery schedule and address daily!
-
- Our subscriptions cover 365 days per year, even including major
- holidays.
-
-
-
-
-
Local and organic
-
- Our cooks only use local, fresh, and organic products to prepare
- your meals.
-
-
-
-
-
No waste
-
- All our partners only use reusable containers to package all your
- meals.
-
-
-
-
-
Pause anytime
-
- Going on vacation? Just pause your subscription, and we refund
- unused days.
-
-
-
-
-
-
-
-
-
-
Get your first meal for free!
-
- Healthy, tasty and hassle-free meals are waiting for you. Start
- eating well today. You can cancel or pause anytime. And the
- first meal is on us!
-
- Never again waste time thinking about what to eat! Omnifood AI
- will create a 100% personalized weekly meal plan just for you. It
- makes sure you get all the nutrients and vitamins you need, no
- matter what diet you follow!
-
-
-
-
-
-
-
-
-
-
-
-
-
02
-
Approve your weekly meal plan
-
- Once per week, approve the meal plan generated for you by Omnifood
- AI. You can change ingredients, swap entire meals, or even add
- your own recipes.
-
-
-
-
-
-
03
-
Receive meals at convenient time
-
- Best chefs in town will cook your selected meal every day, and we
- will deliver it to your door whenever works best for you. You can
- change delivery schedule and address daily!
-
- Our subscriptions cover 365 days per year, even including major
- holidays.
-
-
-
-
-
Local and organic
-
- Our cooks only use local, fresh, and organic products to prepare
- your meals.
-
-
-
-
-
No waste
-
- All our partners only use reusable containers to package all your
- meals.
-
-
-
-
-
Pause anytime
-
- Going on vacation? Just pause your subscription, and we refund
- unused days.
-
-
-
-
-
-
-
-
-
-
Get your first meal for free!
-
- Healthy, tasty and hassle-free meals are waiting for you. Start
- eating well today. You can cancel or pause anytime. And the
- first meal is on us!
-
+
+
+
+
+
+
diff --git a/starter/02-HTML-Fundamentals/challenges.jpg b/starter/02-HTML-Fundamentals/challenges.jpg
deleted file mode 100644
index 319f22da5..000000000
Binary files a/starter/02-HTML-Fundamentals/challenges.jpg and /dev/null differ
diff --git a/starter/02-HTML-Fundamentals/content.txt b/starter/02-HTML-Fundamentals/content.txt
deleted file mode 100644
index ae01eb723..000000000
--- a/starter/02-HTML-Fundamentals/content.txt
+++ /dev/null
@@ -1,34 +0,0 @@
-📘 The Code Magazine
-
-The Basic Language of the Web: HTML
-
-Posted by Laura Jones on Monday, June 21st 2027
-
-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:
-
-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!
\ No newline at end of file
diff --git a/final/02-HTML-Fundamentals/img/challenges.jpg b/starter/02-HTML-Fundamentals/images/challenges.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/challenges.jpg
rename to starter/02-HTML-Fundamentals/images/challenges.jpg
diff --git a/final/02-HTML-Fundamentals/img/laura-jones.jpg b/starter/02-HTML-Fundamentals/images/laura-jones.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/laura-jones.jpg
rename to starter/02-HTML-Fundamentals/images/laura-jones.jpg
diff --git a/final/02-HTML-Fundamentals/img/post-img.jpg b/starter/02-HTML-Fundamentals/images/post-img.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/post-img.jpg
rename to starter/02-HTML-Fundamentals/images/post-img.jpg
diff --git a/final/02-HTML-Fundamentals/img/related-1.jpg b/starter/02-HTML-Fundamentals/images/related-1.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/related-1.jpg
rename to starter/02-HTML-Fundamentals/images/related-1.jpg
diff --git a/final/02-HTML-Fundamentals/img/related-2.jpg b/starter/02-HTML-Fundamentals/images/related-2.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/related-2.jpg
rename to starter/02-HTML-Fundamentals/images/related-2.jpg
diff --git a/final/02-HTML-Fundamentals/img/related-3.jpg b/starter/02-HTML-Fundamentals/images/related-3.jpg
similarity index 100%
rename from final/02-HTML-Fundamentals/img/related-3.jpg
rename to starter/02-HTML-Fundamentals/images/related-3.jpg
diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html
new file mode 100644
index 000000000..52c950222
--- /dev/null
+++ b/starter/02-HTML-Fundamentals/index.html
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+ The Basic Language of the Web: HTML
+
+
+
+
📘 The Code Magazine
+
+
+
+
+
+
The Basic Language of the Web: HTML
+
+
+ Posted by Laura Jones on Monday,June 21st 2027
+
+
+
+
+
+
+ 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
+ HyperTextMarkup
+ 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.
+
+
+
+
+
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!
+
+
+
+
+
diff --git a/starter/02-HTML-Fundamentals/laura-jones.jpg b/starter/02-HTML-Fundamentals/laura-jones.jpg
deleted file mode 100644
index 7830c94c6..000000000
Binary files a/starter/02-HTML-Fundamentals/laura-jones.jpg and /dev/null differ
diff --git a/starter/02-HTML-Fundamentals/post-img.jpg b/starter/02-HTML-Fundamentals/post-img.jpg
deleted file mode 100644
index df3005e63..000000000
Binary files a/starter/02-HTML-Fundamentals/post-img.jpg and /dev/null differ
diff --git a/starter/02-HTML-Fundamentals/related-1.jpg b/starter/02-HTML-Fundamentals/related-1.jpg
deleted file mode 100644
index 376e2e7b3..000000000
Binary files a/starter/02-HTML-Fundamentals/related-1.jpg and /dev/null differ
diff --git a/starter/02-HTML-Fundamentals/related-2.jpg b/starter/02-HTML-Fundamentals/related-2.jpg
deleted file mode 100644
index 0e9e7ea18..000000000
Binary files a/starter/02-HTML-Fundamentals/related-2.jpg and /dev/null differ
diff --git a/starter/02-HTML-Fundamentals/related-3.jpg b/starter/02-HTML-Fundamentals/related-3.jpg
deleted file mode 100644
index 9c5723b71..000000000
Binary files a/starter/02-HTML-Fundamentals/related-3.jpg and /dev/null differ
diff --git a/vscode-setup.md b/vscode-setup.md
deleted file mode 100644
index 86916c36c..000000000
--- a/vscode-setup.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# VS Code setup used in the course
-
-I show how to set up VS Code with these themes, extensions and settings in the first section of the course, in lectures **Setting Up Our Code Editor** and **Installing Additional VS Code Extensions**. But for your convenience, here is a quick list of everything you need in order to set up VS Code to follow the course.
-
-### Theme
-
-I use the `One Monokai` in all the course videos. This is a free theme, similar to my personal favourite Monokai Pro. [Link →](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai)
-
-### Extensions
-
-`Auto Close Tag` to automatically close HTML tags. [Link →](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
-
-`Auto Rename Tag` to automatically update matching HTML tags. [Link →](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
-
-`Color Highlight` to highlight colors in CSS code. [Link →](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
-
-`Image Preview` to display an image preview next to the code [Link →](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)
-
-`Prettier` to automatically format code. [Link →](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-
-`Live Server` to create a live preview for the current project. [Link →](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
-
-### Settings
-
-`Auto Save` set to `onFocusChange`, to automatically save files
-
-`Default Formatter` set to `Prettier - Code formatter (esbnp.prettier-vscode)`, to enable the Prettier extension to format our code
-
-`Format on Save` set to `true`, to have Prettier format our code each time we save it
-
-`Word Wrap` set to `on`, to avoid vertical scrollbars for long content
-
-`Tab Size` set to `2`, for better code readability
-
- 
- 
- 
- 
- 
- 
- 
- 
-
-
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
+ 
+ 
+ 
+ 
+ 
+