<!DOCTYPE html><html lang="en" class="h-full overflow-x-hidden"> <head><meta charset="UTF-8"><meta name="description" content="Experience the tension of a nuclear countdown simulation. Test your nerve and decision-making under pressure with our nuclear bomb defusal timer."><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.16.18"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"><title>Nuclear Bomb Timer | StopWatch.now</title><link rel="stylesheet" href="/_astro/about.BVqumFi8.css"><script type="module" src="/_astro/hoisted.9F-JwY1m.js"></script><!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.stopwatch.now/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '374']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head> <body class="h-full flex flex-col bg-white overflow-x-hidden"> <header class="border-b border-gray-100"> <nav class="container mx-auto px-4 py-4"> <div class="flex items-center justify-between"> <div class="flex items-center space-x-4"> <svg class="w-8 h-8 text-primary-600" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12 12-5.383 12-12S22.617 4 16 4zm0 21.333c-5.155 0-9.333-4.178-9.333-9.333 0-5.155 4.178-9.333 9.333-9.333 5.155 0 9.333 4.178 9.333 9.333 0 5.155-4.178 9.333-9.333 9.333z" fill="currentColor"></path> <path d="M16 8v1.333a1.333 1.333 0 102.667 0V8A1.333 1.333 0 0016 8zm6.667 6.667H24a1.333 1.333 0 000-2.667h-1.333a1.333 1.333 0 000 2.667zM16 22.667a1.333 1.333 0 001.333 1.333h.001a1.333 1.333 0 000-2.667H16v1.334zm-6.667-8h-1.333a1.333 1.333 0 000 2.667H9.333a1.333 1.333 0 000-2.667z" fill="currentColor"></path> <path d="M16 10.667v5.883l4.107 4.107a1.333 1.333 0 101.886-1.886l-4.667-4.667A1.333 1.333 0 0016 13.333v-2.666a1.333 1.333 0 00-2.667 0v2.666a1.333 1.333 0 00.391.943l4.667 4.667a1.333 1.333 0 001.886-1.886L16 13.333v-2.666a1.333 1.333 0 10-2.667 0v5.883l-4.107 4.107a1.333 1.333 0 101.886 1.886l4.667-4.667a1.333 1.333 0 00.391-.943v-5.883a1.333 1.333 0 10-2.667 0z" fill="currentColor"></path> </svg> <a href="/" class="text-xl font-bold text-gray-900 hover:text-primary-600 transition-colors">StopWatch.now</a> <button id="bookmarkBtn" class="flex items-center space-x-1 px-3 py-1 text-sm text-primary-600 hover:text-primary-700 border border-primary-600 hover:border-primary-700 rounded-lg transition-colors"> <svg class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor"> <path d="M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z"></path> </svg> <span>Bookmark</span> </button> </div> <div class="hidden md:flex items-center space-x-8"> <a href="/online-timer" class="text-sm text-gray-600 hover:text-primary-600 transition-colors">Online Timer</a> <a href="/pomodoro-timer" class="text-sm text-gray-600 hover:text-primary-600 transition-colors">Pomodoro</a> <a href="/race-timer" class="text-sm text-gray-600 hover:text-primary-600 transition-colors">Race</a> <a href="/egg-timer" class="text-sm text-gray-600 hover:text-primary-600 transition-colors">Egg Timer</a> <div class="relative group"> <button class="text-sm text-gray-600 hover:text-primary-600 transition-colors flex items-center">
More
<svg class="w-4 h-4 ml-1" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="absolute left-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 ease-in-out"> <div class="py-2"> <a href="/classroom-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Classroom Timer</a> <a href="/holiday-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Holiday Timer</a> <a href="/exam-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Exam Timer</a> <a href="/sensory-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Sensory Timer</a> <a href="/speed-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Speed Timer</a> <a href="/presentation-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Presentation Timer</a> <a href="/bomb-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Bomb Timer</a> <a href="/nuclear-bomb-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Nuclear Bomb Timer</a> <a href="/count-up-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Count Up Timer</a> <a href="/interval-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Interval Timer</a> <a href="/split-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Split Timer</a> <a href="/clock-countdown-timer" class="block px-4 py-2 text-sm text-gray-600 hover:bg-gray-50">Clock Countdown</a> </div> </div> </div> </div> <button class="md:hidden p-2 hover:bg-gray-50 rounded-lg transition-colors" id="menuButton" aria-label="Toggle menu"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <div class="hidden md:hidden" id="mobileMenu"> <div class="py-4 space-y-2"> <a href="/online-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Online Timer</a> <a href="/pomodoro-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Pomodoro Timer</a> <a href="/race-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Race Timer</a> <a href="/egg-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Egg Timer</a> <a href="/classroom-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Classroom Timer</a> <a href="/holiday-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Holiday Timer</a> <a href="/exam-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Exam Timer</a> <a href="/sensory-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Sensory Timer</a> <a href="/speed-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Speed Timer</a> <a href="/presentation-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Presentation Timer</a> <a href="/bomb-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Bomb Timer</a> <a href="/nuclear-bomb-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Nuclear Bomb Timer</a> <a href="/count-up-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Count Up Timer</a> <a href="/interval-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Interval Timer</a> <a href="/split-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Split Timer</a> <a href="/clock-countdown-timer" class="block px-4 py-2 text-gray-600 hover:bg-gray-50 rounded-lg">Clock Countdown</a> </div> </div> </nav> </header> <main class="flex-grow"> <div class="bg-gradient-to-b from-gray-50 to-white"> <div class="container mx-auto px-4 py-16 md:py-24"> <div class="text-center max-w-4xl mx-auto mb-16"> <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
Nuclear
<span class="text-primary-600">Bomb Timer</span> </h1> <p class="text-xl text-gray-600">
Experience the intensity of a nuclear countdown simulation. Test your decision-making skills under extreme pressure.
</p> </div> <div class="max-w-4xl mx-auto bg-white rounded-2xl shadow-xl p-8 mb-16"> <div class="bomb-timer"> <div class="text-center mb-8"> <h2 class="text-2xl font-bold text-gray-900 mb-4">Bomb Timer</h2> <p class="text-gray-600">Defuse the bomb before time runs out!</p> </div> <div class="bg-gray-900 rounded-xl p-4 sm:p-8 mb-8"> <div class="flex flex-col items-center justify-center"> <!-- Timer Display --> <div class="display text-5xl sm:text-7xl md:text-8xl font-mono font-bold text-center text-red-500 tabular-nums animate-pulse" id="display">
07:00
</div> <div class="text-2xl sm:text-3xl font-mono font-bold text-red-400 tabular-nums mt-2" id="milliseconds">
000
</div> <div class="text-lg sm:text-xl font-medium text-red-400 mt-4" id="statusDisplay">
READY
</div> </div> </div> <div class="controls flex flex-col items-center space-y-6"> <!-- Defuse Panel --> <div class="w-full max-w-md bg-gray-800 rounded-lg p-6"> <div class="grid grid-cols-3 gap-4 mb-6"> <button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button><button class="wire-btn w-full aspect-square bg-gray-700 rounded-lg transition-all duration-200 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800 relative overflow-hidden"> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-full h-2 bg-current transform scale-x-90"></div> </div> </button> </div> <div class="flex justify-center gap-4"> <button id="startStop" class="px-6 py-3 bg-red-600 text-white rounded-lg font-medium hover:bg-red-700 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:ring-offset-gray-800">
ARM
</button> <button id="reset" class="px-6 py-3 bg-gray-600 text-white rounded-lg font-medium hover:bg-gray-700 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-gray-800">
RESET
</button> </div> </div> </div> <div class="w-full max-w-md"> <div class="bg-white p-3 sm:p-4 rounded-lg shadow-sm mb-4"> <h3 class="text-lg font-medium text-gray-900 mb-4">Difficulty</h3> <div class="grid grid-cols-3 gap-3"> <button id="easyMode" class="px-4 py-2 bg-green-100 text-green-700 rounded-lg font-medium hover:bg-green-200 transition-colors focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 difficulty-btn selected">
Easy
</button> <button id="mediumMode" class="px-4 py-2 bg-yellow-100 text-yellow-700 rounded-lg font-medium hover:bg-yellow-200 transition-colors focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 difficulty-btn">
Medium
</button> <button id="hardMode" class="px-4 py-2 bg-red-100 text-red-700 rounded-lg font-medium hover:bg-red-200 transition-colors focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 difficulty-btn">
Hard
</button> </div> <div class="mt-4 text-sm text-gray-600" id="difficultyDescription">
Easy Mode: 3 wires, 7 minutes, 1.2x speed penalty for mistakes
</div> </div> <div class="bg-white rounded-lg shadow-sm p-4"> <h3 class="text-lg font-medium text-gray-900 mb-4">Timer Settings</h3> <div class="grid grid-cols-2 gap-4"> <div> <label for="minutes" class="block text-sm font-medium text-gray-700 mb-1">Minutes</label> <input type="number" id="minutes" min="0" max="59" value="7" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500"> </div> <div> <label for="seconds" class="block text-sm font-medium text-gray-700 mb-1">Seconds</label> <input type="number" id="seconds" min="0" max="59" value="0" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500"> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm p-4 mt-4"> <div class="flex flex-col space-y-3"> <label class="flex items-center space-x-3"> <input type="checkbox" id="tickingSound" class="h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300 rounded" checked> <span class="text-sm font-medium text-gray-700">Enable ticking sound</span> </label> <label class="flex items-center space-x-3"> <input type="checkbox" id="explosionSound" class="h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300 rounded" checked> <span class="text-sm font-medium text-gray-700">Enable explosion sound</span> </label> </div> </div> </div> </div> </div> <div class="max-w-4xl mx-auto"> <div class="grid md:grid-cols-2 gap-8"> <div> <div class="bg-white rounded-xl shadow-md p-8"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Nuclear Bomb History and Impact</h2> <div class="prose prose-lg"> <p class="text-gray-600">
The concept of a nuclear countdown timer emerged during the Cold War era, when the world lived under the shadow of potential nuclear conflict. The most notable historical example was the Cuban Missile Crisis of 1962, where the world stood on the brink of nuclear war for 13 tense days.
</p> <p class="text-gray-600 mt-4">
The nuclear countdown scenario has become deeply embedded in our collective consciousness, featured in numerous films, literature, and simulations. It serves as a powerful reminder of the importance of level-headed decision-making under extreme pressure.
</p> <p class="text-gray-600 mt-4">
Modern nuclear security protocols involve multiple safeguards and verification systems, ensuring that no single person or malfunction can trigger a nuclear event. This simulation draws inspiration from these real-world safety measures.
</p> </div> </div> <div class="bg-white rounded-xl shadow-md p-8 mt-8"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Simulation Benefits</h2> <div class="space-y-6"> <div> <h3 class="text-lg font-semibold text-gray-900 mb-2">Educational Value</h3> <ul class="space-y-4 text-gray-600"> <li>• Advanced crisis management training</li> <li>• Critical decision-making under pressure</li> <li>• Complex procedure execution</li> <li>• Team coordination exercises</li> <li>• Strategic problem-solving scenarios</li> </ul> </div> <div> <h3 class="text-lg font-semibold text-gray-900 mb-2">Skill Development</h3> <ul class="space-y-4 text-gray-600"> <li>• Quick analytical thinking</li> <li>• Stress management techniques</li> <li>• Sequential task execution</li> <li>• Time management under pressure</li> <li>• Multi-step problem resolution</li> </ul> </div> </div> </div> </div> <div> <div class="bg-white rounded-xl shadow-md p-8"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Nuclear Bomb Timer Features</h2> <div class="space-y-6"> <div> <h3 class="text-lg font-semibold text-gray-900 mb-2">Advanced Simulation Elements</h3> <ul class="text-gray-600 space-y-2"> <li>• Multiple difficulty scenarios</li> <li>• Dynamic time pressure elements</li> <li>• Progressive complexity levels</li> <li>• Real-time feedback systems</li> <li>• Multi-stage defusal sequences</li> </ul> </div> <div> <h3 class="text-lg font-semibold text-gray-900 mb-2">Safety Systems</h3> <ul class="text-gray-600 space-y-2"> <li>• Emergency pause functionality</li> <li>• Clear status indicators</li> <li>• Visual warning systems</li> <li>• Audio alert mechanisms</li> <li>• Fail-safe protocols</li> </ul> </div> <div class="mt-6 p-4 bg-yellow-50 border border-yellow-200 rounded-lg"> <h3 class="text-lg font-semibold text-yellow-800 mb-2">Important Notice</h3> <p class="text-yellow-800">
This is a simulated experience designed for educational and entertainment purposes only. It promotes problem-solving and decision-making skills in a controlled, safe environment. No real nuclear materials or hazards are involved.
</p> </div> </div> </div> <div class="bg-white rounded-xl shadow-md p-8 mt-8"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Timer Scenarios</h2> <div class="space-y-6"> <div> <h3 class="text-lg font-semibold text-gray-900 mb-2">Difficulty Levels</h3> <div class="space-y-4"> <div class="p-4 border border-green-200 rounded-lg bg-green-50"> <h4 class="font-medium text-green-800">Training Level</h4> <p class="text-green-700 text-sm">Basic sequence with extended time</p> </div> <div class="p-4 border border-yellow-200 rounded-lg bg-yellow-50"> <h4 class="font-medium text-yellow-800">Standard Protocol</h4> <p class="text-yellow-700 text-sm">Complex sequence with moderate time</p> </div> <div class="p-4 border border-red-200 rounded-lg bg-red-50"> <h4 class="font-medium text-red-800">Critical Situation</h4> <p class="text-red-700 text-sm">Advanced sequence with minimal time</p> </div> </div> </div> <div class="mt-6"> <h3 class="text-lg font-semibold text-gray-900 mb-4">Related Simulations</h3> <div class="space-y-3"> <a href="/bomb-timer" class="block p-4 rounded-lg border border-gray-200 hover:border-primary-500 hover:bg-gray-50 transition-colors"> <h4 class="font-semibold text-gray-900">Classic Bomb Timer</h4> <p class="text-gray-600 text-sm">Traditional defusal experience</p> </a> <a href="/exam-timer" class="block p-4 rounded-lg border border-gray-200 hover:border-primary-500 hover:bg-gray-50 transition-colors"> <h4 class="font-semibold text-gray-900">Exam Timer</h4> <p class="text-gray-600 text-sm">High-pressure testing scenarios</p> </a> <a href="/split-timer" class="block p-4 rounded-lg border border-gray-200 hover:border-primary-500 hover:bg-gray-50 transition-colors"> <h4 class="font-semibold text-gray-900">Split Timer</h4> <p class="text-gray-600 text-sm">Precise interval timing</p> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="bg-gray-50 border-t border-gray-100"> <div class="container mx-auto px-4 py-12"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div> <div class="flex items-center space-x-2 mb-4"> <svg class="w-8 h-8 text-primary-600" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12 12-5.383 12-12S22.617 4 16 4zm0 21.333c-5.155 0-9.333-4.178-9.333-9.333 0-5.155 4.178-9.333 9.333-9.333 5.155 0 9.333 4.178 9.333 9.333 0 5.155-4.178 9.333-9.333 9.333z" fill="currentColor"></path> <path d="M16 8v1.333a1.333 1.333 0 102.667 0V8A1.333 1.333 0 0016 8zm6.667 6.667H24a1.333 1.333 0 000-2.667h-1.333a1.333 1.333 0 000 2.667zM16 22.667a1.333 1.333 0 001.333 1.333h.001a1.333 1.333 0 000-2.667H16v1.334zm-6.667-8h-1.333a1.333 1.333 0 000 2.667H9.333a1.333 1.333 0 000-2.667z" fill="currentColor"></path> <path d="M16 10.667v5.883l4.107 4.107a1.333 1.333 0 101.886-1.886l-4.667-4.667A1.333 1.333 0 0016 13.333v-2.666a1.333 1.333 0 00-2.667 0v2.666a1.333 1.333 0 00.391.943l4.667 4.667a1.333 1.333 0 001.886-1.886L16 13.333v-2.666a1.333 1.333 0 10-2.667 0v5.883l-4.107 4.107a1.333 1.333 0 101.886 1.886l4.667-4.667a1.333 1.333 0 00.391-.943v-5.883a1.333 1.333 0 10-2.667 0z" fill="currentColor"></path> </svg> <span class="text-xl font-bold text-gray-900">StopWatch.now</span> </div> <p class="text-gray-600">Your trusted source for precise timing solutions.</p> </div> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase mb-4">Product</h3> <ul class="space-y-3"> <li><a href="/online-timer" class="text-gray-600 hover:text-primary-600 transition-colors">Online Timer</a></li> <li><a href="/pomodoro-timer" class="text-gray-600 hover:text-primary-600 transition-colors">Pomodoro Timer</a></li> <li><a href="/race-timer" class="text-gray-600 hover:text-primary-600 transition-colors">Race Timer</a></li> <li><a href="/egg-timer" class="text-gray-600 hover:text-primary-600 transition-colors">Egg Timer</a></li> </ul> </div> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase mb-4">Company</h3> <ul class="space-y-3"> <li><a href="/about" class="text-gray-600 hover:text-primary-600 transition-colors">About</a></li> <li><a href="/contact" class="text-gray-600 hover:text-primary-600 transition-colors">Contact</a></li> <li><a href="/faq" class="text-gray-600 hover:text-primary-600 transition-colors">FAQ</a></li> </ul> </div> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase mb-4">Legal</h3> <ul class="space-y-3"> <li><a href="/terms" class="text-gray-600 hover:text-primary-600 transition-colors">Terms of Service</a></li> <li><a href="/privacy" class="text-gray-600 hover:text-primary-600 transition-colors">Privacy Policy</a></li> </ul> </div> </div> <div class="mt-12 pt-8 border-t border-gray-200"> <p class="text-gray-600 text-center">© 2025 StopWatch.now. All rights reserved.</p> </div> </div> </footer> </body></html>