Mohammad Abu-Khader - Personal Portfolio

A modern, responsive personal portfolio website showcasing my work as a Penetration Tester and Ethical Hacker. Built with HTML, CSS, and JavaScript, featuring a sleek dark theme inspired by the vCard portfolio design.

🚀 Demo

Visit the live site: xoity.github.io

✨ Features

• Fully Responsive Design - Works seamlessly on all devices (mobile, tablet, desktop)
• Modern Dark Theme - Cybersecurity-focused aesthetic with smooth animations
• Interactive Portfolio - Filterable project showcase with categories
• About Section - Professional introduction and services offered
• Resume Section - Education, experience, and skills display
• Contact Section - Easy access to GitHub and LinkedIn profiles
• Smooth Navigation - Intuitive page transitions and mobile-friendly interface

🛠️ Technologies Used

• HTML5
• CSS3 (with CSS Grid and Flexbox)
• JavaScript (Vanilla)
• Ionicons for icons
• Google Fonts (Poppins)

📁 Project Structure

xoity.github.io/
├── index.html              # Main HTML file
├── assets/
│   ├── css/
│   │   └── style.css      # Stylesheet
│   ├── js/
│   │   └── script.js      # JavaScript functionality
│   └── images/            # Project images and favicon
├── README.md
└── file.py

🎨 Sections

About

Professional introduction highlighting my expertise in penetration testing, ethical hacking, and cybersecurity. Includes service offerings:

• Penetration Testing
• Vulnerability Assessment
• Secure Development
• Security Automation

Resume

• Education: Canadian University Dubai (CUD) - Cybersecurity
• Experience: Penetration Testing, Security Research, Software Development
• Skills: Penetration Testing, Python, Network Security, Web Security, Linux Administration, Java & TypeScript

Projects

Showcasing real projects from my GitHub repositories:

• HMvuln: Vulnerable application for security training
• AuditAgent: Security audit automation tool
• File Sorter: Cross-platform file organization utility
• Windows Privacy: Privacy enhancement toolkit
• Schedule Finder: Academic scheduling tool
• Medicine DB: Medical database application
• FTP Rebuilt: Rebuilt FTP implementation
• Pocket Py: Python utility collection

Contact

Direct links to:

• GitHub Profile
• LinkedIn Profile
• Portfolio Statistics

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Optional: Local web server for development

Installation

1. Clone the repository:

git clone https://github.com/xoity/xoity.github.io.git

2. Navigate to the project directory:

cd xoity.github.io

3. Open index.html in your browser or use a local server:

# Using Python
python -m http.server 8000

# Using Node.js
npx serve

4. Visit http://localhost:8000 in your browser

📝 Customization

To customize the portfolio for your own use:

1. Update personal information in index.html
2. Replace project links and descriptions
3. Modify color scheme in assets/css/style.css (CSS variables in :root)
4. Add your own project images to assets/images/
5. Update social media links in the sidebar

🎨 Color Palette

• Primary: #ffdb70 (Orange Yellow Crayola)
• Background: #0a0a0a (Smoky Black)
• Cards: #1e1e1f (Eerie Black)
• Text: #fafafa (White)
• Accent: #d3ad6f (Vegas Gold)

📱 Responsive Breakpoints

• Mobile: < 580px
• Tablet: 580px - 768px
• Desktop Small: 768px - 1024px
• Desktop Large: > 1024px

🤝 Contributing

While this is a personal portfolio, suggestions and feedback are welcome! Feel free to open an issue or submit a pull request.

📄 License

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

👤 Author

Mohammad Abu-Khader

• GitHub: @xoity
• LinkedIn: Mohammad Abu-Khader
• Location: Dubai, UAE
• Role: Penetration Tester | Ethical Hacker | Cybersecurity Student

🙏 Acknowledgments

• Design inspiration from vCard Personal Portfolio by codewithsadee
• Icons by Ionicons
• Fonts by Google Fonts

📊 GitHub Stats

---

⭐ If you like this portfolio, give it a star!

Built with ❤️ by Mohammad Abu-Khader