-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
138 lines (121 loc) · 5.79 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="This is a cloned landing page for the one and only TickyBot from Chingu">
<meta name="keywords" content="tickybot, alexever17, clone, landing, page, ticky, bot">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- insert Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" integrity="sha384-OHBBOqpYHNsIqQy8hL1U+8OXf9hH6QRxi0+EODezv82DfnZoV7qoHAZDwMwEJvSw" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto|Signika:300,600" rel="stylesheet">
<link rel="stylesheet" href="main.css">
<link rel="icon" href="favicon.png" type="image/png" sizes="32x32">
<title>TickyBot</title>
</head>
<body onresize="resizeEvent()">
<header>
<nav>
<ul>
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#features">Features</a>
</li>
<li>
<a href="https://slack.com/oauth/authorize?client_id=39189849459.249480535796&scope=commands,bot,users%2Eprofile%3Aread,im%3Aread,chat%3Awrite%3Abot,team%3Aread">Add to Slack</a>
</li>
</ul>
</nav>
</header>
<section class="homesection" id="home">
<div class="home-container">
<div class="home-Description reveal-item one">
<h1><strong>Ticky</strong>Bot</h1>
<p>Let your team manage their support tickets 100% inside Slack</p>
<a href="https://slack.com/oauth/authorize?client_id=39189849459.249480535796&scope=commands,bot,users%2Eprofile%3Aread,im%3Aread,chat%3Awrite%3Abot,team%3Aread" class="add-button-blue">
<img src="assets/images/slack.svg"/>
<span>
Add to <strong>Slack</strong>
</span>
</a>
</div>
<div class="home-Robot reveal-item two">
<img id="robotHead" src="assets/images/head.png">
</div>
</div>
</section>
<section id="about">
<div class="container container--flex">
<h3 class="page__title reveal-item three">What Is <strong>Ticky</strong>Bot</h3>
<div class="page-half reveal-item four">
<p><strong>Ticky</strong>Bot is a Slack Bot 🤖 that lets you use support tickets on Slack. This way, you don't need to leave your beloved channel to assist your users, if you don't feel like it.</p>
</div>
<div class="page-half reveal-item four">
<p>With <strong>Ticky</strong>Bot you can easily check if you've received new tickets, change their status, or write a reply, and the ticket will instantly update itself on our site.</p>
</div>
<div class="page-full reveal-item four">
<p>Support requests shouldn't be handled through Slack's direct messages.<br>
<em>Image about someone asking silly questions and the workplace admin asking him/her to open a support ticket so other admins could look into the issue.</em></p>
</div>
</div>
</section>
<!--END ABOUT SECTION -->
<!-- how it works -->
<section class="page features" id="features">
<div class="container container--flex">
<h3 class="page__title">How It Works</h3>
<div class="card page__third reveal-item five reveal-item--visible">
<img class="card__img" src="assets/images/image-left.svg" alt="">
<div class="card__description">
<p>You can add
<strong>Ticky</strong>Bot to your Slack workplace by scrolling down or
<a href="#cta">clicking here</a>
</p>
</div>
</div>
<div class="card page__third reveal-item six reveal-item--visible">
<img class="card__img" src="assets/images/image-center.svg" alt="">
<div class="card__description">
<p>Your users can open a ticket by typing
<code>/ticket</code> and their message into the chat field</p>
</div>
</div>
<div class="card page__third reveal-item seven reveal-item--visible">
<img class="card__img" src="assets/images/image-right.svg" alt="">
<div class="card__description">
<p>Once you or another admin solved their problems you can type
<code>/ticket close #id</code> to close the ticket</p>
</div>
</div>
</div>
</section>
<!-- how it works -->
<section class="start-using-section">
<div class="start-using">
<h3 class="page__title eight">Start Using <strong class="strong">Ticky</strong>Bot Today</h3>
<p class="reveal-item nine"><strong class="strong">Ticky</strong>Bot allows Slack teams to manage their support tickets 100% inside Slack, without having to switch between different apps.</p>
<a href="https://slack.com/oauth/authorize?client_id=39189849459.249480535796&scope=commands,bot,users%2Eprofile%3Aread,im%3Aread,chat%3Awrite%3Abot,team%3Aread" class="add-button-blue reveal-item nine">
<img src="assets/images/slack.svg" alt="Slack-logo">
<span>Add to <strong>Slack</strong></span>
</a>
<p class="reveal-item">... so you don't need to go back and forth with another app.</p>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<p>Cloned with
<span class="emoji" role="img" aria-label="Love">❤️</span> by Chingu Voyage-3 Toucans-19 Team </p>
<p>Source code is available on Voayge-2 Bears-19's
<a href="https://github.com/chingu-coders/Voyage2-Bears-19" target="_blank" rel="noopener noreferrer">GitHub page</a>
</p>
<p>The app is not created by, affiliated with, or supported by Slack Technologies, Inc.</p>
</div>
</footer>
<script type="text/javascript" src="master.js"></script>
</body>
</html>