🌸 Otaku Dev - Learn HTML & CSS with Anime Fun!

Welcome to Otaku Dev — a beginner-friendly, anime-themed website that teaches HTML, CSS, and modern web design through fun, colorful lessons. Perfect for aspiring developers and anime fans alike! 🎌💻

---

✨ Features

• 🧠 Beginner Lessons: Learn HTML & CSS fundamentals with anime-themed guides.
• 🎨 Interactive Examples: Code examples with visuals for easy learning.
• 🚀 Live Code Playground: Try HTML, CSS, and JavaScript in a real-time editor.
• 🎴 Anime Vibes: Each lesson features a different anime character as your coding guide.
• 💡 Topics Covered:
  • CSS Basics
  • Flexbox Layout
  • Grid Layout
  • Responsive Design with Media Queries
  • Hover Effects & Transitions
  • Pseudo-selectors

---

📁 Project Structure

/web-dev
│
├── assets/
│   └── images/
│       ├── image1.png
│       └── image2.jpg
│
├── index.html
├── lessons/
│   ├── css/
│   │   ├── flexbox.html
│   │   ├── grid.html
│   │   ├── pseudoselectors.html
│   │   ├── responsive.html
│   │   └── transitions.html
│   ├── css.css
│   ├── css.html
│   ├── html.css
│   ├── html.html
│   ├── javascript.css
│   └── javascript.html
│
├── playground/
│   ├── editor.css
│   └── editor.html
│
├── script.js
└── style.css

---

📸Preview

⚒️Reference Link : https://mr-prince2.github.io/web-dev/

---

📚 Future Improvements

Character selector to pick your anime tutor Progress tracking system Save code snippets in the playground Add JavaScript tutorials

All anime character images used are for educational/demo purposes only.

---

📜 License

This project is open-source and free to use for learning and teaching purposes.