A modern, responsive personal portfolio website built with HTML, CSS, and JavaScript. This portfolio is designed to showcase my skills, projects, and professional information in a clean and visually appealing way.
🔗 Live Site: https://mohammed-saleh-ishaq.github.io/MyPortfolio/
- Responsive Design: Looks great on all devices (desktop, tablet, mobile)
- Modern UI/UX: Clean and professional design with smooth animations
- Sections:
- Hero section with call-to-action
- About section
- Skills/Technologies
- Projects showcase
- Contact information
- Interactive Elements:
- Smooth scrolling navigation
- Animated elements on scroll
- Mobile-friendly hamburger menu
- Hover effects on buttons and cards
- HTML
- CSS
- JavaScript
- Git & GitHub
- GitHub Pages
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Git (for deployment)
- A GitHub account (for hosting on GitHub Pages)
-
Clone the repository:
git clone https://github.com/your-username/your-portfolio.git cd your-portfolio -
Open the project in your favorite code editor.
-
Customize the content in
index.htmlwith your personal information, skills, and projects. -
To customize the styling, edit the
css/style.cssfile. -
For additional functionality, modify the
js/script.jsfile.
-
Open
index.htmlin a text editor. -
Replace the following placeholders with your information:
- "Your Name" - Your full name
- "Web Developer" - Your professional title
- Update the about section text
- Add/remove skills as needed
- Update project information
- Update contact information and social media links
The portfolio uses CSS variables for easy theming. You can find these at the top of the css/style.css file:
:root {
--primary-color: #2563eb;
--secondary-color: #1e40af;
--text-color: #1f2937;
--light-text: #6b7280;
--bg-color: #ffffff;
--light-bg: #f3f4f6;
--border-radius: 8px;
--transition: all 0.3s ease;
}-
Create a new repository on GitHub (name it
username.github.iowhere username is your GitHub username). -
Initialize git in your project folder (if you haven't already):
git init git add . git commit -m "Initial commit"
-
Add your GitHub repository as a remote:
git remote add origin https://github.com/username/username.github.io.git
(Replace
usernamewith your GitHub username) -
Push your code to GitHub:
git push -u origin main
-
Go to your repository on GitHub, then go to Settings > Pages.
-
Under "Source", select the
masterbranch and click "Save". -
Your site will be live at
https://username.github.ioin a few minutes.
To add a new project to your portfolio:
- Copy one of the existing project cards in the projects section of
index.html. - Update the following:
- Project image (replace the placeholder URL)
- Project title
- Project description
- Update the "Live Demo" and "View Code" links
This portfolio is built to work in all modern browsers, including:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
This project is open source and available under the MIT License.
⚠️ Disclaimer: You are free to reuse and customize this portfolio under the MIT License. However, please do not use my name, username, or project links in your version. Replace all personal identifiers with your own.
- GitHub Pages for hosting
Feel free to customize this template to make it your own. Happy coding! 🚀