A modern, responsive portfolio website showcasing my work as a Software & Data Engineer.
- Responsive Design: Works perfectly on desktop and mobile devices
- Modern UI/UX: Clean, professional design with smooth animations
- Interactive Elements: Hover effects, smooth scrolling, and dynamic navigation
- Accessibility: Semantic HTML and proper contrast ratios
- Performance: Optimized images and efficient CSS animations
- Hero Section: Introduction with name, title, and call-to-action buttons
- About Section: Personal bio, fun fact, and skills showcase
- Projects Section: Featured projects with links to code and live demos
- Contact Section: Links to resume, LinkedIn, GitHub, and email
To personalize this portfolio for yourself:
To complete the portfolio setup, add these image files:
mahmood-profile.jpg- Your profile photo (recommended: 400x400px, square format)ajerli-project.jpg- Screenshot of the Ajerli car marketplaceadmin-page-project.jpg- Screenshot of the admin dashboardweb-scraping-project.jpg- Screenshot of the web scraping platform
- Add your resume PDF as
Mahmood_Gheith_Resume.pdfin the root directory - The "Resume" button will automatically link to this file
You can customize the color scheme by modifying the CSS variables in styles.css:
- Primary blue:
#2563eb - Accent yellow:
#fbbf24 - Background gradient:
linear-gradient(135deg, #667eea 0%, #764ba2 100%)
In the About section, update the skill tags to reflect your actual technical skills.
portfolio/
├── index.html # Main HTML file
├── styles.css # CSS styles
├── script.js # JavaScript functionality
├── README.md # This file
├── Mahmood_Gheith_Resume.pdf # Your resume (add this)
├── mahmood-profile.jpg # Your profile photo (add this)
├── ajerli-project.jpg # Ajerli project screenshot (add this)
├── admin-page-project.jpg # Admin dashboard screenshot (add this)
└── web-scraping-project.jpg # Web scraping project screenshot (add this)
- HTML5: Semantic markup
- CSS3: Modern styling with Flexbox and Grid
- JavaScript: Interactive functionality
- Font Awesome: Icons
- Google Fonts: Typography (Inter font family)
This portfolio is compatible with all modern browsers including:
- Chrome (recommended)
- Firefox
- Safari
- Edge
- Download or clone this repository
- Replace placeholder content with your personal information
- Add your photos and resume
- Open
index.htmlin your browser - Deploy to your preferred hosting platform
You can deploy this portfolio to any of these platforms:
- GitHub Pages: Free hosting directly from your GitHub repository
- Netlify: Drag and drop deployment with custom domain support
- Vercel: Fast deployment with automatic HTTPS
- Surge.sh: Simple command-line deployment
This project is open source and available under the MIT License.
Need help customizing? Feel free to reach out or check the comments in the code for guidance!