🪪 HNG i13 – Stage 1: Multi-Page Profile Website

An accessible, semantic, and responsive multi-page personal website built using HTML, CSS, and JavaScript. This project expands on the Stage 0 Profile Card by adding About and Contact pages following HNGi13 Stage 1 Task requirements for structure, accessibility, responsiveness, and data-testid attributes for automated testing.

---

🚀 Live Demo

👉 Live Site on Netlify

---

💾 Repository

👉 GitHub Repo

---

🧰 Tech Stack

• HTML5 — Semantic structure & ARIA roles
• CSS3 — Modular responsive styling (Flexbox + Grid)
• JavaScript (ES6) — Form validation, timestamp handling, and accessibility

---

⚙️ How to Run Locally

1. Clone the starting repository

   git clone https://github.com/sausdeveloperr/profile-card-task0-hng13.git

2. Navigate into the project folder

   cd profile-card-task0-hng13

3. Open index.html in your browser (or use VS Code’s Live Server for auto-reload while editing)

---

🧪 Features

• Home Page: Profile Card from Stage 0
• About Page: Personal reflection (bio, goals, challenges, future note, extra thoughts) for Stage 1
• Contact Page: Accessible form with JavaScript validation and success/error handling for Stage 1
• Full Accessibility: Semantic HTML, labels, ARIA associations, keyboard navigation
• Fully Responsive: Optimized for mobile, tablet, and desktop
• Clean & Modular Codebase: Separate styles and scripts for each page

---

🧑🏾‍💻 Author

Salami Olamilekan Frontend Developer | HNG i13 Intern 🔗 Portfolio 🐦 Twitter

---

🪪 License

This project is licensed under the MIT License - feel free to use, modify, and distribute with attribution.