Welcome to my HTML & CSS Projects repository! This is where I document my journey through web development fundamentals, showcasing various projects and exercises. Dive into the files below to explore everything from simple paragraph elements to advanced layouts using flexbox. 🚀
| Section | File Name | Status | Description |
|---|---|---|---|
| 2. HTML Basics | 2.2 Paragraph Element |
✅ DONE | Understanding paragraph elements. |
2.3 Void Elements |
✅ DONE | Working with void elements like <br>. |
|
2.4 Movie Ranking Project |
✅ DONE | A project ranking my favorite movies. | |
| 3. Structuring HTML | 3.1 Nesting and Indentation |
✅ DONE | Learning the importance of nesting. |
3.2 Anchor Elements |
✅ DONE | Adding links with anchor elements. | |
3.3 Image Elements |
✅ DONE | Including images effectively. | |
3.4 Birthday Invite Project |
⚙️ In Progress | Designing a fun birthday invitation. | |
| 4. File Management | 4.0 File Paths |
✅ DONE | Managing file paths for efficient projects. |
4.1 Web Pages |
✅ DONE | Creating linked web pages. | |
4.3 HTML Portfolio Project |
✅ DONE | My first portfolio website project. | |
| 5. Adding Styles | 5.1 Adding CSS |
✅ DONE | Applying basic styles to HTML. |
5.3 CSS Selectors |
✅ DONE | Understanding and using CSS selectors. | |
5.4 Color Vocab Project |
✅ DONE | Exploring CSS color vocabularies. | |
| 6. Advanced Styling | 6.0 CSS Colors |
✅ DONE | Learning about colors in CSS. |
6.1 Font-Properties |
✅ DONE | Styling text with font properties. | |
6.3 CSS Box Model |
✅ DONE | Exploring margin, padding, and borders. | |
6.4 Motivation Meme Project |
✅ DONE | A fun CSS styling project. | |
| 7. Cascading CSS | 7.0 Cascading CSS |
✅ DONE | Exploring cascading rules in CSS. |
7.1 Combining Selectors |
✅ DONE | Advanced CSS selectors usage. | |
7.2 CSS Positioning |
✅ DONE | Experimenting with positioning in CSS. | |
7.3 CSS Flag Project |
✅ DONE | Creating a country flag using CSS. | |
| 8. Display Techniques | 8.0 CSS Display |
✅ DONE | Understanding CSS display properties. |
8.1 CSS Float |
✅ DONE | Exploring float-based layouts. | |
8.4 Web Design Agency Project |
⚙️ In Progress | Designing a professional agency website. | |
| 9. Flexbox Magic | 9.0 Display Flex |
🌟 GOLD DONE | Mastering flexbox for responsive layouts. |
9.1 Flex Direction |
✅ DONE | Practicing flex properties like direction. | |
9.4 Flex Pricing Table |
⚙️ In Progress | Creating a pricing table using flexbox. |
The Capstone Project 1 is the culmination of the concepts learned in this repository. Stay tuned for updates as I complete and refine it!
- Clone this repository:
git clone https://github.com/your-username/your-repository-name.git