PageSourceSearch

https://coolconversion.com/includes/contact/

html coolconversion.com collected 2026-10-03 19:38:11 UTC 14,317 bytes, 334 lines download raw bytes

1<!doctype html>
2<html lang="en" data-theme="light">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<meta name="color-scheme" content="light dark">
7
8<!-- Favicons -->
9<link rel="icon" type="image/png" sizes="32x32" href="https://coolconversion.com/images/app-icons/32x32.png?v=5.76">
10<link rel="icon" type="image/png" sizes="192x192" href="https://coolconversion.com/images/app-icons/192x192.png?v=5.76">
11<link rel="apple-touch-icon" sizes="180x180" href="https://coolconversion.com/images/app-icons/180x180.png?v=5.76">
12
13<!-- PWA -->
14<link rel="manifest" href="https://coolconversion.com/manifest.json">
15<meta name="theme-color" content="#1976d2" media="(prefers-color-scheme: light)">
16<meta name="theme-color" content="#1f2a1f" media="(prefers-color-scheme: dark)">
17
18<!-- Verification -->
19<meta name="google-site-verification" content="7qS2XYI_E7_860WsyeiJsGWFNDRVQWI1uRJQ4AF_1cg">
20
21<!-- Global JavaScript -->
22<script>
23    window.ROOT_URL = 'https://coolconversion.com';
24</script>
24
25
26
27<!-- Stylesheets -->
28<link rel="preload" href="https://coolconversion.com/css/styles.min.css?v=7.17" as="style">
29<link rel="stylesheet" href="https://coolconversion.com/css/styles.min.css?v=7.17">
30
31<!-- Ad slot sizing (anti-CLS) -->
32<style>
33#ad-1,#ad-2,#ad-3{text-align:center!important;min-width:250px!important;}
34#ad-2{height: 280px;}
35@media (min-width: 600px) {
36#ad-2{height: 600px;}
37}
38</style>
39
40<!-- Core Scripts -->
41<link rel="preload" href="https://coolconversion.com/includes/main.min.js?v=7.17" as="script">
42<script defer src="https://coolconversion.com/includes/main.min.js?v=7.17"></script>
42
43<link rel="preload" href="https://coolconversion.com/includes/footer.min.js?v=7.17" as="script">
44
45<script>
46if ('serviceWorker' in navigator) {
47  navigator.serviceWorker.getRegistrations().then(function(regs) {
48    for (let r of regs) r.unregister();
49  });
50}
51</script>
51
52
53<!-- Analytics — custom lazy loader desativado em 19/abr/2026 (usando tag padrão do Google abaixo) -->
54
55<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 55-56
55
56<script async src="https://www.googletagmanager.com/gtag/js?id=
56G-VK99TPR0KG
vendor: 12 bytes, line 56
56"></script>
57<script>
58  
vendor: 133 bytes, lines 58-61
58window.dataLayer = window.dataLayer || [];
59  function gtag(){dataLayer.push(arguments);}
60  gtag('js', new Date());
61  gtag('config', '
61G-VK99TPR0KG
vendor: 4 bytes, line 61
61');
62</script>
62
63
64<!-- Ad Networks (preconnect) -->
65<!-- 
66<link rel="preconnect" href="https://securepubads.g.doubleclick.net">
67<link rel="preconnect" href="https://c.amazon-adsystem.com">
68<link rel="preconnect" href="https://static.criteo.net"> 
69-->
70
71<link rel="preconnect" href="https://securepubads.g.doubleclick.net">
72<script async src="https://cdn.fuseplatform.net/publift/tags/2/3438/fuse.js"></script>
72
73
74
75<meta name="keywords" content="Contact form">
76<meta name="description" content="Contact us - CoolConversion support, suggestions, and inquiries">
77<title>Contact Us - CoolConversion</title>
78
79<!-- Cloudflare Turnstile -->
80<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
80
81
82</head>
83
84<body>
85<div id="wrapper">
86    
87
88<div id="left-bar">
89    <div id="home_vrec_lhs">
90        <!-- GAM 71161633/PRCNTOFF_coolconversion/home_vrec_lhs -->
91                
91<script>if (window.matchMedia('(min-width: 1440px)').matches) document.write('<div data-fuse="home_vrec_lhs"></div>');</script>
91
92    </div>
93</div>
94
95<div id="right-bar">
96    <div id="home_vrec_rhs">
97        <!-- GAM 71161633/PRCNTOFF_coolconversion/home_vrec_rhs -->
98                
98<script>if (window.matchMedia('(min-width: 1440px)').matches) document.write('<div data-fuse="home_vrec_rhs"></div>');</script>
98
99    </div>
100</div>
101
102<header id="header">
103
104    <div class="header-left">
105        <a href="https://coolconversion.com" class="header-logo"><img src="https://coolconversion.com/images/app-icons/logo.svg" alt="CoolConversion Logo" width="40" height="40"><span class="logo">CoolConversion</span></a>
106    </div>
107
108    <!-- Site Search (CSS lazy-loaded on interaction) -->
109    <div id="site-search" class="site-search">
110        <div class="search-input-wrapper">
111            <svg class="search-icon-svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
112                <circle cx="11" cy="11" r="8"></circle>
113                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
114            </svg>
115            <input type="text"
116                id="search-input"
117                class="search-input"
118                placeholder="Search calculators..."
119                autocomplete="off"
120                role="combobox"
121                aria-label="Search calculators and converters"
122                aria-haspopup="listbox"
123                aria-expanded="false"
124                aria-controls="search-dropdown">
125        </div>
126        <div id="search-dropdown" class="search-dropdown" role="listbox" aria-label="Search results" style="display:none"></div>
127    </div>
128
129    <button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme" title="Toggle between light and dark theme">
130        <img src="https://coolconversion.com/images/svg/sun.svg" class="theme-icon theme-icon-light" width="32" height="26" alt="">
131        <img src="https://coolconversion.com/images/svg/moon.svg" class="theme-icon theme-icon-dark" width="32" height="26" alt="">
132    </button>
133
134    <a href="https://coolconversion.com/site-map" id="nav-button" class="nav-button" aria-label="Open navigation menu">
135        <span class="nav-icon"></span>
136    </a>
137
138</header>
139
140
141<!-- Navigation Menu Overlay (outside header for proper z-index stacking) -->
142<div class="nav">
143    <div class="nav-wrapper">
144        <nav>
145            <div><span><a href="https://coolconversion.com/site-map">Site Map</a></span></div>
146            <div id="menu-container" data-menu-loaded="false">
147                            </div>
148        </nav>
149    </div>
150</div>
151    
152
153
154
155    <div id="content" role="main">
156
157        <nav aria-label="Breadcrumb" class="breadcrumb">
158            <a href="https://coolconversion.com/">Home</a> ›
159            <span aria-current="page">Contact Us</span>
160        </nav>
161
162        <main>
163            <article>
164
165<div class="blockcontainer block0">
166    <h1>Contact Us</h1>
167
168    <p>We'd love to hear from you! Whether you have suggestions, questions, found a bug, or just want to say hello, please use the form below to get in touch.</p>
169
170</div>
171
172<div class="blockcontainer">
173    <div class="calculator">
174        <form name="contact_form" method="POST" action="/includes/contact/index.php" id="contactForm">
175            <h3 class="calcHeader">Contact Form</h3>
176
177            
178            
179            <input type="hidden" name="csrf_token" value="a727c884290775254073754c393371f89e504aa17aa2b7e7a7b92267d20d8702">
180
181                <label for='name'>Your name: <span style="color: #D32F2F;">*</span></label>
182                <input type="text"
183                       id="name"
184                       name="name"
185                       value=''
186                       required
187                       autocomplete="name">
188                <br>
189
190                <label for='email'>Your e-mail: <span style="color: #D32F2F;">*</span></label>
191                <input type="email"
192                       id="email"
193                       name="email"
194                       value=''
195                       required
196                       autocomplete="email">
197                <br>
198
199                <label for='message'>Please, type your message below: <span style="color: #D32F2F;">*</span></label>
200                <br>
201                <textarea style="width:99%; min-height: 120px; font-family: inherit;"
202                          id="message"
203                          name="message"
204                          required
205                          rows="5"></textarea>
206                <br>
207
208                <!-- Cloudflare Turnstile Widget -->
209                <div id="turnstile-widget"
210                     class="cf-turnstile"
211                     data-sitekey="0x4AAAAAACCXFaQi1KqHV43-"
212                     data-theme="light"
213                     data-size="normal"></div>
214                <br>
215
216                <small style="color: #757575; font-size: 0.85em;">
217                    <span class="accent-red">*</span> Required fields
218                    <br>
219                    This site is protected by Cloudflare Turnstile and the Cloudflare
220                    <a href="https://www.cloudflare.com/privacypolicy/" target="_blank" rel="noopener">Privacy Policy</a> and
221                    <a href="https://www.cloudflare.com/website-terms/" target="_blank" rel="noopener">Terms of Service</a> apply.
222                </small>
223                <br><br>
224
225                <button type="submit" name='submit' class='btn' id="submitBtn">
226                    <span id="btnText">Submit</span>
227                    <span id="btnSpinner" style="display:none;">Sending...</span>
228                </button>
229
230                <div style="margin-top: 20px; padding: 12px 15px; background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%); border-radius: 8px; border-left: 4px solid #1976D2;">
231                    <p style="margin: 0; font-size: 0.95em; color: #333;">
232                        📧 <strong>Alternative contact:</strong> You can also reach us directly at
233                        <a id="altEmail" href="#" style="color: #1976D2; font-weight: bold; text-decoration: underline;" onclick="return decodeEmail();">click to reveal email</a>
234                    </p>
235                </div>
236                
236<script>
237                function decodeEmail() {
238                    var u = 'coolconversion'; var d = 'gmail.com';
239                    var e = u + '@' + d;
240                    var a = document.getElementById('altEmail');
241                    a.href = 'mailto:' + e;
242                    a.textContent = e;
243                    a.onclick = null;
244                    return true;
245                }
246                </script>
246
247                <br>
248
249                <!-- Hidden field to track last visited page -->
250                                <input type="hidden" id="last_page" name="last_page" value="/">
251
252        </form>
253    </div>
254</div>
255
256<div class="blockcontainer block0">
257
258    <h2>What Can We Help You With?</h2>
259    <ul>
260        <li class="bullet"><strong>Suggestions</strong> - Ideas for new calculators or features</li>
261        <li class="bullet"><strong>Bug Reports</strong> - Found an error or issue? Let us know!</li>
262        <li class="bullet"><strong>Questions</strong> - Need help using our tools?</li>
263        <li class="bullet"><strong>General Feedback</strong> - Share your experience with us</li>
264        <li class="bullet"><strong>Business Inquiries</strong> - Partnership or collaboration opportunities</li>
265    </ul>
266</div>
267<script>
268// Reset Turnstile widget if there was an error
269
270// Cloudflare Turnstile - Form validation
271document.getElementById('contactForm').addEventListener('submit', function(e) {
272    const submitBtn = document.getElementById('submitBtn');
273    const btnText = document.getElementById('btnText');
274    const btnSpinner = document.getElementById('btnSpinner');
275
276    // Check if Turnstile response exists
277    const turnstileResponse = document.querySelector('[name="cf-turnstile-response"]');
278
279    if (!turnstileResponse || !turnstileResponse.value) {
280        e.preventDefault();
281        alert('Please complete the verification challenge.');
282        return false;
283    }
284
285    // Show loading state AFTER validation (don't prevent submit)
286    setTimeout(function() {
287        submitBtn.disabled = true;
288        btnText.style.display = 'none';
289        btnSpinner.style.display = 'inline';
290    }, 10);
291
292    // Form will submit normally
293    return true;
294});
295
296// Fix for clearOnFocus error (legacy function used in header/nav)
297function clearOnFocus(element) {
298    if (element.value === element.defaultValue) {
299        element.value = '';
300    }
301}
302
303// Redirect to thank you page if email was sent successfully
304</script>
304
305
306            </article>
307        </main>
308
309    </div> <!-- End #content -->
310
311    
312<footer id="footer">
313	<ul>
314		<li><small><a href="https://coolconversion.com/about" title="About us">About</a> | <a href="https://coolconversion.com/about/methodology/" title="How we ensure accuracy">Methodology</a> | <a href="https://coolconversion.com/includes/contact/" title="Contact us">Contact</a> | <a href="https://coolconversion.com/privacy" title="Privacy Policy">Privacy</a></small></li>
315		<li><small>Copyright &copy; 2014 - 2026 CoolConversion.com</small></li>
316	</ul>
317</footer>
318
319<script src="https://coolconversion.com/js/dom-utils.min.js?v=7.17" defer></script>
vendor: 1 bytes, line 319
319
320<script>
321	// Wrap initDeepLinking in DOMContentLoaded to ensure it runs after deferred scripts
322	document.addEventListener('DOMContentLoaded', function() {
323		if (typeof initDeepLinking === 'function') {
324			initDeepLinking();
325		}
326	});
327</script>
vendor: 1 bytes, line 327
327
328<script src="https://coolconversion.com/includes/footer.min.js?v=7.17" defer></script>
328
329
330</div> <!-- End #wrapper -->
331
332<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44e67dd4e0ca0b6',t:'MTc5MTA1NjI5MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
332<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"fcfef8425c474958afda9721dad90167","r":1,"spa":2}' crossorigin="anonymous"></script>
332
333</body>
334</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.