Modern Portfolio Template

A professional, responsive, and feature-rich portfolio website template designed for developers and designers. This project serves as a perfect starting point for building your personal portfolio, featuring a modern design, dark mode support, and smooth animations.

🚀 Features

• Modern & Responsive Design: Fully responsive layout that looks great on all devices, built with a mobile-first approach.
• Dark/Light Mode: Integrated theme switcher with persistent user preference storage.
• Smooth Animations: clear visuals using AOS (Animate On Scroll) and custom CSS animations.
• Interactive Elements: Engaging hover effects, floating icons, and a dynamic typing text effect.
• Sections Included:
  • Hero: Eye-catching introduction with a dynamic background.
  • About: Section for professional summary and personal details.
  • Services: Grid layout to showcase offered services.
  • Skills: Visual representation of technical expertise using icons and progress bars.
  • Portfolio: Filterable gallery to display projects with categories.
  • Contact: Stylish contact form layout and social media links.

🛠️ Tech Stack

• HTML5 - Semantic and accessible structure.
• CSS3 - Custom styling, variables, and flexible layouts.
• JavaScript (ES6+) - Logic for theme toggling, animations, and interactivity.
• Tailwind CSS - Utility-first CSS framework (via CDN) for rapid styling.
• AOS - Animate On Scroll library.
• Typed.js - Typewriter effect for headers.
• FontAwesome & Devicon - Comprehensive icon sets.

📂 Project Structure

├── images/          # Image assets and icons
├── index.html       # Main structure of the portfolio
├── styles.css       # Custom styles and overrides
├── script.js        # Main JavaScript file for logic
└── README.md        # Project documentation

🔧 Setup & Usage

This is a static website, making it incredibly easy to deploy and host.

1. Clone the repository:

   git clone https://github.com/BenkacemIbrahim/portfolio-template.git

2. Customize:
   • Open index.html and update the text content, links, and images to match your profile.
   • Modify styles.css to adjust color variables or fonts if desired.
3. Run Locally:
   • Simply open index.html in your web browser.
   • Recommended: Use a local development server (like VS Code's "Live Server") for the best experience.

🌟 Contributing

Contributions, issues, and feature requests are welcome! If you have ideas to improve this template, feel free to check the issues page.

1. Fork the project.
2. Create your feature branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a Pull Request.

📄 License

This project is open source and available under the MIT License.

---

© 2025 Portfolio Template. All rights reserved.