HTML and CSS Hackathon Project
A modern, high-performance static website built entirely using HTML5 and CSS3, developed during a hackathon challenge where only pure frontend technologies were allowed.
STRIKE demonstrates the power of clean structure, advanced CSS animation, and responsive design — all wrapped in a futuristic, neon-cyber theme.
Live Link : https://strike-dsa-genai-project.netlify.app/
- Overview
- Features
- Tech Stack
- Project Structure
- Setup & Usage
- Customization
- Accessibility
- Contributing
- License
- Author
- Acknowledgements
STRIKE is a futuristic, minimal, and visually captivating static web project created to push the boundaries of what can be achieved using only HTML and CSS.
The website focuses on a dynamic hero section, glowing animations, and modern UI/UX design principles without a single line of JavaScript.
It serves as an ideal:
- Hackathon submission entry
- Portfolio piece to showcase frontend skills
- Reference for learning advanced CSS animation and layout techniques
- ⚡ Animated Hero Title: Smooth character-by-character reveal with blinking strike animation
- 💡 Neon Glow Effects: Dual-layer glow and glitch visual styling for a cyber look
- 📱 Responsive Layout: Mobile-first design, adapting to all screen sizes
- 🎨 Customizable Theme: Easily tweak colors, glow intensity, and animations
- ♿ Accessible Design: Semantic HTML5 structure and motion-reduction support
- 🚀 Zero JavaScript: Built entirely using HTML & CSS for optimal performance
| Technology | Purpose |
|---|---|
| HTML5 | Semantic structure, SEO-friendly, accessible |
| CSS3 | Styling, animations, grid, flexbox, and variables |
| No JavaScript | Lightweight and performance-oriented design |