-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
251 lines (242 loc) · 11.8 KB
/
index.html
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
---
layout: default
title: "TaskTackler: The Task App for the Detail-Oriented"
---
<div id="main" class="main tt-main">
<div class="tt-block tt-block--hero wow fadeIn"><!-- Hero Section-->
<div class="container container-xl">
<div class="tt-hero row">
<div class="col-md-6">
<h1>Meet TaskTackler</h1>
<p>The task app for people who love lists.</p>
<div class="tt-hero-cta">
<a href="https://mailchi.mp/tasktackler/tasktackler-wait-list-signup" class="tt-btn tt-btn--big tt-btn-todo tt-btn-todo--square" target="new"><span></span> Join the wait list</a>
</div>
</div>
<div class="col-md-6">
<div class="tt-hero-screen">
<img src="/assets/images/screenshot.png" class="tt-hero-screen-img" alt="Task Tackler App" />
</div>
</div>
</div>
</div>
</div><!-- Hero End -->
<a name="features"> </a>
<div class="tt-block tt-block--features wow fadeInDown"><!-- Features Section-->
<div class="container container-xl">
<div class="tt-block-header">
<div>
<img src="/assets/images/check.svg" alt="TaskTackler Checkmark" />
</div>
<div>
<h2>Key Features</h2>
<p>The best task management app for the detail-oriented. </p>
</div>
</div>
<div class="tt-features row">
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/bell.svg" alt="Dependent Tasks" />
</div>
<div class="tt-features-title">Dependent Tasks</div>
<div class="tt-features-text">Only see tasks you can do right now - even if you have complex dependencies.</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/refresh.svg" alt="Recurring Tasks" />
</div>
<div class="tt-features-title">Recurring Tasks</div>
<div class="tt-features-text">Set tasks to recur based on the last time you finished them. Choose to hide recurring tasks until they’re due again, or create infinitely recurring tasks like “Read for 30 minutes.”</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/light.svg" alt="Quick Capture" />
</div>
<div class="tt-features-title">Quick Capture</div>
<div class="tt-features-text">Text or type quick thoughts and sort them later, so you never forget.</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/filter.svg" alt="Routines" />
</div>
<div class="tt-features-title">Routines</div>
<div class="tt-features-text">Optimize the flow of starting your day, ending your day, weekly reviews, or your skincare routine.</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/guage.svg" alt="Dashboard" />
</div>
<div class="tt-features-title">Dashboard</div>
<div class="tt-features-text">Work on your top tasks from one place.</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="tt-features">
<div class="tt-features-icon">
<img src="/assets/images/icons/light/random.svg" alt="Random" />
</div>
<div class="tt-features-title">Random</div>
<div class="tt-features-text">Add some fun to your flow. A “random” button lets you select a random task from every list.</div>
</div>
</div>
</div>
</div>
</div><!-- Features End -->
<div class="tt-block tt-block--product wow fadeInDown"><!-- Product Section-->
<div class="container container-xl">
<div class="tt-block-header">
<div>
<img src="/assets/images/check.svg" alt="TaskTackler Checkmark" />
</div>
<div class="tt-block-header--trim">
<h2>Achieve maximum productivity</h2>
<p>TaskTackler works by capturing everything on your plate, and optimizing the flow for you to get the most done based on your priorities, tools at hand, and even your mood.</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
{% include
product.html
image="assets/images/themes.png"
title="Set your themes."
description="Capture tasks across every facet of your life - your career, your family, and your personal life."
cta_text=""
cta_url="#"
%}
</div>
<div class="col-12 col-md-6">
{% include
product.html
image="assets/images/target.png"
title="Set your targets."
description="What do you want to accomplish? Assign every task to a target, and TaskTackler will always serve you up the most important thing to work on."
cta_text=""
cta_url="#"
%}
</div>
<div class="col-12 col-md-6">
{% include
product.html
image="assets/images/temperaments.png"
title="Optimize your mood."
description="Indicate the best temperament for completing each task. Stop wasting your best hours folding laundry, and find ways to be productive even on your laziest nights."
cta_text=""
cta_url="#"
%}
</div>
<div class="col-12 col-md-6">
{% include
product.html
image="assets/images/tackle.png"
title="Add relevant task details."
description="Indicate task types (e.g. brainstorming, reading, writing), necessary tools, and other details to make achieving flow state a breeze."
cta_text=""
cta_url="#"
%}
</div>
</div>
</div>
</div><!-- Product End -->
<div class="tt-block tt-block--blog wow fadeInDown"><!-- Blog Section-->
<div class="container container-xl">
<div class="tt-blog-promo">
<div class="tt-blog-promo-content">
<div class="tt-block-header">
<div>
<img src="/assets/images/check-reverse.svg" alt="TaskTackler Checkmark" />
</div>
<div class="tt-block-header--trim">
<h2>ABO - Always Be Optimizing</h2>
<p>Subscribe to the TaskTackler Blog for best practices in general productivity, and tips on how to best use the app.</p>
<div class="tt-blog-cta">
<a href="/blog" class="tt-btn tt-btn--big tt-btn-todo tt-btn-todo--square"><span></span> Subscribe to our blog</a>
</div>
</div>
</div>
</div>
<div class="tt-blog-promo-image">
<img src="/assets/images/check-transparent.svg" alt="TaskTackler Checkmark" />
</div>
</div>
<div class="tt-blog-posts">
<h3>Our latest posts</h3>
<ul class="tt-post-list tt-post-list--promo row">
{% for post in site.posts %}
<li class="col-md-4">
<div class="tt-post-item">
<div class="tt-post-image"><a class="tt-post-link" href="{{ post.url | prepend: site.baseurl }}"><img src="/assets/images/posts/{{ post.featured_image }}" alt="{{ post.title }}" /></a></div>
<div class="tt-post-title"><a class="tt-post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></div>
<div class="tt-post-tags">{{ post.description }}</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div><!-- Blog End -->
<div class="tt-block tt-block--reviews wow fadeInDown"><!-- Reviews Section-->
<div class="container container-xl">
<div class="tt-block-header">
<div>
<img src="/assets/images/check.svg" alt="TaskTackler Checkmark" />
</div>
<div class="tt-block-header--trim">
<h2>Our users say the nicest things</h2>
</div>
</div>
<div class="tt-reviews">
<div class="tt-reviews-break" role="presentation">
<img src="/assets/images/icons/purple/beep.svg" aria-role="presentation" alt="TaskTackler Checkmark" />
</div>
<div class="tt-reviews-list owl-carousel">
<div class="tt-review">
<div class="tt-review-copy">Finally, an app that works like my Type-A brain!</div>
<div class="tt-review-credit">— Katherine L.</div>
</div>
<div class="tt-review">
<div class="tt-review-copy">I've tried every app: Todoist, Google Keep, Wunderlist, Remember the Milk, Things, OmniGraffle... but this fits the way I work best.</div>
<div class="tt-review-credit">— Tomas R.</div>
</div>
<div class="tt-review">
<div class="tt-review-copy">TaskTackler really gets me in the right flow.</div>
<div class="tt-review-credit">— Mihaly C.</div>
</div>
</div>
</div>
</div>
</div><!-- Reviews End -->
<div class="tt-block tt-block--pricing wow fadeInDown"><!-- Pricing Section-->
<div class="container container-xl">
<div class="tt-block-header">
<div>
<img src="/assets/images/check.svg" alt="TaskTackler Checkmark" />
</div>
<div class="tt-block-header--trim">
<h2>Start tackling your tasks today</h2>
</div>
</div>
<div class="tt-pricing">
<div class="tt-pricing-content">
<p>Go with a $10 monthly plan, or save $20 with an annual plan. Either way, you get full access to our suite of tools, including</p>
<ul>
<li><span></span> Unlimited targets</li>
<li><span></span> Unlimited tasks</li>
</ul>
<p><strong>Let’s get to it! Check your first box today by choosing the right plan for you.</strong></p>
</div>
<div class="tt-pricing-options">
<a href="https://mailchi.mp/tasktackler/tasktackler-wait-list-signup" class="tt-btn tt-btn--big tt-btn-todo tt-btn-todo--round tt-btn-todo--secondary" target="new"><span></span> Join the wait list</a>
<a href="https://mailchi.mp/tasktackler/tasktackler-wait-list-signup" class="tt-btn tt-btn--big tt-btn-todo tt-btn-todo--round" target="new"><span></span> Join the wait list</a>
</div>
</div>
</div>
</div><!-- Pricing End -->