forked from kontalk/website.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (210 loc) · 10.3 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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Kontalk - Community-driven Instant Messaging Network</title>
<meta name="description" content="Community-driven Instant Messaging Network"/>
<meta name="keywords" content="kontalk, smartphone, messaging, sms, instant messaging, decentralized network, free messaging network"/>
<meta name="author" content="Kontalk devteam">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<!-- Responsive Skeleton -->
<link rel="stylesheet" href="stylesheets/skeleton.css">
<!-- Base Style -->
<link rel="stylesheet" href="stylesheets/base.css">
<!-- Style -->
<link rel="stylesheet" href="stylesheets/layout.css">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="stylesheets/font-awesome.css">
<!-- Sliders Style -->
<link href="stylesheets/jquery.bxslider.css" rel="stylesheet" />
<!-- Extra Style -->
<link href="stylesheets/extra.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/android-app-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/android-app.png">
<link rel="apple-touch-icon" sizes="96x96" href="images/android-app-icon-114x114.png">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="alert">
<div class="container">
<div class="info-box eight columns">
<a href="https://forum.kontalk.org/">Kontalk community forum is LIVE!</a>
</div>
</div>
</div>
<!-- Primary Page Layout
================================================== -->
<header class="android">
<div class="container">
<div class="logo eleven columns"><!-- Logo -->
<img src="images/android-app.png"/>
<h1>Kontalk</h1>
</div><!-- End Logo -->
<div class="intro-text eleven columns"><!-- Intro -->
<h3>A new way of communicating.</h3>
<div>
<a title="Get Kontalk for Android on Google Play" href="https://play.google.com/store/apps/details?id=org.kontalk"><img src="images/google_play.png" height="80"></a>
<a title="Get Kontalk for Android on F-Droid" href="https://f-droid.org/app/org.kontalk"><img src="images/fdroid.png" height="80"></a>
<a title="Get Kontalk for your computer" href="https://github.com/kontalk/desktopclient-java/releases"><img src="images/desktop_client.png" height="80"></a>
</div>
</div><!-- End Intro -->
</div>
</header>
<section id="info"><!-- Info -->
<div class="container">
<div class="left eleven columns"><!-- Left -->
<div class="info-box first-box ten columns"><!-- White Hover Box -->
<div class="icon two columns">
<i class="fa fa-lock fa-4x"></i>
</div>
<div class="info seven columns padding-10">
<h3>Encrypted</h3>
<p><strong>Encrypted everywhere.</strong> Both client-to-server and server-to-server channels are fully encrypted. Users can be safe with <a href="https://github.com/kontalk/specs/wiki/Encryption"><em>end-to-end</em> encryption</a> — servers can't decrypt it.</p>
</div>
<div class="arrow border-5"></div>
</div>
<div class="info-box second-box ten columns">
<div class="icon two columns">
<i class="fa fa-users fa-4x"></i>
</div>
<div class="info seven columns padding-10">
<h3>Distributed</h3>
<p><strong>Run by the community for the community.</strong> Kontalk is run by a community of volunteers offering servers and splitting costs among them. <strong><a href="//www.kontalk.net/">Go to the network web site »</a></strong></p>
</div>
<div class="arrow border-5"></div>
</div>
<div class="info-box third-box ten columns">
<div class="icon two columns">
<i class="fa fa-code fa-4x"></i>
</div>
<div class="info seven columns padding-10">
<h3>Open source</h3>
<p class="github">Every bit of the software used in the Kontalk network, both server and client, is completely open source. Hosted by Github.</p>
<p class="github-buttons">
<iframe src="https://ghbtns.com/github-btn.html?user=kontalk&repo=androidclient&type=watch&count=true" height="20" width="90" frameborder="0" scrolling="0" style="width:100px; height: 20px;" allowTransparency="true">
</iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=kontalk&repo=androidclient&type=fork&count=true" height="20" width="90" frameborder="0" scrolling="0" style="width:100px; height: 20px;" allowTransparency="true">
</iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=kontalk&type=follow&count=true" height="20" width="180" frameborder="0" scrolling="0" style="width:180px; height: 20px;" allowTransparency="true">
</iframe>
</p>
</div>
<div class="arrow border-5"></div>
</div>
</div><!-- End Left -->
<div class="right five columns"><!-- Right -->
<div class="android-image">
<div class="slider-app">
<ul class="bxslider appslider">
<li><img src="images/app/app1.png"></li>
<li><img src="images/app/app2.png"></li>
<li><img src="images/app/app3.png"></li>
</ul>
</div>
</div>
</div><!-- End Right -->
</div>
</section><!-- End Info -->
<section id="testimonials"><!-- Testimonials -->
<div class="container">
<ul class="bxslider testimonialsslider">
<li>
<div class="thirteen columns">
<h3>Free. Forever.</h3>
<blockquote>
Kontalk relies on a <a href="https://www.kontalk.net/">network of servers</a> run by volunteers to provide a stable and secure service
for all of Kontalk users. Because of that, Kontalk will always remain <strong>free</strong>.
</blockquote>
</div>
</li>
<li>
<div class="thirteen columns">
<h3>Perfect for mobile phones.</h3>
<blockquote>
Kontalk uses your phone number to identify yourself among your contacts, without the need to remember user IDs or usernames.
</blockquote>
</div>
</li>
<li>
<div class="thirteen columns">
<h3>Based on XMPP.</h3>
<blockquote>
Kontalk is based on <a href="https://github.com/kontalk/specs/wiki/XMPP">rock-solid Internet standards</a>, ensuring interoperability with other services.
</blockquote>
</div>
</li>
</ul>
</div>
</section><!-- End Testimonials -->
<section id ="store">
<div class="container">
<div class="picture team-member five columns">
<a title="Get Kontalk for Android on Google Play" href="https://play.google.com/store/apps/details?id=org.kontalk"><img src="images/google_play.png" height="80"></a>
</div>
<div class="picture team-member five columns">
<a title="Get Kontalk for Android on F-Droid" href="https://f-droid.org/app/org.kontalk"><img src="images/fdroid.png" height="80"></a>
</div>
<div class="picture team-member five columns">
<a title="Get Kontalk for your computer" href="https://github.com/kontalk/desktopclient-java/releases"><img src="images/desktop_client.png" height="80"></a>
</div>
<!--
<div class="picture team-member five columns">
<a href="http://kontalk-devteam.store.aptoide.com/app/market/org.kontalk/34/6938705/Kontalk%20Messenger"><img src="images/aptoide.png"></a>
</div>
-->
</div>
</section>
<footer id="footer"><!-- Footer -->
<div class="container">
<div class="copyright four columns offset-by-one"><!-- Title -->
<h3>Kontalk</h3>
</div>
<div class="seven columns">
<ul>
<li><a class="footerlink" href="https://github.com/kontalk/androidclient/wiki">Help</a></li>
<li><a class="footerlink" href="https://www.kontalk.net/">The network</a></li>
<li><a class="footerlink" href="https://forum.kontalk.org/">Forum</a></li>
</ul>
</div>
<div class="social four columns"><!-- Social Buttons -->
<ul>
<li class="border-5"><a href="https://www.facebook.com/kontalknet"><i class="fa fa-facebook"></i></a></li>
<li class="border-5"><a href="https://twitter.com/kontalknet"><i class="fa fa-twitter"></i></a></li>
<li class="border-5"><a href="https://plus.google.com/u/0/102201749813756709299"><i class="fa fa-google-plus"></i></a></li>
<li class="border-5"><a href="https://github.com/kontalk"><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
<div class="container">
<div class="eleven columns offset-by-one"><!-- Copyright -->
<p>
Kontalk devteam © 2016 —
The Windows and Apple logos are respective trademarks of Microsoft Corporation and Apple Corporation.
</p>
</div>
</div>
</footer><!-- End Footer -->
<!-- End Document
================================================== -->
<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src='js/scripts.js'></script>
<script type="text/javascript" src='js/jquery.bxslider.js'></script>
<script src="js/jquery.slides.js"></script>
<script src="js/retina-1.1.0.min.js"></script>
</body>
</html>