🌐 Personal Portfolio Website

A modern, responsive portfolio website built using HTML5, CSS3, SCSS, Bootstrap 5, and JavaScript to showcase my skills, projects, certifications, and education.

---

📌 Overview

This portfolio serves as my personal website and professional profile for internship and job opportunities. It highlights my technical skills, projects, certifications, and learning journey while demonstrating modern frontend development concepts.

---

🚀 Features

• 🏠 Modern Home Page
• 👤 About Me Page
• 💻 Projects Showcase
• 🏆 Certificates Page
• 📞 Contact Page
• 📄 Downloadable Resume
• 📍 HTML5 Geolocation API
• 📱 Fully Responsive Design
• ✨ Smooth Scrolling & Animations
• 🎨 Bootstrap 5 Components
• 📂 Organized SCSS Structure
• 🌐 GitHub Repository Integration (planned)
• 🌙 Dark Mode (planned)

---

🛠 Tech Stack

Frontend

• HTML5
• CSS3
• SCSS
• Bootstrap 5
• JavaScript (ES6)

Tools

• VS Code
• Git
• GitHub

---

📚 HTML5 Concepts Used

• Semantic HTML Elements
• Form Validation
• HTML5 Input Types
• Geolocation API
• Local Storage
• Responsive Images
• SVG Icons

---

🎨 CSS3 Concepts Used

• Flexbox
• CSS Grid
• Media Queries
• CSS Variables
• SCSS
• Bootstrap Customization
• Animations & Transitions

---

⚡ JavaScript Concepts Used

• DOM Manipulation
• Event Listeners
• Functions
• Variable Scope
• Local Storage
• Geolocation API
• Form Validation
• Error Handling

---

📂 Project Structure

PortfolioWebsite/
│
├── index.html
├── about.html
├── projects.html
├── certificates.html
├── contact.html
│
├── css/
│   └── style.css
│
├── scss/
│   └── style.scss
│
├── js/
│   └── script.js
│
├── images/
│   ├── AJMAL.jpg
│   ├── AJMAL2.jpg
│   ├── AJMAL bg.png
│   ├── deloitte.jpeg
│   ├── Internship_certificate_inmakes.jpeg
│   └── java_certificate.jpeg
│
└── documents/
    ├── Ajmal_Mohamed_Yaseen_CV.pdf
    ├── deloitte.pdf
    ├── Internship_certificate_inmakes.pdf
    └── java_certificate.pdf

---

📄 Website Pages

🏠 Home

• Hero Section
• Highlights
• Skills & Technologies
• Featured Projects
• Call To Action

👤 About

• Personal Introduction
• Technical Skills
• Education Timeline
• Career Objectives

💻 Projects

• Portfolio Projects
• Project Details
• GitHub Links

🏆 Certificates

• Java Certificate
• Python Internship Certificate
• Deloitte Certificate

📞 Contact

• Contact Form
• Contact Information
• Geolocation API
• Social Media Links

---

📱 Responsive Design

The portfolio is optimized for:

• 📱 Mobile Devices
• 💻 Laptops
• 🖥 Desktop Screens
• 📟 Tablets

---

💡 Future Improvements

• Fetch GitHub repositories using GitHub API
• Dark/Light Theme Toggle
• Progressive Web App (PWA)
• Service Worker for Offline Support
• Project Search & Filtering
• Blog Section
• Backend Contact Form
• Visitor Counter

---

🖥️ Run Locally

Clone the repository

git clone https://github.com/YOUR_USERNAME/portfolio-website.git

Go to the project folder

cd portfolio-website

Open index.html in your browser or use VS Code Live Server.

---

👨‍💻 Author

Ajmal Mohamed Yaseen

• 🌐 Portfolio: https://your-portfolio-url.com
• 💼 LinkedIn: https://linkedin.com/in/your-profile
• 💻 GitHub: https://github.com/YOUR_USERNAME
• 📧 Email: your-email@example.com

---

Copyright Notice

© 2026 Ajmal Mohamed Yaseen. All Rights Reserved.

This repository is provided for viewing purposes only.

The source code, website design, photographs, certificates, resume, and all other personal content may not be copied, redistributed, or reused without written permission.

---

⭐ If you found this project helpful, consider giving it a Star on GitHub!