-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (208 loc) · 12.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>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Metro 4 -->
<link rel="stylesheet" href="vendors/metro4/css/metro-all.css">
<link rel="stylesheet" href="css/aistant.css">
<title>AiSTANT - Smart knowledge base</title>
</head>
<body class="m4-cloak">
<div class="container-fluid bg-brand fg-white pos-fixed fixed-top z-top">
<header data-role="appbar" class="container pos-relative bg-brand fg-white" data-expand-point="md">
<a href="index.html" class="brand no-hover">AiSTANT</a>
<ul class="app-bar-menu ml-auto">
<li><a href="#">Tutorials</a></li>
<li><a href="subscriptions.html">Subscriptions</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="#" class="text-bold fg-yellow"><span class="d-block ani-vertical">Get started</span></a></li>
</ul>
</header>
</div>
<main>
<div class="hero hero-bg 1bg-brand-secondary add-neb">
<div class="container">
<div class="row">
<div class="cell-lg-6 d-flex flex-justify-center flex-align-center">
<div class="hero-desc">
<div class="h1 fg-white">A knowledge base made with intelligence</div>
<br>
<div class="h4 fg-white">To provide better support for your users</div>
<br>
<button class="button bg-brand fg-white large shadow-1">Get Started</button>
</div>
</div>
<div class="cell-lg-6 d-none d-flex-lg flex-justify-center flex-align-center" style="height: 475px">
<img src="images/dashboard-demo.png" style="width: 400px;" class="shadow-2">
</div>
</div>
</div>
</div>
<div class="about add-neb">
<div class="container">
<div class="mt-10 text-center">
<div class="h1">Smart Help Center</div>
<p class="text-leader pl-20-md pr-20-md">
An advanced knowledge base management service is the first step to customer care automation.
Here are the main features Aistant already has:
</p>
</div>
<div class="row mt-10">
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100">
<div class="icon-box border bd-brand">
<div class="icon bg-brand fg-white"><span class="mif-display"></span></div>
<div class="content d-flex flex-align-center pl-4">
<div class="h3 text-light"><span class="reduce-1 enlarge-1-md">Documentation hosting</span></div>
</div>
</div>
<p>Totally customizable help center for your product or service. Your own logo, header/footer, page layouts, and styles.</p>
</div>
</div>
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100">
<div class="icon-box border bd-brand">
<div class="icon bg-brand fg-white"><span class="mif-file-text"></span></div>
<div class="content d-flex flex-align-center pl-4">
<div class="h3 text-light"><span class="reduce-1 enlarge-1-md">Advanced article management</span></div>
</div>
</div>
<p>Your knowledge base’s content is under your full control. You can organize your documentation with hierarchical sections, assign tags and questions to articles and re-order the position of articles at any time.</p>
</div>
</div>
</div>
<div class="row mt-2-lg">
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100">
<div class="icon-box border bd-brand">
<div class="icon bg-brand fg-white"><span class="mif-files-empty"></span></div>
<div class="content d-flex flex-align-center pl-4">
<div class="h3 text-light"><span class="reduce-1 enlarge-1-md">Changelog</span></div>
</div>
</div>
<p>Aistant automatically creates a new version of your article on each modification. You can publish some previous revision and work on the latest draft at the same time.</p>
</div>
</div>
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100">
<div class="icon-box border bd-brand">
<div class="icon bg-brand fg-white"><span class="mif-search"></span></div>
<div class="content d-flex flex-align-center pl-4">
<div class="h3 text-light"><span class="reduce-1 enlarge-1-md">AI-powered search</span></div>
</div>
</div>
<p>Good question - is a half of an answer. That's why Aistant provides smart search suggestions based on your documentation's content and users’ search requests.</p>
</div>
</div>
</div>
<div class="row mt-2-lg">
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100">
<div class="icon-box border bd-brand">
<div class="icon bg-brand fg-white"><span class="mif-library"></span></div>
<div class="content d-flex flex-align-center pl-4">
<div class="h3 text-light"><span class="reduce-1 enlarge-1-md">Custom domain and in-site integration</span></div>
</div>
</div>
<p>You can assign your own domain to your Aistant account and even integrate the help center to your own website (here is an example)</p>
</div>
</div>
<div class="cell-md-6 pt-4">
<div class="p-4 bg-brand-secondary h-100 d-flex flex-align-center flex-justify-center">
<a href="#" class="fg-dark no-decor">
<p class="text-leader">There are much more features.</p>
<p class="m-0">Take a look at our tutorial for details >></p>
</a>
</div>
</div>
</div>
<div class="d-flex flex-justify-center flex-align-center">
<button class="mt-10 mb-10 d-none d-block-md button large bg-brand fg-white shadow-1">Create you branded help center</button>
<button class="mt-10 mb-10 d-none-md button bg-brand fg-white shadow-1">Create you branded help center</button>
</div>
</div>
</div>
<div class="widgets pt-10 pb-10">
<div class="container">
<div class="mt-10 text-center">
<div class="h1">Search widget</div>
<p class="text-leader">
Aistant Search Widget - is a totally configurable custom search box for your web-site or blog.
</p>
</div>
<div class="row mt-10">
<div class="cell-md-6 pt-4">
<div class="info-panel no-overflow border bd-brand h-100">
<div class="info-panel-header bg-brand fg-white">Customizable design</div>
<div class="info-panel-content">
<div class="mx-10 my-6"><img src="images/qcustomizable.svg" class="w-100"></div>
<span class="text-leader2">You decide where to place it and how it will look. Fonts, colors, sizes and some behavior options - everything is configurable.</span>
</div>
</div>
</div>
<div class="cell-md-6 pt-4">
<div class="info-panel no-overflow border bd-brand h-100">
<div class="info-panel-header bg-brand fg-white">Search suggestions</div>
<div class="info-panel-content">
<div class="mx-10 my-6"><img src="images/search_suggeestions.svg" class="w-100"></div>
<span class="text-leader2">Usually, people don’t know how to ask for what they need. Aistant can help with that by generating search suggestions based on the content of your website.</span>
</div>
</div>
</div>
</div>
<div class="row mt-10-md">
<div class="cell-md-6 pt-4">
<div class="info-panel no-overflow border bd-brand h-100">
<div class="info-panel-header bg-brand fg-white">Analytics</div>
<div class="info-panel-content">
<div class="mx-10 my-6"><img src="images/analitics.svg" class="w-100"></div>
<span class="text-leader2">What your visitors search for? What are the most frequent queries? Do they satisfied with the results? You will get the answers for these and other questions with our analytics tool.</span>
</div>
</div>
</div>
<div class="cell-md-6 pt-4">
<div class="info-panel no-overflow border bd-brand h-100">
<div class="info-panel-header bg-brand fg-white">"Contact us" form</div>
<div class="info-panel-content">
<div class="mx-10 my-6"><img src="images/contact_us.svg" class="w-100"></div>
<span class="text-leader2">Search request - is the first interaction of the potential client with your website. If they found what needed - that’s great. </span>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container pt-20 pb-20">
<div class="text-center">
<ul class="inline-list reduce-1" id="social-menu">
<li><a href="#"><span class="mif-facebook"></span></a></li>
<li><a href="#"><span class="mif-twitter"></span></a></li>
<li><a href="#"><span class="mif-youtube"></span></a></li>
<li><a href="#"><span class="mif-github"></span></a></li>
</ul>
</div>
<div class="text-center mt-10">
<ul class="inline-list reduce-1" id="footer-menu">
<li><a href="#">Tutorials</a></li>
<li><a href="subscriptions.html">Subscriptions</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms & Conditions</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="text-center mt-10 reduce-1">
© 2018-2019 by <a href="#" class="no-wrap">AiSTANT.COM</a>
<br>
<small>Version <span class="text-bold">2019.1</span></small>
<br>
Created with <a href="https://metroui.org.ua">Metro 4</a>
</div>
</div>
</footer>
<script src="vendors/metro4/js/metro.js"></script>
</body>
</html>