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 â getinfotoyou | Support, Feedback & Inquiries</title> 7 <meta name="description" content="Get in touch with the getinfotoyou team and developer Sudarshan Babar. Send feature requests, business inquiries, or technical feedback regarding our web utilities and guides."> 8 <meta name="author" content="Sudarshan Babar"> 9 <meta name="robots" content="index, follow"> 10 <link rel="canonical" href="https://getinfotoyou.com/contact.html"> 11 <link rel="icon" href="https://getinfotoyou.com/getinfotyoulogo.jpg" type="image/jpeg"> 12 13 <!-- Google Analytics -->
vendor: 69 bytes, lines 13-14
13 14 <script async src="https://www.googletagmanager.com/gtag/js?id=
14G-QTSYQ72RCT
vendor: 17 bytes, lines 14-15
14"></script> 15
15<script> 16
vendor: 148 bytes, lines 16-19
16window.dataLayer = window.dataLayer || []; 17 function gtag(){dataLayer.push(arguments);} 18 gtag('js', new Date()); 19 gtag('config', '
19G-QTSYQ72RCT
vendor: 9 bytes, lines 19-20
19'); 20
20</script>
20 21 22 <!-- Google AdSense --> 23
23<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3173320766536688" 24 crossorigin="anonymous"></script>
24 25 26 <!-- Fonts & Icons --> 27 <link rel="preconnect" href="https://fonts.googleapis.com"> 28 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 29 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"> 30 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 31 32 <!-- Structured Data: ContactPage --> 33
33<script type="application/ld+json"> 34 { 35 "@context": "https://schema.org", 36 "@type": "ContactPage", 37 "name": "Contact getinfotoyou", 38 "url": "https://getinfotoyou.com/contact.html", 39 "mainEntity": { 40 "@type": "Organization", 41 "name": "getinfotoyou", 42 "email": "[email protected]", 43 "url": "https://getinfotoyou.com/", 44 "founder": { 45 "@type": "Person", 46 "name": "Sudarshan Babar" 47 } 48 } 49 } 50 </script>
50 51 52 <style> 53 :root { 54 --primary-color: #00b8d4; 55 --secondary-color: #0091ea; 56 --dark-color: #1a237e; 57 --light-color: #e1f5fe; 58 --accent-color: #ff6d00; 59 --text-color: #2d3748; 60 --light-text: #f5f5f5; 61 --bg-color: #f8fafc; 62 --card-bg: #ffffff; 63 --header-bg: rgba(255, 255, 255, 0.97); 64 --footer-bg: #0f1729; 65 --shadow-color: rgba(0, 0, 0, 0.08); 66 --transition: all 0.3s ease-in-out; 67 --gradient-hero: linear-gradient(135deg, #00b8d4 0%, #0091ea 50%, #1a237e 100%); 68 --radius-lg: 16px; 69 --radius-md: 10px; 70 } 71 72 .dark-mode { 73 --primary-color: #00e5ff; 74 --secondary-color: #40c4ff; 75 --dark-color: #283593; 76 --light-color: #0d47a1; 77 --accent-color: #ff9100; 78 --text-color: #f5f5f5; 79 --light-text: #ffffff; 80 --bg-color: #121212; 81 --card-bg: #1e1e1e; 82 --header-bg: rgba(30, 30, 30, 0.95); 83 --footer-bg: #0d1b42; 84 --shadow-color: rgba(0, 0, 0, 0.3); 85 } 86 87 * { box-sizing: border-box; margin: 0; padding: 0; } 88 body { 89 font-family: 'Space Grotesk', 'Poppins', sans-serif; 90 color: var(--text-color); 91 background-color: var(--bg-color); 92 line-height: 1.7; 93 transition: background-color 0.3s ease, color 0.3s ease; 94 } 95 96 a { text-decoration: none; color: var(--primary-color); transition: var(--transition); } 97 a:hover { color: var(--secondary-color); } 98 99 header { 100 position: fixed; 101 top: 0; 102 width: 100%; 103 background-color: var(--header-bg); 104 box-shadow: 0 2px 10px var(--shadow-color); 105 display: flex; 106 justify-content: space-between; 107 align-items: center; 108 padding: 1rem 2rem; 109 z-index: 1000; 110 backdrop-filter: blur(10px); 111 } 112 113 .logo { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 1.25rem; color: var(--dark-color); } 114 .logo img { height: 42px; border-radius: 8px; } 115 .dark-mode .logo { color: #fff; } 116 117 header nav ul { list-style: none; display: flex; gap: 1.5rem; align-items: center; } 118 header nav ul li a { color: var(--text-color); font-weight: 600; padding: 0.5rem 0; position: relative; } 119 header nav ul li a:hover, header nav ul li a.active { color: var(--primary-color); } 120 121 .container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; } 122 123 main { padding-top: 170px; padding-bottom: 80px; } 124 125 .page-hero { 126 background: var(--gradient-hero); 127 color: white; 128 padding: 4rem 2rem; 129 border-radius: var(--radius-lg); 130 text-align: center; 131 margin-bottom: 3rem; 132 box-shadow: 0 10px 30px rgba(0, 184, 212, 0.2); 133 } 134 135 .page-hero h1 { font-size: 2.8rem; margin-bottom: 1rem; font-weight: 700; } 136 .page-hero p { font-size: 1.15rem; max-width: 750px; margin: 0 auto; opacity: 0.95; } 137 138 .contact-grid { 139 display: grid; 140 grid-template-columns: 1.2fr 1fr; 141 gap: 2.5rem; 142 margin-bottom: 3rem; 143 } 144 145 @media (max-width: 860px) { 146 .contact-grid { grid-template-columns: 1fr; } 147 } 148 149 .contact-card { 150 background: var(--card-bg); 151 border-radius: var(--radius-lg); 152 padding: 2.5rem; 153 box-shadow: 0 4px 20px var(--shadow-color); 154 border: 1px solid rgba(0, 184, 212, 0.1); 155 } 156 157 .contact-card h2 { 158 font-size: 1.7rem; 159 margin-bottom: 1rem; 160 color: var(--dark-color); 161 } 162 .dark-mode .contact-card h2 { color: var(--primary-color); } 163 164 .form-group { margin-bottom: 1.25rem; } 165 .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; font-size: 0.95rem; } 166 .form-control { 167 width: 100%; 168 padding: 0.85rem 1rem; 169 border: 1px solid rgba(0, 0, 0, 0.15); 170 border-radius: var(--radius-md); 171 font-family: inherit; 172 font-size: 1rem; 173 background: var(--bg-color); 174 color: var(--text-color); 175 transition: var(--transition); 176 } 177 .form-control:focus { 178 outline: none; 179 border-color: var(--primary-color); 180 box-shadow: 0 0 0 3px rgba(0, 184, 212, 0.2); 181 } 182 183 .btn-submit { 184 background: var(--primary-color); 185 color: white; 186 padding: 0.9rem 2rem; 187 border: none; 188 border-radius: 50px; 189 font-size: 1rem; 190 font-weight: 600; 191 cursor: pointer; 192 transition: var(--transition); 193 display: inline-flex; 194 align-items: center; 195 gap: 8px; 196 } 197 .btn-submit:hover { 198 background: var(--secondary-color); 199 transform: translateY(-2px); 200 box-shadow: 0 6px 15px rgba(0, 184, 212, 0.3); 201 } 202 203 .info-card { 204 background: var(--card-bg); 205 border-radius: var(--radius-lg); 206 padding: 2.5rem; 207 box-shadow: 0 4px 20px var(--shadow-color);
208 border: 1px solid rgba(0, 184, 212, 0.1); 209 } 210 211 .info-card h3 { font-size: 1.4rem; margin-bottom: 1.25rem; color: var(--dark-color); } 212 .dark-mode .info-card h3 { color: var(--primary-color); } 213 214 .info-item { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; } 215 .info-icon { 216 width: 44px; 217 height: 44px; 218 border-radius: 50%; 219 background: var(--light-color); 220 color: var(--secondary-color); 221 display: flex; 222 align-items: center; 223 justify-content: center; 224 font-size: 1.1rem; 225 flex-shrink: 0; 226 } 227 .dark-mode .info-icon { background: rgba(0, 184, 212, 0.15); color: var(--primary-color); } 228 229 .info-text h4 { font-size: 1rem; margin-bottom: 0.2rem; } 230 .info-text p { font-size: 0.95rem; margin: 0; opacity: 0.85; } 231 232 .social-row { display: flex; gap: 12px; margin-top: 1.5rem; flex-wrap: wrap; } 233 .social-btn { 234 display: inline-flex; 235 align-items: center; 236 gap: 8px; 237 padding: 0.6rem 1.1rem; 238 border-radius: var(--radius-md); 239 background: var(--bg-color); 240 color: var(--text-color); 241 font-size: 0.9rem; 242 font-weight: 500; 243 border: 1px solid rgba(0,0,0,0.08); 244 transition: var(--transition); 245 } 246 .social-btn:hover { 247 background: var(--primary-color); 248 color: white; 249 border-color: var(--primary-color); 250 transform: translateY(-2px); 251 } 252 253 .faq-block { 254 background: var(--card-bg); 255 border-radius: var(--radius-lg); 256 padding: 2.5rem; 257 box-shadow: 0 4px 20px var(--shadow-color); 258 margin-top: 2.5rem; 259 } 260 .faq-block h2 { font-size: 1.6rem; margin-bottom: 1.5rem; color: var(--dark-color); } 261 .dark-mode .faq-block h2 { color: var(--primary-color); } 262 .faq-question-item { margin-bottom: 1.25rem; } 263 .faq-question-item h4 { font-size: 1.1rem; margin-bottom: 0.35rem; } 264 .faq-question-item p { font-size: 0.95rem; opacity: 0.85; } 265 266 /* Theme toggle */ 267 .theme-toggle { 268 position: fixed; 269 bottom: 20px; 270 right: 20px; 271 width: 48px; 272 height: 48px; 273 border-radius: 50%; 274 background-color: var(--primary-color); 275 color: white; 276 display: flex; 277 justify-content: center; 278 align-items: center; 279 cursor: pointer; 280 z-index: 100; 281 box-shadow: 0 4px 10px rgba(0,0,0,0.2); 282 transition: var(--transition); 283 } 284 285 /* Footer */ 286 footer { 287 background-color: var(--footer-bg); 288 color: #fff; 289 padding: 3rem 0 1.5rem; 290 margin-top: 4rem; 291 } 292 .footer-grid { 293 display: grid; 294 grid-template-columns: 2fr 1fr 1fr; 295 gap: 2rem; 296 margin-bottom: 2rem; 297 } 298 @media (max-width: 768px) { 299 .footer-grid { grid-template-columns: 1fr; } 300 header nav { display: none; } 301 } 302 .footer-col h5 { font-size: 1.1rem; margin-bottom: 1rem; color: var(--primary-color); } 303 .footer-col ul { list-style: none; } 304 .footer-col ul li { margin-bottom: 0.5rem; } 305 .footer-col ul li a { color: rgba(255,255,255,0.8); } 306 .footer-col ul li a:hover { color: #fff; } 307 .footer-bottom { 308 text-align: center; 309 padding-top: 1.5rem; 310 border-top: 1px solid rgba(255,255,255,0.1); 311 font-size: 0.85rem; 312 color: rgba(255,255,255,0.6); 313 } 314 </style> 315</head> 316<body> 317 <header> 318 <a href="/" class="logo"> 319 <img src="/getinfotyoulogo.jpg" alt="getinfotoyou Logo"> 320 <span>
320getinfotoyou</span> 321 </a> 322 <nav> 323 <ul> 324 <li><a href="/">Home</a></li> 325 <li><a href="/about.html">About</a></li> 326 <li><a href="/guides/">Guides</a></li> 327 <li><a href="/#portfolio">Portfolio</a></li> 328 <li><a href="/contact.html" class="active">Contact</a></li> 329 <li><a href="https://tech.getinfotoyou.com" target="_blank" rel="noopener">Tech Blog →</a></li> 330 </ul> 331 </nav> 332 </header> 333 334 <main class="container"> 335 <section class="page-hero"> 336 <h1>Contact getinfotoyou</h1> 337 <p>Have questions about our web tools, bug reports, feature suggestions, or business collaborations? Reach out directly to our engineering team.</p> 338 </section> 339 340 <div class="contact-grid"> 341 <div class="contact-card"> 342 <h2>Send Us a Message</h2> 343 <p style="margin-bottom:1.5rem; font-size:0.95rem; opacity:0.85;">Fill out the form below or email us directly. We respond to all technical inquiries and tool feedback within 24 to 48 business hours.</p> 344 345 <form id="contactForm" action="mailto:[email protected]" method="post" enctype="text/plain"> 346 <div class="form-group"> 347 <label for="name">Your Name</label> 348 <input type="text" id="name" name="name" class="form-control" placeholder="Jane Doe" required> 349 </div> 350 351 <div class="form-group"> 352 <label for="email">Email Address</label> 353 <input type="email" id="email" name="email" class="form-control" placeholder="[email protected]" required> 354 </div> 355 356 <div class="form-group"> 357 <label for="subject">Inquiry Subject</label> 358 <input type="text" id="subject" name="subject" class="form-control" placeholder="Bug report / Tool feedback / Question" required> 359 </div> 360 361 <div class="form-group"> 362 <label for="message">Message</label> 363 <textarea id="message" name="message" class="form-control" rows="5" placeholder="Describe your inquiry or question in detail..." required></textarea> 364 </div> 365 366 <button type="submit" class="btn-submit"> 367 <i class="fas fa-paper-plane"></i> Send Message 368 </button> 369 </form> 370 </div> 371 372 <div class="info-card"> 373 <h3>Direct Contact Channels</h3> 374 375 <div class="info-item"> 376 <div class="info-icon"><i class="fas fa-envelope"></i></div> 377 <div class="info-text"> 378 <h4>Official Email</h4> 379 <p><a href="mailto:[email protected]">[email protected]</a></p> 380 </div> 381 </div> 382 383 <div class="info-item"> 384 <div class="info-icon"><i class="fas fa-user-check"></i></div> 385 <div class="info-text"> 386 <h4>Lead Developer</h4> 387 <p>Sudarshan Babar</p> 388 </div> 389 </div> 390 391 <div class="info-item"> 392 <div class="info-icon"><i class="fas fa-clock"></i></div> 393 <div class="info-text"> 394 <h4>Response Time</h4> 395 <p>Typically within 24â48 hours</p> 396 </div> 397 </div> 398 399 <div class="info-item"> 400 <div class="info-icon"><i class="fas fa-shield-alt"></i></div> 401 <div class="info-text"> 402 <h4>Privacy Assurance</h4> 403 <p>Your email address is only used to respond to your inquiry. We never share or sell contact information.</p> 404 </div> 405 </div> 406 407 <h3 style="margin-top:2rem;">Connect Across the Web</h3> 408 <div class="social-row"> 409 <a href="https://www.youtube.com/channel/UCPVXwBqyCnZ6WTi9qf3UgKw" target="_blank" rel="noopener" class="social-btn"><i class="fab fa-youtube" style="color:#f00;"></i> YouTube</a> 410 <a href="https://www.linkedin.com/company/getinfotoyou" target="_blank" rel="noopener" class="social-btn"><i class="fab fa-linkedin" style="color:#0077b5;"></i> LinkedIn</a> 411 <a href="https://x.com/getinfotoyou" target="_blank" rel="noopener" class="social-btn"><i class="fab fa-twitter" style="color:#1da1f2;"></i> Twitter / X</a> 412 <a href="https://www.facebook.com/officialgetinfotoyou" target="_blank" rel="noopener" class="social-btn"><i class="fab fa-facebook" style="color:#1877f2;"></i> Facebook</a> 413 <a href="https://www.instagram.com/getinfotoyou" target="_blank" rel="noopener" class="social-btn"><i class="fab fa-instagram" style="color:#e4405f;"></i> Instagram</a> 414 </div> 415 </div> 416 </div> 417 418 <div class="faq-block"> 419 <h2>Frequently Asked Support Questions</h2> 420 <div class="faq-question-item"> 421 <h4>Are all tools on getinfotoyou really free?</h4> 422 <p>Yes, 100% free. We never charge subscription fees or require user account registration for any of our core browser tools.</p> 423 </div> 424 <div class="faq-question-item"> 425 <h4>Does getinfotoyou store or upload my files?</h4> 426 <p>No. All tools (including ImageSlim, PhotoConvert, PDF tools, and JSON validators) run client-side in your browser using local JavaScript and WebAssembly. Your files are never uploaded to any remote server.</p> 427 </div> 428 <div class="faq-question-item"> 429 <h4>Can I suggest a new calculator or converter tool?</h4> 430 <p>Absolutely! Send your suggestions via the form above or email us at [email protected] with your use case.</p> 431 </div> 432 </div> 433 </main> 434 435 <div class="theme-toggle" id="theme-toggle" title="Toggle Light/Dark Theme"> 436 <i class="fas fa-moon"></i> 437 </div> 438 439 <footer> 440 <div class="container"> 441 <div class="footer-grid"> 442 <div class="footer-col"> 443 <h5>getinfotoyou</h5> 444 <p>Developer utilities, open educational guides, and technology publications designed for speed, privacy, and utility.</p> 445 </div> 446 <div class="footer-col"> 447 <h5>Quick Links</h5> 448 <ul> 449 <li><a href="/">Home</a></li> 450 <li><a href="/about.html">About Us</a></li> 451 <li><a href="/guides/">Engineering Guides</a></li> 452 <li><a href="/contact.html">Contact Us</a></li> 453 <li><a href="https://tech.getinfotoyou.com" target="_blank" rel="noopener">Tech Portal</a></li> 454 </ul> 455 </div> 456 <div class="footer-col"> 457 <h5>Legal</h5> 458 <ul> 459 <li><a href="/privacy.html">Privacy Policy</a></li> 460 <li><a href="/terms.html">Terms of Service</a></li> 461 <li><a href="/sitemap.xml">XML Sitemap</a></li> 462 </ul> 463 </div> 464 </div> 465 <div class="footer-bottom"> 466 <p>© <span id="year"></span> getinfotoyou. All Rights Reserved. Founded by Sudarshan Babar.</p> 467 </div> 468 </div> 469 </footer> 470 471
471<script> 472 document.getElementById('year').textContent = new Date().getFullYear(); 473 const themeToggle = document.getElementById('theme-toggle'); 474 if (localStorage.getItem('theme') === 'dark') { 475 document.body.classList.add('dark-mode'); 476 themeToggle.querySelector('i').classList.replace('fa-moon', 'fa-sun'); 477 } 478 themeToggle.addEventListener('click', () => { 479 document.body.classList.toggle('dark-mode'); 480 const isDark = document.body.classList.contains('dark-mode'); 481 localStorage.setItem('theme', isDark ? 'dark' : 'light'); 482 themeToggle.querySelector('i').classList.replace(isDark ? 'fa-moon' : 'fa-sun', isDark ? 'fa-sun' : 'fa-moon'); 483 }); 484 </script>
484 485</body> 486</html>
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.