-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (97 loc) · 4.92 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chattitude</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<link rel="stylesheet" href="assets/css/styles.css?cache=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script>
new WOW({
offset: 100
}).init();
</script>
</head>
<body>
<section class="hero">
<img class="hero-logo" src="assets/img/logo_chattitude.svg" />
<img class="background-image wow fadeInDown" src="assets/img/img_phones.png" />
<div class="hero-data">
<div class="header-title">Make your Slack activity geo-relevant using nothing but your phone</div>
<div class="header-subtitle">Whether you are arriving to the <span class="no-breaking">#office</span>, just came back <span class="no-breaking">#home</span>, attending <span class="no-breaking">#that-conference</span> or on-site with <span class="no-breaking">#a-particular-customer</span>, Chattitude helps you stay in the right channels for your current location</div>
<div class="download-container">
<a href="https://play.google.com/store/apps/details?id=com.scvsoft.chattitude">
<img src="assets/img/logo_google_play.svg" />
</a>
<a href="https://itunes.apple.com/us/app/chattitude/id1370500217">
<img src="assets/img/logo_app_store.svg" />
</a>
</div>
</div>
</section>
<section class="usage">
<div class="usage-slogan">
<span>Chattitude is really simple to use</span>
</div>
<div class="usage-steps-container">
<div class="usage-steps">
<img class="usage-icon wow fadeInUp" data-wow-durationa="2s" src="assets/img/ic_slack.svg" />
<span class="usage-text">Link your Slack account</span>
<div class="usage-line"></div>
<img class="usage-icon wow fadeInUp" src="assets/img/ic_locations.svg" />
<span class="usage-text">Associate locations to channels</span>
<div class="usage-line"></div>
<img class="usage-icon wow fadeInUp" src="assets/img/ic_channels.svg" />
<span class="usage-text">Join/Leave channels as you Enter/Exit locations</span>
</div>
</div>
</section>
<section class="features">
<div class="features-container">
<div class="features-phone"></div>
<div class="features-text-container features-title">
What can you do with Chattitude?
</div>
</div>
<div class="features-container">
<div class="features-phone">
<img class="features-phone wow fadeInLeft" src="assets/img/img_phone.png" />
</div>
<div class="features-text-container">
<div class="features-separator"></div>
<div class="features-text">
<span class="bold">Have an <span class="no-breaking">#office</span> channel?</span>
<br/>
Configure it so your team joins and leaves it as they enter/leave the office. Looking for someone who is at the office now becomes just issuing /who on the <span class="no-breaking">#office</span> channel. Ideal for remote-friendly companies.
</div>
<div class="features-separator"></div>
<div class="features-text">
<span class="bold">Are you with a team at a big, multi-location, CES-like event?</span>
<br />
Those may get crazy and sometimes is hard to know who was where... create channels for the different locations and make sure you always reach the people that is at the right place.
</div>
<div class="features-separator"></div>
<div class="features-text">
<span class="bold">Have a lot of interesting or funny channels on your organization, but don't want those to clutter your phone when you are out? </span>
<br />
Set up a custom, smarter tune-off by leaving automatically all those channels as you leave your workplace.
</div>
<div class="download-container">
<a href="https://play.google.com/store/apps/details?id=com.scvsoft.chattitude">
<img src="assets/img/logo_google_play.svg" />
</a>
<a href="https://itunes.apple.com/us/app/chattitude/id1370500217">
<img src="assets/img/logo_app_store.svg" />
</a>
</div>
<div class="features-love">
Made with <img src="assets/img/ic_love.svg" /> by <a href="http://www.scvsoft.com"><span class="bold">SCVsoft</span></a>
</div>
</div>
</div>
</section>
</body>
</html>