Skip to content

MoLCFC/CTP-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mahmood W. Gheith - Portfolio Website

A modern, responsive portfolio website showcasing my work as a Software & Data Engineer.

Features

  • 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

Sections Included

  • 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

Customization

To personalize this portfolio for yourself:

1. Add Your Photos

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 marketplace
  • admin-page-project.jpg - Screenshot of the admin dashboard
  • web-scraping-project.jpg - Screenshot of the web scraping platform

2. Add Your Resume

  • Add your resume PDF as Mahmood_Gheith_Resume.pdf in the root directory
  • The "Resume" button will automatically link to this file

5. Customize Colors and Styling

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%)

6. Update Skills

In the About section, update the skill tags to reflect your actual technical skills.

File Structure

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)

Technologies Used

  • HTML5: Semantic markup
  • CSS3: Modern styling with Flexbox and Grid
  • JavaScript: Interactive functionality
  • Font Awesome: Icons
  • Google Fonts: Typography (Inter font family)

Browser Support

This portfolio is compatible with all modern browsers including:

  • Chrome (recommended)
  • Firefox
  • Safari
  • Edge

Getting Started

  1. Download or clone this repository
  2. Replace placeholder content with your personal information
  3. Add your photos and resume
  4. Open index.html in your browser
  5. Deploy to your preferred hosting platform

Deployment Options

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

License

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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors