ABC-Club/index.html at main · Arpan-git-source/ABC-Club · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Charset & Viewport -->
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Title -->
  <title>ABC Club Salboni | Saraswati Puja</title>

  <!-- Canonical URL -->
  <link rel="canonical" href="https://abc-club.netlify.app/" />

  <!-- SEO Meta Tags -->
  <meta name="description"
    content="Join us for Saraswati Puja hosted by ABC Club Salboni, Paschim Medinipur! Explore event details, gallery, schedule, and more. Celebrate tradition, culture, and devotion with us.">
  <meta name="keywords"
    content="Saraswati Puja, ABC Club, ABC Club Salboni, Salboni ABC Club, ABC Club Puja, Salboni Saraswati Puja, cultural event, puja gallery, puja schedule, Indian festival, student puja, community event">
  <meta name="author" content="ABC Club Salboni">

  <!-- Open Graph Meta Tags -->
  <meta property="og:title" content="ABC Club Salboni | Saraswati Puja">
  <meta property="og:description"
    content="Celebrate Saraswati Puja with ABC Club Salboni, Paschim Medinipur. View schedule, gallery, and more. A vibrant fusion of devotion and celebration.">
  <meta property="og:image" content="https://abc-club.netlify.app/banner.png"> <!-- 🔄 Updated to use Netlify banner -->
  <meta property="og:url" content="https://abc-club.netlify.app/">
  <meta property="og:type" content="website">

  <!-- Twitter Card Meta -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="ABC Club | Saraswati Puja">
  <meta name="twitter:description" content="Celebrate Saraswati Puja with ABC Club. View schedule, gallery, and more.">
  <meta name="twitter:image" content="https://abc-club.netlify.app/banner.png"> <!-- 🔄 Updated -->

  <!-- Google Site Verification -->
  <meta name="google-site-verification" content="CaPnJfGfRyqKkYLEG20bTtKeqJTa6wnLlofOgzuH0Io" />

  <!-- Theme Color -->
  <meta name="theme-color" content="#f5e6cc">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="assets/abc_logo.png">

  <!-- Styles & Fonts -->
  <link href="style.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Gloock&display=swap" rel="stylesheet">

  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ABC Club Salboni",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Salboni",
    "addressRegion": "West Bengal",
    "postalCode": "721147",
    "addressCountry": "India"
  },
  "url": "https://abc-club.netlify.app/",
  "logo": "https://abc-club.netlify.app/abc_logo.png",
  "sameAs": []
}
</script>

</head>


<body>
  <!-- Hamburger (☰) -->
  <button class="hamburger" id="hamburger" onclick="togglesidebar()">☰</button>

  <!-- Close Button (✖) inside sidebar -->
  <div class="sidebar" id="sidebar">
    <button class="close-btn" id="closeBtn" onclick="togglesidebar()">✖</button>
    <div>
      <div class="logo-container">
        <img src="assets/abc_logo.png" alt="ABC Club Logo" />
      </div>
      <h1>ABC Club</h1>
      <nav>
        <a href="#home" onclick="loadSection('home')">Home</a>
        <a href="#about" onclick="loadSection('about')">About</a>
        <a href="#schedule" onclick="loadSection('schedule')">Schedule</a>
        <a href="#gallery" onclick="loadSection('gallery')">Gallery</a>
        <a href="#contact" onclick="loadSection('contact')">Contact</a>
      </nav>
    </div>
    <div>
      <div class="socials">
        <a href="https://www.facebook.com/groups/205634142866794/" target="_blank">
          <img src="assets/facebook_icon.png" alt="Facebook" width="30" />
        </a>
        <a href="https://www.instagram.com/a.b.cclub?igsh=N3ZtMG55ZDRyOHk1" target="_blank">
          <img src="assets/instagram_icon.png" alt="Instagram" width="30" />
        </a>
        <a href="https://youtube.com/yourchannel" target="_blank">
          <img src="assets/youtube_icon.png" alt="YouTube" width="30" />
        </a>
      </div>

      <div class="copyright">
        © 2026 ABC Club. All Rights Reserved.
      </div>
    </div>
  </div>

  <div class="main-content" id="main-content">
    <!-- Dynamic Content Here -->
  </div>

  <audio id="bg-music" loop>
    <source src="assets/BgSong.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
  </audio>
  <button id="audio-control">🔊</button>

  <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
  <script>
    function toggleSidebar() {
      document.getElementById("sidebar").classList.toggle("active");
    }
  </script>

  <script src="script.js"></script>
</body>

</html>