Skip to content

Latest commit

 

History

History
66 lines (53 loc) · 3.34 KB

README.md

File metadata and controls

66 lines (53 loc) · 3.34 KB

Bavly Hamdy's Portfolio

Description

This is a personal portfolio website developed by Bavly Hamdy to showcase skills, services, and achievements in web development, AI, cybersecurity, and cloud application development. The website features a clean and modern design with a responsive layout for an optimal user experience across all devices.

Website Features

  • Home Section: Introduction and brief about Bavly Hamdy and social media links.
  • About Section: Detailed description of Bavly's expertise in Full Stack Development, Artificial Intelligence, and Cybersecurity.
  • Services Section: Displays the various services provided including Web Development, AI, Cloud Development, Full Stack, Cybersecurity, and Data Science.
  • Portfolio Section: A showcase of certificates and achievements in the tech industry, with external links to view more details.
  • Contact Section: A contact form for visitors to reach out and an integrated "Message us on WhatsApp" button for direct communication.

Technologies Used

The website is built using:

  • HTML5: Structuring the content and layout of the website.
  • CSS3: For styling the website and ensuring responsiveness across different screen sizes.
  • JavaScript: To enhance user interaction, such as the dark mode toggle and smooth scrolling.
  • BoxIcons: For incorporating modern icons such as social media and WhatsApp.

Key Features

1. Fully Responsive Design

The website is designed to look great on all devices, whether viewed on mobile, tablet, or desktop, using a combination of flexbox and responsive units such as rem for fluid layout scaling.

2. Dark/Light Mode Toggle

A toggle button allows users to switch between light and dark themes, providing a customizable viewing experience.

3. Services Section

Each service card in the "Services" section is built using flexbox, ensuring that all boxes have equal height for consistency in layout. On hover, the boxes feature smooth transitions and scaling effects to improve interactivity.

4. Portfolio Section

Displays Bavly's most important certificates, each linked to external resources for further verification and details.

5. Contact Section with WhatsApp Integration

In addition to the traditional contact form, a WhatsApp button has been added to allow users to contact directly via WhatsApp for quick inquiries. The button includes the official WhatsApp icon and directs to the number +201111835471.

Installation and Usage

To run this project locally:

  1. Clone the repository: 
    git clone https://github.com/Bavly-Hamdy/portfolio-website.git
  2. Navigate to the project directory: 
    cd portfolio-website
  3. Open index.html in your browser to view the site: 
    open index.html

Contribution

Contributions are welcome! If you'd like to improve or suggest features for this project:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -m 'Add feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request and describe the changes made.

Contact Information

For any inquiries, please reach out via:

Thank you for visiting my portfolio!