help@rskworld.in +91 93305 39277
RSK World
  • Home
  • Development
    • Web Development
    • Mobile Apps
    • Software
    • Games
    • Project
  • Technologies
    • Data Science
    • AI Development
    • Cloud Development
    • Blockchain
    • Cyber Security
    • Dev Tools
    • Testing Tools
  • Blog
  • About
  • Contact

Theme Settings

Color Scheme
Display Options
Font Size
100%
Back to Project
RSK World
ganesh-chaturthi
RSK World
ganesh-chaturthi
Ganesh Chaturthi Celebration - HTML5 Canvas + 3D Aarti + Modern UI + Glassmorphism Design
ganesh-chaturthi
  • assets
  • index.html4.7 KB
  • script.js6.9 KB
  • style.css6.4 KB
index.html
index.html
Raw Download
Find: Go to:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Celebrate Ganesh Chaturthi with this beautiful web application featuring a countdown, aarti, and shareable wishes. Developed by RSK World.">
    <title>Ganesh Chaturthi Celebration | RSK World</title>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- Full-page 3D Background -->
    <div id="three-container"></div>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="overlay"></div>
        <div class="content">
            <h1 class="glow-text">Happy Ganesh Chaturthi</h1>
            <p class="subtitle">May Lord Ganesha bless you with happiness and prosperity.</p>
            
            <div class="countdown-container">
                <h2>Next Chaturthi In:</h2>
                <div class="countdown" id="countdown">
                    <div class="time-box">
                        <span id="days">00</span>
                        <p>Days</p>
                    </div>
                    <div class="time-box">
                        <span id="hours">00</span>
                        <p>Hours</p>
                    </div>
                    <div class="time-box">
                        <span id="minutes">00</span>
                        <p>Minutes</p>
                    </div>
                    <div class="time-box">
                        <span id="seconds">00</span>
                        <p>Seconds</p>
                    </div>
                </div>
            </div>

            <a href="#aarti" class="btn-primary">Perform Aarti</a>
        </div>
    </section>

    <!-- Immersive Aarti Actions -->
    <section class="aarti-section" id="aarti">
        <div class="container">
            <h2 class="section-title">Perform Aarti</h2>
            <p class="section-desc">Interact with the divine presence. Watch the background react.</p>
            
            <div class="aarti-actions">
                <button id="ring-bell-btn" class="action-btn">Ring Bell 🔔</button>
                <button id="shower-flowers-btn" class="action-btn">Shower Flowers 🌸</button>
            </div>
        </div>
    </section>

    <!-- Wishes Section -->
    <section class="wishes-section" id="wishes">
        <div class="container">
            <h2 class="section-title">Shareable Wishes</h2>
            <div class="wishes-grid">
                
                <div class="wish-card">
                    <p class="wish-text" id="wish1">May Lord Ganesha remove all obstacles from your life and bless you with endless joy and success. Happy Ganesh Chaturthi!</p>
                    <button class="copy-btn" onclick="copyWish('wish1')">Copy Wish</button>
                </div>

                <div class="wish-card">
                    <p class="wish-text" id="wish2">Wishing you a happy and prosperous Ganesh Chaturthi. May the divine light of Lord Ganesha fill your home with peace and love.</p>
                    <button class="copy-btn" onclick="copyWish('wish2')">Copy Wish</button>
                </div>

                <div class="wish-card">
                    <p class="wish-text" id="wish3">Ganpati Bappa Morya! May the Lord of wealth and success bless you and your family. Have a blessed Ganesh Chaturthi!</p>
                    <button class="copy-btn" onclick="copyWish('wish3')">Copy Wish</button>
                </div>

            </div>
        </div>
    </section>

    <!-- Developer Footer -->
    <footer class="dev-footer">
        <div class="container footer-content">
            <div class="dev-info">
                <h3>Developed with ❤️ by <strong>Molla Samser</strong></h3>
                <p class="org">RSK World</p>
                <div class="contact-links">
                    <a href="mailto:help@rskworld.in" target="_blank">help@rskworld.in</a>
                    <a href="tel:+919330539277">+91 93305 39277</a>
                    <a href="https://rskworld.in" target="_blank">rskworld.in</a>
                    <a href="https://www.youtube.com/@rskworldin?sub_confirmation=1" target="_blank" class="yt-link">Subscribe on YouTube</a>
                </div>
            </div>
            <div class="copyright">
                <p>Copyright © 2026 RSK World. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script src="script.js"></script>
</body>
</html>
109 lines•4.7 KB
markup
🚀 Support RSK World

Subscribe to our YouTube channel for latest tutorials & updates!



Click subscribe & support our work ❤️

About RSK World

Founded by Molla Samser, with Designer & Tester Rima Khatun, RSK World is your one-stop destination for free programming resources, source code, and development tools.

Founder: Molla Samser
Designer & Tester: Rima Khatun

Development

  • Game Development
  • Web Development
  • Mobile Development
  • AI Development
  • Development Tools

Legal

  • Terms & Conditions
  • Privacy Policy
  • Disclaimer

Contact Info

Nutanhat, Mongolkote
Purba Burdwan, West Bengal
India, 713147

+91 93305 39277

hello@rskworld.in
support@rskworld.in

© 2026 RSK World. All rights reserved.

Content used for educational purposes only. View Disclaimer