This is a project that I completed as part of Almdrasa.com coding challenge. The main goal of the project was to create a responsive website using HTML, CSS (BEM), Flexbox, CSS grid, SASS and JavaScript.
The website was designed with responsiveness in mind, so it looks great on all devices, from desktop computers to mobile phones. The use of Flexbox and CSS Grid helped to create a flexible and responsive layout that adapts to different screen sizes.
The following technologies were utilized in this project:
• HTML
• CSS
• SASS
• Responsive Web Design
• JavaScript
• Python
• Flask
• PostgreSQL
- Responsive design for various devices.
- Projects showcase with details.
- Skillset and achievements display.
- Clean and modern UI using HTML, CSS, Sass, Flexbox, and CSS Grid.
- Some attractive JavaScript functions
To get started with this project, you will need to have a basic understanding of HTML, CSS, SASS and JavaScript. You will also need to have a text editor or an integrated development environment (IDE) installed on your computer.
To view the website, simply open the index.html file in your web browser. The website should display correctly in the browser.
-
Clone the repository:
git clone https://github.com/MMansy19/Portfolio.git
-
Open the project folder:
cd your-portfolio -
Open
index.htmlin your preferred web browser.
Simply open the website using the provided link: https://main--mahmoud-mansy-portfolio.netlify.app/
Explore the different sections to learn more about me, my skills, and the projects I have worked on.
If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are welcome!
Feel free to reach out to me any time. I prefer to talk over email, especially since we may be in different time zones.