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>Contact Us - Treecampus Academy Foundation</title> 7 <meta name="description" content="Get in touch with Treecampus. We're here to help you with any questions about our free English speaking courses and learning programs."/> 8 <link rel="canonical" href="https://treecampus.ngo/contact-us/" /> 9 <link rel="preconnect" href="https://fonts.googleapis.com"> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 11 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet"> 12 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 13 <link rel="stylesheet" href="/style.css"> 14 <link rel="stylesheet" href="/css/modern-design.css"> 15 <style> 16 .contact-container { 17 max-width: 1200px; 18 margin: 60px auto; 19 padding: 0 20px; 20 } 21 .contact-header { 22 text-align: center; 23 margin-bottom: 50px; 24 } 25 .contact-header h1 { 26 font-family: 'Playfair Display', serif; 27 font-size: 2.5rem; 28 color: #2d5a27; 29 margin-bottom: 15px; 30 font-weight: 700; 31 } 32 .contact-header p { 33 font-family: 'Manrope', sans-serif; 34 font-size: 1.1rem; 35 color: #666; 36 line-height: 1.6; 37 } 38 .contact-content { 39 display: grid; 40 grid-template-columns: 1fr 1fr; 41 gap: 40px; 42 margin-bottom: 60px; 43 } 44 .contact-form { 45 background: #f9f9f9; 46 padding: 30px; 47 border-radius: 10px; 48 box-shadow: 0 2px 10px rgba(0,0,0,0.1); 49 } 50 .form-group { 51 margin-bottom: 20px; 52 } 53 .form-group label { 54 display: block; 55 margin-bottom: 8px; 56 font-family: 'Manrope', sans-serif; 57 font-weight: 600; 58 color: #333; 59 font-size: 0.95rem; 60 } 61 .form-group input, 62 .form-group textarea { 63 width: 100%; 64 padding: 12px; 65 border: 1px solid #ddd; 66 border-radius: 5px; 67 font-family: 'Manrope', sans-serif; 68 font-size: 0.95rem; 69 box-sizing: border-box; 70 transition: border-color 0.3s; 71 } 72 .form-group input:focus, 73 .form-group textarea:focus { 74 outline: none; 75 border-color: #2d5a27; 76 box-shadow: 0 0 5px rgba(45, 90, 39, 0.2); 77 } 78 .form-group textarea { 79 resize: vertical; 80 min-height: 120px; 81 } 82 .submit-btn { 83 background: #2d5a27; 84 color: white; 85 padding: 12px 30px; 86 border: none; 87 border-radius: 5px; 88 font-family: 'Manrope', sans-serif; 89 font-size: 1rem; 90 font-weight: 600; 91 cursor: pointer; 92 transition: background 0.3s; 93 width: 100%; 94 } 95 .submit-btn:hover { 96 background: #1f4019; 97 } 98 .contact-info { 99 display: flex; 100 flex-direction: column; 101 gap: 30px; 102 } 103 .info-card { 104 background: white; 105 padding: 25px; 106 border-radius: 10px; 107 border-left: 4px solid #2d5a27; 108 box-shadow: 0 2px 10px rgba(0,0,0,0.1); 109 } 110 .info-card h3 { 111 font-family: 'Playfair Display', serif; 112 font-size: 1.5rem; 113 color: #2d5a27; 114 margin-bottom: 12px; 115 font-weight: 700; 116 } 117 .info-card p { 118 font-family: 'Manrope', sans-serif; 119 color: #666; 120 line-height: 1.8; 121 margin: 0; 122 } 123 .info-card a { 124 color: #2d5a27; 125 text-decoration: none; 126 font-weight: 600; 127 } 128 .info-card a:hover { 129 text-decoration: underline; 130 } 131 .social-links { 132 display: flex; 133 gap: 15px; 134 margin-top: 15px; 135 } 136 .social-links a { 137 display: inline-block; 138 width: 40px; 139 height: 40px; 140 background: #2d5a27; 141 color: white; 142 border-radius: 50%; 143 text-align: center; 144 line-height: 40px; 145 transition: background 0.3s; 146 } 147 .social-links a:hover { 148 background: #1f4019; 149 } 150 .map-container { 151 margin-top: 60px; 152 border-radius: 10px; 153 overflow: hidden; 154 box-shadow: 0 2px 15px rgba(0,0,0,0.1); 155 height: 400px; 156 } 157 .map-container iframe { 158 width: 100%; 159 height: 100%; 160 border: none; 161 } 162 @media (max-width: 768px) { 163 .contact-container { 164 margin: 40px auto; 165 } 166 .contact-header h1 { 167 font-size: 1.8rem; 168 } 169 .contact-content { 170 grid-template-columns: 1fr; 171 gap: 30px; 172 } 173 .map-container { 174 height: 300px; 175 } 176 } 177 </style> 178 <link rel="icon" type="image/png" sizes="48x48" href="https://res.cloudinary.com/dbbll23jz/image/upload/c_pad,w_48,h_48/v1765170258/tree_logo_ek4uw3.png"> 179 <link rel="icon" type="image/png" sizes="192x192" href="https://res.cloudinary.com/dbbll23jz/image/upload/c_pad,w_192,h_192/v1765170258/tree_logo_ek4uw3.png"> 180 <link rel="apple-touch-icon" sizes="180x180" href="https://res.cloudinary.com/dbbll23jz/image/upload/c_pad,w_180,h_180/v1765170258/tree_logo_ek4uw3.png"> 181
181<script src="/js/modern-nav.js" defer></script>
181 182</head> 183<body> 184 <nav class="navbar" id="navbar"></nav> 185 186 <div class="contact-container"> 187 <div class="contact-header"> 188 <h1>Contact Us</h1> 189 <p>Have questions about our English learning programs? We'd love to hear from you. Get in touch with us today and start your journey to fluency!</p> 190 </div> 191 192 <div class="contact-content"> 193 <div class="contact-form"> 194 <h2 style="font-family: 'Playfair Display', serif; color: #2d5a27; margin-bottom: 25px; font-size: 1.5rem;">Send us a Message</h2> 195 <form id="contactForm" action="https://formsubmit.co/[email protected]" method="POST"> 196 <input type="hidden" name="_subject" value="New Inquiry from Treecampus Contact Form"> 197 <input type="hidden" name="_captcha" value="false"> 198 <input type="hidden" name="_template" value="table"> 199 <input type="hidden" name="_next" value="https://treecampus.ngo/contact-us/"> 200 201 <div class="form-group"> 202 <label for="name">Your Name *</label> 203 <input type="text" id="name" name="name" required> 204 </div> 205 <div class="form-group"> 206 <label for="email">Email Address *</label> 207 <input type="email" id="email" name="email" required> 208 </div> 209 <div class="form-group"> 210 <label for="phone">Phone Number</label> 211 <input type="tel" id="phone" name="phone"> 212 </div> 213 <div class="form-group"> 214 <label for="subject">Subject *</label> 215 <input type="text" id="subject" name="subject" required> 216 </div> 217 <div class="form-group"> 218 <label for="message">Message *</label> 219 <textarea id="message" name="message" required></textarea> 220 </div> 221 <button type="submit" class="submit-btn">Send Message</button> 222 </form> 223 </div> 224 225 <div class="contact-info"> 226 <div class="info-card"> 227 <h3><i class="fas fa-envelope"></i> Email</h3> 228 <p> 229 <strong>Support:</strong><br> 230 <a href="mailto:[email protected]">[email protected]</a> 231 </p> 232 </div> 233 234 <div class="info-card"> 235 <h3><i class="fas fa-phone-alt"></i> Phone</h3> 236 <p> 237 <strong>Customer Support:</strong><br> 238 <a href="tel:+918700841062">+91 8700841062</a> 239 </p> 240 </div> 241 242 <div class="info-card"> 243 <h3><i class="fas fa-map-marker-alt"></i> Address</h3> 244 <p> 245 1E, First Floor, 25D,<br> 246 Harish Mukherjee Road,<br> 247 Kolkata, West Bengal 700025 248 </p> 249 <div class="social-links"> 250 <a href="https://www.facebook.com/treecampus" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a> 251 <a href="https://www.twitter.com/treecampus" target="_blank" title="Twitter"><i class="fab fa-x-twitter"></i></a> 252 <a href="https://www.instagram.com/treecampus" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a> 253 <a href="https://www.linkedin.com/company/treecampus" target="_blank" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 254 </div> 255 </div> 256 257 <div class="info-card"> 258 <h3><i class="fas fa-link"></i> Quick Links</h3> 259 <p> 260 <a href="/">Home</a><br> 261 <a href="/blog/">Blog</a><br> 262 <a href="/live-classes/">Live Classes</a><br> 263 <a href="/courses/">Courses</a><br> 264 <a href="/about-us-treecampus-academy-foundation/">About Us</a><br> 265 <a href="/volunteer/">Become a Volunteer</a> 266 </p> 267 </div> 268 </div> 269 </div> 270 271 <div class="map-container"> 272 <iframe src="https://maps.google.com/maps?q=1E,%20First%20Floor,%2025D,%20Harish%20Mukherjee%20Road,%20Kolkata,%20West%20Bengal%20700025&t=&z=15&ie=UTF8&iwloc=&output=embed" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 273 </div> 274 </div> 275 276 <footer class="footer" id="footer"></footer> 277 278
278<script> 279 const loadTemplate = (url, id, subPath = "../") => { 280 fetch(url).then(res => res.text()).then(data => { 281 const container = document.getElementById(id); 282 if (container) { 283 container.innerHTML = data; 284 container.querySelectorAll("a").forEach(link => { 285 const href = link.getAttribute("href"); 286 if (href && !href.startsWith("http") && !href.startsWith("#") && !href.startsWith("/")) { 287 link.setAttribute("href", subPath + href); 288 } 289 }); 290 container.querySelectorAll("img").forEach(img => { 291 const src = img.getAttribute("src"); 292 if (src && !src.startsWith("http") && !src.startsWith("/")) { 293 img.setAttribute("src", subPath + src); 294 } 295 }); 296 } 297 }); 298 }; 299 loadTemplate("/template/nav.html", "navbar"); 300 loadTemplate("/template/footer.html", "footer"); 301 </script>
301 302</body> 303</html> 304
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.