-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
320 lines (301 loc) · 17.2 KB
/
Copy pathindex.html
File metadata and controls
320 lines (301 loc) · 17.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="./favicon.ico"><link rel="apple-touch-icon" href="./apple-touch-icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ToolHero - Free Online Calculators & Tools</title>
<meta name="description" content="Free online calculators and tools to help you save money, plan better, and make smarter decisions. Pet costs, mortgage, savings, BMI and more.">
<meta name="keywords" content="free calculators, online tools, pet cost calculator, mortgage calculator, BMI calculator, savings calculator">
<meta property="og:title" content="ToolHero - Free Online Calculators & Tools">
<meta property="og:description" content="Free online calculators and tools to help you save money, plan better, and make smarter decisions.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="verification" content="8351e536efeb68a8b36cba73dbcd7ce3">
<meta name="p:domain_verify" content="c9a67254e0e7614f97031184292adeae"/>
<link rel="canonical" href="https://toolhero.cc">
<link rel="stylesheet" href="css/style.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "ToolHero",
"url": "https://toolhero.cc",
"description": "Free online calculators and tools to help you save money, plan better, and make smarter decisions.",
"potentialAction": {
"@type": "SearchAction",
"target": "https://toolhero.cc/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2853119909292198" crossorigin="anonymous"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YHHBHY14BJ"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag("js",new Date());gtag("config","G-YHHBHY14BJ");</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NW92XRTC');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NW92XRTC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<nav class="navbar">
<div class="container">
<a href="./" class="logo">
<span class="logo-icon">🦸</span>
<span class="logo-text">Tool<span class="highlight">Hero</span></span>
</a>
<ul class="nav-links">
<li><a href="./">Home</a></li>
<li><a href="#tools">Tools</a></li>
<li><a href="blog/">Blog</a></li>
<li><a href="#about">About</a></li>
</ul>
<button class="mobile-menu-btn" aria-label="Menu">☰</button>
</div>
</nav>
</header>
<main>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h1><span class="hero-brand">ToolHero</span> — Free Calculators <span class="hero-highlight">& Smart Tools</span></h1>
<p class="hero-subtitle">Your hero for saving money, planning smarter, and making better decisions. All tools free, no sign-up required.</p>
<div class="hero-search">
<input type="text" id="toolSearch" placeholder="Find a calculator — mortgage, pet cost, BMI..." aria-label="Search tools">
<button id="searchBtn">Find Tool</button>
</div>
<div class="hero-stats">
<div class="stat"><span class="stat-number">9</span> Free Tools</div>
<div class="stat"><span class="stat-number">100%</span> Free</div>
<div class="stat"><span class="stat-number">No</span> Sign-up Needed</div>
</div>
</div>
</section>
<!-- Tools Grid -->
<section id="tools" class="tools-section">
<div class="container">
<h2>Our Free Tools</h2>
<p class="section-desc">Choose a calculator below — all free, no sign-up required.</p>
<div class="tools-grid">
<!-- Tool 1: Pet Cost Calculator -->
<a href="tools/pet-cost-calculator.html" class="tool-card featured">
<div class="tool-icon">🐾</div>
<div class="tool-badge">🔥 Popular</div>
<h3>Pet Cost Calculator</h3>
<p>Calculate the true monthly and lifetime cost of owning a dog, cat, or any pet. Includes food, vet, grooming, and more.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 2: Mortgage Payoff Calculator -->
<a href="tools/mortgage-calculator.html" class="tool-card">
<div class="tool-icon">🏠</div>
<h3>Mortgage Payoff Calculator</h3>
<p>See how extra payments can save you thousands in interest and shave years off your mortgage. Free amortization schedule.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 3: BMI Calculator -->
<a href="tools/bmi-calculator.html" class="tool-card">
<div class="tool-icon">💪</div>
<h3>BMI Calculator</h3>
<p>Instantly calculate your Body Mass Index. Get personalized health insights and weight recommendations.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<a href="tools/calorie-calculator.html" class="tool-card">
<div class="tool-icon">🔥</div>
<div class="tool-badge new">🆕 New</div>
<h3>Calorie Calculator</h3>
<p>Calculate your daily calorie needs using the Mifflin-St Jeor formula. Get BMR, TDEE, and personalized weight loss or gain targets.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 4: Savings Goal Calculator -->
<a href="tools/savings-calculator.html" class="tool-card">
<div class="tool-icon">💰</div>
<h3>Savings Goal Calculator</h3>
<p>Plan your financial future. See exactly how long it will take to reach your savings goals with compound interest.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 5: Subscription Cost Calculator -->
<a href="tools/subscription-calculator.html" class="tool-card">
<div class="tool-icon">📊</div>
<div class="tool-badge new">🆕 New</div>
<h3>Subscription Cost Analyzer</h3>
<p>Discover how much you're really spending on subscriptions. Netflix, Spotify, Gym — add them all up.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 6: Tip Calculator -->
<a href="tools/tip-calculator.html" class="tool-card">
<div class="tool-icon">🍽️</div>
<h3>Tip & Split Calculator</h3>
<p>Calculate the perfect tip and split the bill among friends. Works for any country's tipping customs.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 7: Moving Cost Estimator -->
<a href="tools/moving-calculator.html" class="tool-card">
<div class="tool-icon">📦</div>
<h3>Moving Cost Estimator</h3>
<p>Plan your move budget. Get an estimate based on distance, home size, and moving services needed.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
<!-- Tool 8: Fuel Cost Calculator -->
<a href="tools/fuel-calculator.html" class="tool-card">
<div class="tool-icon">⛽</div>
<h3>Fuel Cost Calculator</h3>
<p>Calculate trip fuel costs, compare vehicle efficiency, and find ways to save at the pump.</p>
<span class="tool-cta">Calculate Now →</span>
</a>
</div>
</div>
</section>
<!-- How It Works -->
<section class="how-it-works">
<div class="container">
<h2>How It Works</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Pick a Tool</h3>
<p>Choose from our growing collection of free calculators</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Enter Your Numbers</h3>
<p>Quick, simple inputs — no complicated forms</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Get Instant Results</h3>
<p>See your results immediately with clear breakdowns</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Save & Share</h3>
<p>Bookmark your results or share with friends</p>
</div>
</div>
</div>
</section>
<!-- Blog Preview -->
<section class="blog-preview">
<div class="container">
<h2>Latest from Our Blog</h2>
<div class="blog-grid">
<article class="blog-card">
<div class="blog-img" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">🐾</div>
<div class="blog-content">
<span class="blog-category">Pets</span>
<h3><a href="blog/pet-cost-guide.html">The True Cost of Owning a Dog in 2026: Complete Breakdown</a></h3>
<p>We analyzed vet bills, food costs, insurance, and hidden expenses to give you the real numbers.</p>
<span class="blog-date">June 10, 2026</span>
</div>
</article>
<article class="blog-card">
<div class="blog-img" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">🏠</div>
<div class="blog-content">
<span class="blog-category">Finance</span>
<h3><a href="blog/mortgage-tips.html">5 Ways to Pay Off Your Mortgage 10 Years Early</a></h3>
<p>Smart strategies to save thousands in interest and own your home sooner. Use our calculator to see your savings.</p>
<span class="blog-date">June 5, 2026</span>
</div>
</article>
<article class="blog-card">
<div class="blog-img" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">💪</div>
<div class="blog-content">
<span class="blog-category">Health</span>
<h3><a href="blog/bmi-science.html">BMI: The 200-Year History, Science & What Your Number Means</a></h3>
<p>A mathematician invented it in the 1830s — not a doctor. 5 academic citations on what BMI actually tells you.</p>
<span class="blog-date">May 28, 2026</span>
</div>
</article>
</div>
<a href="blog/" class="btn-outline">View All Articles →</a>
</div>
</section>
<!-- About / Trust -->
<section id="about" class="about-section">
<div class="container">
<h2>Why Use Our Tools?</h2>
<div class="features-grid">
<div class="feature">
<span class="feature-icon">🔒</span>
<h3>100% Private</h3>
<p>No data collection. No tracking. No accounts. All calculations stay on your device — we never see your numbers.</p>
</div>
<div class="feature">
<span class="feature-icon">⚡</span>
<h3>Instant Results</h3>
<p>No loading screens, no waiting. Get your answers in real-time.</p>
</div>
<div class="feature">
<span class="feature-icon">📱</span>
<h3>Mobile Friendly</h3>
<p>Works perfectly on your phone, tablet, or desktop.</p>
</div>
<div class="feature">
<span class="feature-icon">🆓</span>
<h3>Always Free</h3>
<p>No paywalls, no premium tiers. All tools are completely free.</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="cta-section">
<div class="container">
<h2>Ready to Start Calculating?</h2>
<p>Pick any tool above and get started in seconds. No sign-up needed.</p>
<a href="#tools" class="btn-primary">Browse All Tools →</a>
</div>
</section>
<!-- Coming Soon + Contact -->
<section class="coming-soon">
<div class="container">
<h2>🚀 More Tools in Development</h2>
<p>We're building new calculators every month. Got ideas or found a bug? Let us know.</p>
<div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:20px;">
<a href="#" class="contact-cta-btn" onclick="event.preventDefault();openFeedbackModal();" style="background:#10b981;">🐛 Report Bug / Suggest Tool</a>
<a href="#" class="contact-cta-btn" onclick="event.preventDefault();openContactModal();">💼 Business & Partnerships</a>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h4>ToolHero</h4>
<p>Free online calculators to help you make smarter decisions about money, health, pets, and more.</p>
</div>
<div class="footer-col">
<h4>Tools</h4>
<ul>
<li><a href="tools/pet-cost-calculator.html">Pet Cost Calculator</a></li>
<li><a href="tools/mortgage-calculator.html">Mortgage Calculator</a></li>
<li><a href="tools/bmi-calculator.html">BMI Calculator</a></li>
<li><a href="tools/savings-calculator.html">Savings Calculator</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="blog/">Blog</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Use</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Disclaimer</h4>
<p class="disclaimer">Our calculators provide estimates for informational purposes only. They do not constitute financial, medical, or professional advice.</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 ToolHero. All rights reserved.</p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
<a href="dashboard.html" style="position:fixed;bottom:8px;right:12px;width:6px;height:6px;border-radius:50%;background:#cbd5e1;opacity:0.3;z-index:9999;" title="Dashboard"></a>
</body>
</html>