A modern, educational cybersecurity website designed to spread awareness, provide interactive learning resources, and help users protect their digital identity. Developed as part of the Web Design WIN 24-25 course under the supervision of Dr. Mahmoud Bakkar.
CYBERSEC is a responsive website aimed at making cybersecurity concepts simple and accessible. It provides guides, tools, videos, and live updates on current threats, helping users of all levels—from beginners to professionals—enhance their digital security knowledge.
The main goal of CYBERSEC is to:
- Raise awareness about online threats.
- Offer practical cybersecurity tips.
- Provide a central hub for users to learn and connect.
Target Audience:
- Students
- Professionals
- Businesses
- General public interested in cybersecurity
- 🏠 Home Page: Intro to cybersecurity, latest news, and alerts
- i️ About Us: Meet the creators and our mission
- 📚 Resources: Downloadable guides, best practices, and articles
- 🎓 Training: Interactive lessons with quizzes & certificates
⚠️ Threat Alerts: Live updates on recent security threats- ✉️ Contact Us: Form to reach out with questions or concerns
- 💬 Community Forum: Ask questions and share experiences
- Colors Used: Dusty Pink, Charcoal Gray, Cerulean Blue
- Typography:
'Franklin Gothic Medium', Arial, sans-serif - Multimedia: Relevant images, videos, and music for engagement
- Accessibility: Screen reader support, high contrast mode, and keyboard navigation
- Responsive Design: Fully compatible with phones, tablets, and desktops
- HTML5
- CSS3
- JavaScript
- ✅ Animated visual aids explaining cyber topics
- ✅ Phishing prevention simulations
- ✅ Security tips & best practices
- ✅ Video tutorials for self-learning
- ✅ Forum for real-time discussion and Q&A
- ✔️ Functionality Testing – All buttons, forms, and features
- ✔️ UX Testing – User feedback collected and implemented
- ✔️ Performance Testing – Optimized for fast loading
- ✔️ Cross-Browser Testing – Chrome, Firefox, Edge, Mobile browsers
Screenshot 2025年05月27日 at 08-18-52 CYBER SECURITY AWARENESS - Home
- Homepage – Quick access to security features
- Training Page – Course list + registration
- Forum Page – User interactions and discussion
- Resources Page – Best practices and guides
- About Us Page – Project background
| Challenge | Solution |
|---|---|
| Making learning fun | Added quizzes, buttons, and visuals for interaction |
| Balancing speed and security | Optimized load time while keeping security active |
- Currently hosted on a local server
- Plan to deploy to secure cloud hosting
- Future enhancements:
- Gamified learning modules
- AI-powered security tips
- Expanded training catalog
MIT License – see the LICENSE file for details.
Made with ❤️ by Adam & Hadi – WIN 24-25