Maha Shivratri 🕉️

This Maha Shivratri project is a single-page experience with a dark blue gradient background, animated starfield (canvas), lightning overlay, and rising smoke. The first scene shows "Maha Shivratri" with an Om symbol and "Har Har Mahadev" subtitle; the second scene reveals a Mahadev-style composition with rotating chakra and divine aura. All code is in one index.html file in the shivratri/ folder.

Uses Google Fonts (Cinzel, Great Vibes), CSS animations, and JavaScript for scene transitions and canvas stars.

📄 Complete HTML Code

Copy this into index.html in your shivratri/ folder. All CSS and JavaScript are inside this file.

Loading code...

📁 Project Assets

Single-file structure:

pages/
├── assets/
│   └── shivratri/
│       └── index.html   ← All HTML, CSS, JS in one file

• One file: shivratri/index.html
• Fonts load from Google Fonts (Cinzel, Great Vibes)

Key Features

• 🕉️ Om symbol and "Maha Shivratri" / "Har Har Mahadev" title
• ⭐ Animated starfield (canvas)
• ⚡ Lightning flash overlay effect
• 🌫️ Rising smoke / divine glow at bottom
• 🕉️ Mahadev reveal scene with rotating chakra and aura
• 📱 Full-viewport, no scroll (single scene experience)

Customization Tips

• Text: Edit "Maha Shivratri", "Har Har Mahadev", and subtitle in the HTML
• Colors: Change gradient and glow colors in the embedded CSS
• Timing: Adjust animation durations and scene transition delays in CSS and JS