forked from cotes2020/jekyll-theme-chirpy
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathinterval-timer.html
More file actions
227 lines (219 loc) · 13.4 KB
/
Copy pathinterval-timer.html
File metadata and controls
227 lines (219 loc) · 13.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interval Timer ▸ HIIT & Tabata - Juxhin Bakalli Technologies</title>
<link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="../assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="../css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
.interval-hero {
background-image: url('../assets/hero-background.jpg');
}
</style>
</head>
<body>
<nav class="navbar">
<div class="container">
<a href="../index.html" class="nav-brand">Juxhin Bakalli Technologies</a>
<div class="nav-spacer"></div>
<ul class="nav-menu">
<li class="nav-item-with-dropdown">
<a href="../index.html#apps">Apps</a>
<div class="nav-dropdown">
<a href="../apps/interval-timer.html" class="dropdown-item">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/60/bc/57/60bc573a-fde3-c34f-df84-376f4d44abb1/AppIcon-0-1x_U007epad-0-1-85-220-0.png/246x0w.png" alt="Interval Timer" class="dropdown-icon">
<div class="dropdown-content">
<div class="dropdown-title">Interval Timer ▸ HIIT & Tabata</div>
<div class="dropdown-subtitle">Health & Fitness</div>
</div>
</a>
<a href="../apps/smoothly.html" class="dropdown-item">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/07/b6/55/07b65543-9181-f268-6a49-d466c98a1bd3/AppIcon-0-1x_U007epad-0-1-85-220-0.png/246x0w.png" alt="Smoothly" class="dropdown-icon">
<div class="dropdown-content">
<div class="dropdown-title">Smoothly - AI Smoothie Maker</div>
<div class="dropdown-subtitle">Food & Drink</div>
</div>
</a>
<a href="../apps/video-to-live.html" class="dropdown-item">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/3f/58/1e/3f581eb1-7115-a69b-37a7-0fb24112d95b/AppIcon-0-1x_U007epad-0-1-85-220-0.jpeg/246x0w.png" alt="Video to Live" class="dropdown-icon">
<div class="dropdown-content">
<div class="dropdown-title">Video to Live - Maker</div>
<div class="dropdown-subtitle">Photo & Video</div>
</div>
</a>
</div>
</li>
<li><a href="#privacy">Privacy</a></li>
<li><a href="https://www.apple.com/legal/internet-services/itunes/dev/stdeula/" target="_blank">Terms</a></li>
</ul>
<button class="mobile-menu-toggle" id="mobileMenuToggle">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<!-- Mobile Menu Overlay -->
<div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
<!-- Mobile Navigation Menu -->
<nav class="mobile-nav-menu" id="mobileNavMenu">
<div class="nav-brand-mobile">Interval Timer</div>
<ul>
<li><a href="../index.html#apps">Apps</a></li>
<li><a href="#privacy">Privacy</a></li>
<li><a href="https://www.apple.com/legal/internet-services/itunes/dev/stdeula/" target="_blank">Terms</a></li>
</ul>
</nav>
<section class="app-hero interval-hero">
<div class="container">
<div class="app-hero-content">
<div class="app-hero-grid">
<div class="iphone-mockup">
<div class="iphone-frame">
<div class="iphone-screen">
<div class="iphone-dynamic-island"></div>
<!-- Try to load video first, fallback to slideshow -->
<video class="app-video" autoplay muted loop playsinline poster="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/f4/db/a0/f4dba0b9-8d0c-9296-30d5-1811a60c2521/e433c0e6-5df5-4b7a-b16e-8ce98a2a0966_test_2_TimerWork.iPhone_6_7.png/392x0w.jpg">
<source src="../assets/interval-timer-preview.mp4" type="video/mp4">
<!-- Fallback to slideshow if video doesn't exist -->
</video>
<div class="app-slideshow" id="appSlideshow" style="display: none;">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/f4/db/a0/f4dba0b9-8d0c-9296-30d5-1811a60c2521/e433c0e6-5df5-4b7a-b16e-8ce98a2a0966_test_2_TimerWork.iPhone_6_7.png/392x0w.jpg" alt="Timer Work Screen" class="slide active">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/66/3d/f5/663df5e6-22f5-f1cb-016a-0bb2d07b317e/c2c6dac0-b08b-4096-8c40-1e68e991c37f_test_3_TimerRest.iPhone_6_7.png/392x0w.jpg" alt="Timer Rest Screen" class="slide">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/a1/a0/57/a1a057b1-7a8a-5dde-1e37-33af22c5cff2/ab2d3dfb-63fc-49c1-b3d8-7454e5bdc965_test_4_TimerRecovery.iPhone_6_7.png/392x0w.jpg" alt="Timer Recovery Screen" class="slide">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/46/9b/9a/469b9a60-7e86-ddbe-31bc-ade6b2fb12b3/0b19fa78-2065-41b0-a597-e52ddd56a4a2_test_5_TimerCreatorDarkMode.iPhone_6_7.png/392x0w.jpg" alt="Timer Creator Dark Mode" class="slide">
<div class="slide-indicators">
<div class="indicator active"></div>
<div class="indicator"></div>
<div class="indicator"></div>
<div class="indicator"></div>
</div>
</div>
</div>
</div>
</div>
<div class="app-info">
<div class="app-header-with-icon">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/60/bc/57/60bc573a-fde3-c34f-df84-376f4d44abb1/AppIcon-0-1x_U007epad-0-1-85-220-0.png/246x0w.png" alt="Interval Timer Icon" class="app-page-icon">
<h1>Interval Timer ▸ HIIT & Tabata</h1>
</div>
<p class="tagline">Elevate your workouts with the ultimate Interval Timer app</p>
<ul class="app-features">
<li>Customizable Intervals</li>
<li>Customizable Alerts</li>
<li>Repeating Sets</li>
<li>Countdown Timer</li>
<li>Support for HIIT, Tabata, Boxing, Running</li>
<li>Circuit Training & Yoga Modes</li>
</ul>
<a href="https://apps.apple.com/us/app/interval-timer-hiit-tabata/id6469007234" target="_blank" class="app-store-badge app-store-badge-large">
<img src="../assets/appstore-badge-white.svg" alt="Download on the App Store">
</a>
</div>
</div>
</div>
</div>
</section>
<section class="screenshots-section">
<div class="container">
<h2 class="section-title">Screenshots</h2>
<div class="screenshots-grid">
<div class="screenshot">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/f4/db/a0/f4dba0b9-8d0c-9296-30d5-1811a60c2521/e433c0e6-5df5-4b7a-b16e-8ce98a2a0966_test_2_TimerWork.iPhone_6_7.png/300x0w.jpg" alt="Timer Work Screen" loading="lazy">
</div>
<div class="screenshot">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/66/3d/f5/663df5e6-22f5-f1cb-016a-0bb2d07b317e/c2c6dac0-b08b-4096-8c40-1e68e991c37f_test_3_TimerRest.iPhone_6_7.png/300x0w.jpg" alt="Timer Rest Screen" loading="lazy">
</div>
<div class="screenshot">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple211/v4/a1/a0/57/a1a057b1-7a8a-5dde-1e37-33af22c5cff2/ab2d3dfb-63fc-49c1-b3d8-7454e5bdc965_test_4_TimerRecovery.iPhone_6_7.png/300x0w.jpg" alt="Timer Recovery Screen" loading="lazy">
</div>
<div class="screenshot">
<img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/46/9b/9a/469b9a60-7e86-ddbe-31bc-ade6b2fb12b3/0b19fa78-2065-41b0-a597-e52ddd56a4a2_test_5_TimerCreatorDarkMode.iPhone_6_7.png/300x0w.jpg" alt="Timer Creator Dark Mode" loading="lazy">
</div>
</div>
</div>
</section>
<section class="features-detail">
<div class="container">
<h2 class="section-title">Why Choose Interval Timer?</h2>
<div class="feature-grid">
<div class="feature-card">
<div class="feature-icon">⏱</div>
<h3>Precise Timing</h3>
<p>Accurate interval tracking with customizable work and rest periods for optimal training efficiency.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🎯</div>
<h3>Multiple Workout Types</h3>
<p>Perfect for HIIT, Tabata, Boxing, Running, Circuit Training, and Yoga sessions.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🔔</div>
<h3>Custom Alerts</h3>
<p>Audio and visual cues to keep you focused on your workout without watching the screen.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📊</div>
<h3>Progress Tracking</h3>
<p>Monitor your workout sessions and track improvements over time.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💪</div>
<h3>Repeating Sets</h3>
<p>Easily configure multiple rounds and sets for comprehensive training sessions.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🎨</div>
<h3>Clean Interface</h3>
<p>Intuitive design that's easy to use during intense workouts.</p>
</div>
</div>
</div>
</section>
<section class="about-section">
<div class="container">
<h2 class="section-title">Perfect for Every Fitness Level</h2>
<div class="about-content">
<p>Whether you're a beginner starting your fitness journey or a seasoned athlete pushing your limits, Interval Timer adapts to your needs. Create custom workouts, save your favorites, and transform your training with precision timing and motivating alerts.</p>
<br>
<p><strong>Free to download</strong> with all essential features included. Start your fitness transformation today!</p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<h3>Interval Timer</h3>
<p>Your Ultimate Workout Companion</p>
</div>
<div class="footer-links">
<h4>Support</h4>
<ul>
<li><a href="#privacy">Privacy Policy</a></li>
<li><a href="https://www.apple.com/legal/internet-services/itunes/dev/stdeula/" target="_blank">Terms of Use</a></li>
<li><a href="https://apps.apple.com/us/app/interval-timer-hiit-tabata/id6469007234" target="_blank">App Store</a></li>
</ul>
</div>
<div class="footer-contact">
<h4>Categories</h4>
<p>Health & Fitness</p>
<p>Free</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 Juxhin Bakalli Technologies. All rights reserved.</p>
</div>
</div>
</footer>
<script src="../js/main.js"></script>
</body>
</html>