PageSourceSearch

https://getinfotoyou.com/contact.html

html getinfotoyou.com collected 2026-10-02 01:30:11 UTC 20,755 bytes, 486 lines download raw bytes

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 &rarr;</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>&copy; <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.