A responsive and interactive portfolio website built using HTML, CSS, and JavaScript. This project highlights my frontend development skills, showcases my projects, and provides a professional space for recruiters and collaborators to learn more about me.
- 👋 Hero section with animated intro and call-to-action
- 🛠️ Skills section with tech stack icons and hover effects
- 📁 Projects section with clickable cards and preview links
- 📬 Contact form with JavaScript validation
- 🧱 HTML5 – Semantic structure and content
- 🎨 CSS3 – Styling, layout, and responsiveness
- ⚙️ JavaScript – Interactivity and form validation
- 🪛 tools – Git, GitHub, VS Code
- Building multi-section layouts with semantic HTML
- Styling buttons, cards, and grids with CSS
- Using Flexbox and media queries for responsive design
- Adding interactivity with JavaScript (form validation, animations)
- Creating a personal brand through design and user experience
- Homepage with theme toggle
- Interactive section (e.g., form, animation)
- Implemented slide show
git clone:
https://github.com/yourusername/portfolio-website.git
cd portfolio-website
open index.html
- Build a fully functional and visually appealing web interface
- Practice responsive design and accessibility
- Implement interactive features using JavaScript
- Strengthen frontend architecture and code readability
function toggleTheme() {
document.body.classList.toggle('dark-mode');
}Simple yet effective theme toggling using JavaScript and CSS classes.
- Challenge: Making layout responsive across devices
Solution: Used media queries and flexible grid/flexbox layouts
- Dark mode toggle
- Advanced form validation with error messages
- Filterable project categories
- Modal popups for project previews
- Backend integration for contact form
🙌 Thank You!
👩💻 Developed by: Asiya Shail (Asiya_Sk,Mywebpage)