Azar Portfolio

Welcome to my Azar Portfolio! This is a modern, responsive, and visually stunning portfolio website built with HTML, CSS, and JavaScript. It features a dynamic theme switcher (Dark, Light, and Ironman themes), smooth animations, and a clean design. Whether you're a recruiter, collaborator, or just curious, this portfolio showcases my skills and projects in an engaging way.

---

🚀 Features

• Responsive Design: Works seamlessly on all devices (desktop, tablet, mobile).
• Theme Switcher: Switch between Dark, Light, and Ironman themes with a single click.
• Gradient Text: The name "Azar" has a unique gradient that changes dynamically based on the selected theme.
• Smooth Animations: Fade-in animations for sections and interactive hover effects.
• Particle Animation: A dynamic particle animation in the background of the home section.
• Contact Form: A fully functional contact form (front-end only).
• Semantic HTML: Clean and accessible code for better SEO and screen reader compatibility.

---

🎨 Themes

1. Dark Mode: Default theme with a dark background and vibrant accents.
2. Light Mode: A light theme with a clean and minimalistic design.
3. Ironman Mode: Inspired by Ironman's suit colors (red, gold, and black).

---

🖥️ Live Demo

Check out the live demo of the portfolio:
Live Demo

---

🛠️ Setup

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, Safari).
• A code editor (e.g., VS Code, Sublime Text).

Steps to Run Locally

1. Clone the Repository:

   git clone https://github.com/your-username/your-repo-name.git
   cd your-repo-name
   

2. Open the Project: Open the index.html file in your browser to view the portfolio.

3. Customize:

   • Replace the placeholder content in index.html with your own information.
   • Modify the colors, fonts, or animations in styles.css to match your style.

📂 File Structure Copy portfolio/ ├── index.html # Main HTML file ├── styles.css # Styles for the portfolio ├── script.js # JavaScript for interactivity ├── README.md # Project documentation └── assets/ # Folder for images, icons, etc.

🛠️ Technologies Used

• HTML5: For structuring the content.
• CSS3: For styling and animations.
• JavaScript: For interactivity and theme switching.
• Google Fonts: For custom typography.
• Font Awesome: For icons.
• Particle Animation: Custom JavaScript implementation.

🚧 Future Improvements

• Add a backend for the contact form to send emails.
• Include more projects with detailed descriptions.
• Add a blog section to share insights and tutorials.
• Integrate a dark/light mode toggle based on system preferences.

🙏 Credits

• Particle Animation: Custom JavaScript implementation.
• Google Fonts: Orbitron for the futuristic font.
• Font Awesome: For icons.
• Inspiration: Ironman suit colors for the custom theme.