My Portfolio

A personal portfolio website showcasing my work as a Web Developer. This project features a responsive design and highlights my projects and experience in web development using HTML, CSS, and JavaScript, with interactive alerts and notifications powered by Alertify.js.

Table of Contents

• Features
• Technologies
• Getting Started
• Project Structure
• Screenshots
• Contact

Features

• Responsive Design: Fully compatible with all devices (desktop, tablet, mobile) for optimal viewing.
• Projects Section: Showcases various web development projects with descriptions and links.
• Skills Section: Highlights technical skills and proficiency levels.
• Contact Form: Allows users to send direct messages for potential job or collaboration opportunities.
• Interactive Alerts: Uses Alertify.js to provide notifications and alerts for user interactions.
• Certificates Section:: Displays certificates and achievements relevant to web development.

Technologies

This portfolio was built with:

• HTML5: Markup language for structuring the site.
• CSS3: Styling and layout for responsive design(Flexbox and CSS Grid, Animations).
• JavaScript: Adding interactivity and dynamic elements.
• Alertify.js: Library for creating alerts and notifications.

Getting Started

To view or edit this portfolio locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/mohammed-bakkali/my-Portflio.git

2. Navigate to the project directory:

   cd portfolio

3. Open the index.html file in your browser to view the portfolio.

Project Structure

portfolio/
├── .vscode/               # Visual Studio Code settings
├── css/                   # Stylesheets
│   ├── all.min.css        # Minified CSS file
│   ├── master.css         # Main CSS file
│   └── normalize.css      # CSS reset file
├── js/                    # JavaScript files
│   └── main.js            # Main JavaScript file
├── icons/                 # Icon files
├── images/                # Image files
├── webfonts/              # Web font files
├── .hintrc                # Hint configuration file
├── My-CV.pdf              # PDF version of your CV
├── README.md              # This README file
└── index.html             # Main HTML file

Screenshots

Contact

For any questions or comments, please do not hesitate to contact me:

• Name: Mohammed Bakkali
• Email: mohammed.bakkali807@gmail.com
• Website: mohammed-bakkali.netlify.app
• Phone: +212 722-923357
• City: Tanger
• Role: Web Developer

---