https://indian.sg/contact.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6  <title>Indian.SG | Contact</title>
7  

7<script src="https://cdn.tailwindcss.com"></script>

7
8  

8<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

8
9  <style>
10    body { font-family: Arial, sans-serif !important; }
11  </style>
12</head>
13<body class="bg-gray-50 text-gray-800">
14
15  
16  <!-- Top Header: Logo + Responsive Google Ads -->
17  <div class="bg-white shadow py-4 px-6">
18    <div class="max-w-7xl mx-auto flex flex-col md:flex-row items-center md:justify-between gap-4">
19
20      <!-- Logo -->
21      <div class="flex items-center space-x-3">
22        <img src="logo.png" alt="Indian.SG Logo" class="h-12 w-auto" />
23      </div>
24
25      <!-- Responsive Google Ad -->
26      <div class="w-full md:w-auto">
27        <!-- Desktop Ad -->
28        <div class="hidden md:flex w-[468px] h-[60px] bg-gray-200 text-center text-sm text-gray-500 items-center justify-center border rounded">
29           <!-- Google Ad placeholder -->
30    
31
32        
33<!-- Header Banner -->
34<ins class="adsbygoogle"
35     style="display:inline-block;width:468px;height:60px"
36     data-ad-client="ca-pub-4438379661136410"
37     data-ad-slot="5119715101"></ins>

38<script>
39     (adsbygoogle = window.adsbygoogle || []).push({});
40</script>

40
41   
42      
43        </div>
44        <!-- Mobile Ad -->
45        <div class="flex md:hidden w-[320px] h-[50px] bg-gray-200 text-center text-sm text-gray-500 items-center justify-center border rounded">
46        
47           <!-- Google Ad placeholder -->
48     
49
50<!-- Header Banner -->
51<ins class="adsbygoogle"
52     style="display:inline-block;height:60px"
53     data-ad-client="ca-pub-4438379661136410"
54     data-ad-slot="5119715101"></ins>

55<script>
56     (adsbygoogle = window.adsbygoogle || []).push({});
57</script>

57
58   
59    
60        </div>
61      </div>
62
63    </div>
64  </div>
65
66  <!-- Navigation Bar -->
67  <nav class="bg-blue-600 text-white shadow">
68    <div class="max-w-7xl mx-auto px-4 py-3 flex justify-center space-x-6 text-sm sm:text-base">
69      <a href="index.html" class="hover:underline">Home</a>
70      <a href="about.html" class="hover:underline">About</a>
71      <a href="events.html" class="hover:underline">Events</a>
72      <a href="contact.html" class="hover:underline">Contact</a>
73           <a href="tamilclass.html" class="hover:underline">Speech and Drama</a>
74    </div>
75  </nav>
76
77  <!-- Contact Content -->
78  <main class="flex-grow px-6 py-12 bg-white">
79    <div class="max-w-4xl mx-auto text-center">
80      <h1 class="text-4xl font-bold text-blue-700 mb-6">Get in Touch</h1>
81      <p class="text-lg text-gray-700 mb-6">Have a question, feedback, or want to collaborate? Reach out to us!</p>  
82  
83
84  <iframe data-tally-src="https://tally.so/embed/3ykB1X?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="840" frameborder="0" marginheight="0" marginwidth="0" title="Contact Us"></iframe>

85<script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

85
86  </div>
87  </main>
88  <!-- Footer -->
89  <footer class="bg-blue-600 text-white py-4 text-center">
90    <p>&copy; 2025 Indian.SG</p>
91  </footer>
92
93</body>
94</html>