AbdElRahman Hesham - Responsive Portfolio Website

A modern, responsive personal portfolio website with smooth animations, multiple sections, and a working contact form via Web3Forms. Perfect for developers, designers, and creatives to showcase their work.

🌐 Live Demo

Visit Portfolio

📸 Preview

📁 Features

• 🌟 Responsive design compatible with all devices
• 🧠 Sections: About, Education, Services, Projects, Contact
• 📊 Timeline-based Education & Experience section
• 🔒 Basic protection against source inspection (anti-inspect)
• 📬 Contact form integrated with Web3Forms
• 📸 Interactive image sections for projects
• 🌐 External social media integration

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• Boxicons (for icons)
• Web3Forms (Contact API)

📦 Structure

├── index.html ├── style.css ├── image.jpg / 2.jpg / 3.JPG / 4.jpg / 5.png ├── script.js (optional enhancements) └── README.md

✉️ Contact Form (Web3Forms)

To enable the contact form functionality, follow these steps:

1. Go to Web3Forms
2. Sign up and get your access key
3. Replace the following line in your HTML with your key:

<input type="hidden" name="access_key" value="your-access-key">

🚫 Anti-Inspect (Basic)

This project includes basic methods to discourage source code inspection:

• Disabled right-click context menu
• Blocked keyboard shortcuts:
  • F12
  • Ctrl + Shift + I
  • Ctrl + Shift + J
  • Ctrl + U

⚠️ Note: This is not foolproof and only provides minimal deterrence.

---

🛠️ Tech Stack

• HTML
• CSS
• JavaScript

---

📄 License

This project is open-source and intended for learning and inspiration.

⚙️ Setup Instructions

1. Clone the repository:

   git clone https://github.com/Boda1607/portfolio-website.git