محفوظ رہیں، باخبر رہیں — Stay Safe, Stay Informed
DigiSmart Lahore is a civics project website built to raise digital literacy and online safety awareness — specifically tailored for the people of Lahore, Pakistan. In an era where misinformation, cyberbullying, and online fraud are rampant, this platform equips students, parents, and citizens with the knowledge and tools to navigate the internet safely and responsibly.
The site is fully built in a single HTML file with embedded CSS and JavaScript — no frameworks, no dependencies, just clean and powerful web technology.
| Section | Description |
|---|---|
| 🏠 Hero | Animated landing with key statistics about Pakistan's digital landscape |
| 📖 About | Why digital literacy matters, with local Pakistan context and facts |
| ⚖️ Digital Ethics | Do's & Don'ts for responsible internet usage |
| 📰 Fake News | Step-by-step guide to spotting misinformation + red flags checklist |
| 😔 Cyberbullying | Types of cyberbullying, how to respond, and FIA contact information |
| 👨👩👧 Parents' Guide | Tabbed tips for parents on monitoring and supporting children online |
| 🧠 Interactive Quiz | 8-question quiz testing digital literacy knowledge with instant feedback |
| 🚨 Report Cybercrime | Step-by-step guide to reporting with emergency contact numbers |
- 🎨 Dark navy + emerald green color scheme with amber gold accents
- ✍️ Playfair Display serif headings paired with DM Sans body text
- 🌀 Animated background orbs, floating icons, and smooth scroll reveal effects
- 📱 Fully responsive — works on mobile, tablet, and desktop
- ⚡ Zero dependencies — everything runs from a single file
The built-in quiz tests knowledge on real-world Pakistani digital scenarios:
- Verifying viral WhatsApp forwards
- Pakistan's PECA 2016 cyber laws and penalties
- What to do when a classmate is being cyberbullied
- Role of the FIA Cyber Crime Wing
- How Two-Factor Authentication (2FA) works
- Identifying fake news URLs and red-flag headlines
- Legal consequences of sharing private photos without consent
- Creating strong, secure passwords
- 📞 FIA Cyber Crime Helpline:
0800-02345 - 📡 PTA Complaint Portal
- ⚖️ PECA 2016 — Prevention of Electronic Crimes Act overview
- 📰 Trusted Pakistani fact-checkers (Dawn, Geo, Soch Fact Check)
digital-literacy/
│
└── index.html ← Entire website (HTML + CSS + JS in one file)
No setup needed. Just:
- Download or clone this repository
- Open
index.htmlin any modern browser - That's it — fully functional offline!
Hero → About → Digital Ethics → Fake News → Cyberbullying
↓
Report Cybercrime ← Parents Guide ← Quiz
This website was created as a Civics Project on the theme of Digital Literacy and Online Safety. It addresses one of the most pressing civic issues of our time — helping young Pakistanis understand their rights, responsibilities, and safety measures in the digital world.
Abd-Abdullah83 📍 Lahore, Pakistan 🔗 Portfolio
This project is open for educational use. Feel free to share, reference, or build upon it for non-commercial civic and educational purposes.
Made with ❤️ for Lahore | © 2025 DigiSmart Lahore