This is my code for the Build Responsive Real-World Websites with HTML and CSS course by Jonas Schmedtmann on Udemy.
| Section | Description |
|---|---|
| 01-INTRO | This section is an introduction to HTML and conatins a webpage displaying "Hello World!". |
| 02-HTML FUNDAMENTALS | This section contains the HTML for The Code Magazine project. The Code Magazine is blog page which tells you the basics about HTML and why one should learn HTML. This section also contains the CHALLENGE#1 to include a related posts section in The Code Magazine page which contains links to some related posts. |
| 02-HTML FUNDAMENTALS CHALLENGE#2 | The challenge is to create an article for Converse Chuck Taylor All Star Low Top which is a shoe product. |
| 03-CSS FUNDAMENTALS | In this section I added CSS for The Code Magazine project. |
| 03-CSS FUNDAMENTALS CHALLENGE#1 | The challenge is to add basic CSS to the article for Converse Chuck Taylor All Star Low Top. |
| 03-CSS FUNDAMENTALS CHALLENGE#2 | The challenge is to style the article for Converse Chuck Taylor All Star Low Top to make it look more pleasable for users. |
| 03-CSS FUNDAMENTALS CHALLENGE#3 | The challenge is to style the article for Converse Chuck Taylor All Star Low Top and add options for different colors for the product to choose from. |
| 04-CSS LAYOUTS | In this section I build a layout for The Code Magazine project first using floats, then using flexbox and, finally using CSS grid. |
| 04-CSS LAYOUTS CHALLENGE#1 | In this section I build a layout for the article for Converse Chuck Taylor All Star Low Top using floats. |
| 04-CSS LAYOUTS CHALLENGE#2 | In this section I build a layout for the article for Converse Chuck Taylor All Star Low Top using flexbox. |
| 04-CSS LAYOUTS CHALLENGE#3 | In this section I build a layout for the article for Converse Chuck Taylor All Star Low Top using CSS grid. |
| 05-CSS DESIGN | In this section I build a project Lisbon Chair Shop which is a webpage by mainly focusing on the design and make it as accessible and aesthetical as possible. |
| 06-CSS COMPONENT | In this section I build some components commonly found in most webpages (including an accordian, carousel, table, hero-section, app-layout). |
| 06-CSS COMPONENT CHALLENGE#1 | In this section I build a pagination component. |
| 07-OMNIFOOD | In this section I build a real world Omnifood website. Omnifood is an AI-powered food subscription that will make you healthy again, 365 days per year. Its tailored to your personal taste and nutrional needs. |
-
06-CSS COMPONENT