forked from klinker24/help-site-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·255 lines (245 loc) · 14.9 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
252
253
254
255
<!DOCTYPE html>
<head>
<title>Talon for Twitter</title>
<meta name="description" content="The ultimate Twitter companion on Android." />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#44485c">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@klinkerapps">
<meta name="twitter:title" content="Talon for Twitter: the ultimate Twitter companion on Android.">
<meta name="twitter:description" content="Talon is the best way to consume Twitter, for your Android devices.">
<meta name="twitter:creator" content="@lukeklinker">
<meta name="twitter:image" content="http://klinkerapps.com/talon-overview/resources/images/banners/header.png">
<!-- Open Graph data -->
<meta property="og:title" content="Talon for Twitter: the ultimate Twitter companion on Android." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://klinkerapps.com/talon-overview" />
<meta property="og:image" content="http://klinkerapps.com/talon-overview/resources/images/banners/header.png" />
<meta property="og:description" content="Talon is the best way to consume Twitter, for your Android devices." />
<meta property="og:site_name" content="Talon for Twitter" />
<link href="https://twitter.com/lukeklinker" rel="publisher" />
<link rel="canonical" href="http://klinkerapps.com/talon-overview" />
<link rel="icon" sizes="192x192" href="resources/images/icon.png">
<link rel="shortcut icon" href="resouces/images/favicon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/images.css" media="all" />
</head>
<body>
<div id="wrapper">
<div class="overview">
<section id="top_bar" class="inactive">
<div class="inner">
<div id="logo"><a href="index.html">Talon for Twitter</a></div>
</div>
</section>
<section class="section-banner direction_left section--text--light">
<div class="inner">
<h1>Twitter, re-imagined.</h1>
<h2>Fast, powerful, beautiful, and custom.</h2>
<div class="seperator"></div>
<a href="https://play.google.com/store/apps/details?id=com.klinker.android.twitter_l" target="_blank" class="button width-full width-auto-@sm sel_signup2">Download on Google Play</a>
<div class="seperator"></div>
<a href="https://www.youtube.com/watch?v=B5Qm7s_9qpw" target="_blank" class="button-play">
<span class="svgicon icon-play-white"></span><span class="play--text">See it on YouTube</span>
</a>
</div>
</section>
<!-- Features Header Section -->
<section class="section--generic section-top-reasons">
<div class="inner">
<h2>The ultimate Twitter client - only for Android</h2>
<p>
Talon comes jam-packed with all the features and customization you wish you could get out of the original Twitter app. Try it out, you will never look back.
</p>
<ul>
<li>
<div class="icon">
<div class="svgicon icon-reasons-custom"></div>
</div>
<div class="desc">Make it yours</div>
</li>
<li>
<div class="icon">
<div class="svgicon icon-reasons-design"></div>
</div>
<div class="desc">Powerful, smooth, beautiful</div>
</li>
<li>
<div class="icon">
<div class="svgicon icon-reasons-media"></div>
</div>
<div class="desc">Share all types of media</div>
</li>
</ul>
</div>
</section>
<!-- Feature Highlights Section -->
<section class="section--generic section--left section--bg-generic-custom section--flex--standard section--generic-mobile">
<div class="inner">
<h2>Make it yours</h2>
<p>
Talon is 100% personal. Choose from thousands of theme and color combinations. Pick the style that works best for you. You shouldn't have to compromise on your Twitter experience.
</p>
</div>
</section>
<section class="section--generic section--right section--bg-generic-design section--flex--standard section--generic-mobile">
<div class="inner">
<h2>Powerful, smooth, beautiful</h2>
<p>
The best Android has to offer. Beautiful, intuitive, and no learning curve: just how an app should be.
</p>
</div>
</section>
<section class="section--generic section--left section--bg-generic-media section--flex--standard section--generic-mobile">
<div class="inner">
<h2>Share all types of media</h2>
<p>
With Talon, share what you want. Send pictures, videos, funny GIFs, and more.m
</p>
</div>
</section>
<!-- Features Grid Section -->
<section id="features_grid" class="section--generic section-features-explained">
<div class="inner">
<h2 class="section-title text-center">The best features to stay social</h2>
<p>Maximize your experience with Talon. You won't find the same features or the same style anywhere. Talon is unique, beautiful, and powerful. Here are just a few features, to give you a preview of what you are getting:</p>
<div class="features-explained--grid">
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-customization"></div>
<h3 class="feature-card-title">Total customization</h3>
<p class="feature-card-description">Customize color, notifications and more, throughout the app.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-swipable"></div>
<h3 class="feature-card-title">Custom swipable pages</h3>
<p class="feature-card-description">Swipe between lists, mentions, your timeline, and any other Twitter content.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-web-previews"></div>
<h3 class="feature-card-title">Web previews</h3>
<p class="feature-card-description">See instant previews of any web articles, YouTube videos, and more - right on your timeline.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-layouts"></div>
<h3 class="feature-card-title">Beautiful layouts and animations</h3>
<p class="feature-card-description">Talon doesn't just get the job done. It wraps your timeline in a powerful, fluid layout.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-fav-user"></div>
<h3 class="feature-card-title">Favorite user notifications</h3>
<p class="feature-card-description">Set up favorite users and get notified when they tweet.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-save-later"></div>
<h3 class="feature-card-title">Save tweets for later</h3>
<p class="feature-card-description">Don't want to publically like a status, but want to remember to come back to it later? Now you can.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-night"></div>
<h3 class="feature-card-title">Night mode</h3>
<p class="feature-card-description">Your perfect companion to optimizing your night-time Twitter sessions.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-block"></div>
<h3 class="feature-card-title">Block users</h3>
<p class="feature-card-description">Stop annoying spammers. We know they are there.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-mute-muffle"></div>
<h3 class="feature-card-title">Mute and muffle tweeters</h3>
<p class="feature-card-description">Don't want to see the tweets from someone, but don't want to block them either? Mute/muffle instead.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-tweetmarker-sync"></div>
<h3 class="feature-card-title">Tweetmarker to sync devices</h3>
<p class="feature-card-description">Move seamlessly between your phone and your tablet, without losing your timeline position.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-data-saver"></div>
<h3 class="feature-card-title">Data saver mode</h3>
<p class="feature-card-description">Disable background jobs to save your data.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-background-sync"></div>
<h3 class="feature-card-title">Background sync modes</h3>
<p class="feature-card-description">Never fall out of date or miss tweets again. Tweets can be downloaded in the background.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-do-not-disturb"></div>
<h3 class="feature-card-title">Do-not-disturb mode</h3>
<p class="feature-card-description">Prevent distractions while you need to get stuff done.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-schedule-tweets"></div>
<h3 class="feature-card-title">Schedule tweets</h3>
<p class="feature-card-description">Make sure your tweets gets sent out, at the right time.</p>
</article>
<article class="feature-card">
<div class="feature-card-icon svgicon icon-features-media"></div>
<h3 class="feature-card-title">Media ready</h3>
<p class="feature-card-description">Share GIFs, videos, images, and more.</p>
</article>
</div>
</div>
</section>
<!-- Footer Section -->
<footer id="footer" class="section-footer" data-track-scroll="Scroll;Footer">
<div class="section-footer-social-media">
<div class="section-footer-container">
<div class="section-footer-row section-footer-social-media__wrapper">
<h2 class="section-footer-menutitle">Keep in touch</h2>
<ul class="section-footer-social-media__list">
<li class="section-footer-social-media__channel section-footer-social-media__channel--twitter">
<a href="https://twitter.com/klinkerapps" target="_blank" class="section-footer-social-media__link" title="Twitter">
<span class="section-footer-social-media__icon"></span>
</a>
</li>
<li class="section-footer-social-media__channel section-footer-social-media__channel--googleplus">
<a href="https://plus.google.com/+KlinkerAppsIowaCity" target="_blank" class="section-footer-social-media__link" title="Google+">
<span class="section-footer-social-media__icon"></span>
</a>
</li>
<li class="section-footer-social-media__channel section-footer-social-media__channel--youtube">
<a href="https://www.youtube.com/channel/UCycZgQlj27nwMyGSihghSig/videos" target="_blank" class="section-footer-social-media__link" title="YouTube">
<span class="section-footer-social-media__icon"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="section-footer-container">
<div class="section-footer-row">
<div class="section-footer-menu">
<h2 class="section-footer-menutitle">Learn More</h2>
<ul class="section-footer-menuitems">
<li><a href="https://play.google.com/store/apps/details?id=com.klinker.android.twitter_l" target="_blank">Download on Google Play</a></li>
<li><a href="http://luke.klinker.xyz" target="_blank">Luke Klinker</a></li>
<li><a href="https://blog.klinkerapps.com" target="_blank">Klinker Apps Blog</a></li>
</ul>
</div>
<div class="section-footer-menu">
<h2 class="section-footer-menutitle">Help Center</h2>
<ul class="section-footer-menuitems">
<li><a href="help/">Support</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
<div class="section-footer-menu">
<h2 class="section-footer-menutitle">Klinker Apps</h2>
<ul class="section-footer-menuitems">
<li><a href="https://messenger.klinkerapps.com/overview/" target="_blank">Pulse SMS</a></li>
<li><a href="http://klinkerapps.com/" target="_blank">About Us</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>