- Master HTML fundamentals
- Learn CSS styling techniques
- Build responsive web designs
- Create a personal portfolio website
-
Days 1-2: HTML Structure & Basic Elements
- Document structure
- Semantic HTML
- Text formatting
- Lists and links
-
Days 3-4: Advanced HTML
- Forms
- Tables
- Multimedia elements
- Accessibility basics
-
Days 5-6: CSS Foundations
- Selectors
- Box model
- Colors and typography
- Basic styling techniques
-
Days 7-8: Layout Techniques
- Flexbox
- CSS Grid
- Positioning strategies
-
Days 9-10: Responsive Design
- Media queries
- Mobile-first approach
- Responsive images and layouts
-
Days 11-12: Advanced CSS
- Animations
- Transitions
- Pseudo-classes
- CSS variables
-
Days 13-14: Final Projects
- Build responsive website
- Create personal portfolio
- Integrate all learned concepts
| Day | Focus | Project | Status | Completed Date |
|---|---|---|---|---|
| 1-2 | HTML Basics | Personal Intro Page | ❌ | - |
| 3-4 | HTML Elements | Forms & Tables | ❌ | - |
| 5-6 | CSS Basics | Styling Intro Page | ❌ | - |
| 7-8 | Layout Techniques | Responsive Layout | ❌ | - |
| 9-10 | Responsive Design | Mobile-Friendly Site | ❌ | - |
| 11-12 | Advanced CSS | Animations | ❌ | - |
| 13-14 | Final Project | Portfolio Website | ❌ | - |
- Clone the repository
- Create a branch for each day's learning
- Complete daily projects in respective folders
- Document your learning in notes
- Update progress in this README
- Commit code daily
- Write clean, semantic HTML
- Practice responsive design
- Experiment and learn from mistakes
- Use browser developer tools
Build a responsive, well-designed personal portfolio website that showcases your HTML and CSS skills.
- Total Learning Days: 14
- Projects Completed: 0/7
- Skills Mastered: In Progress