-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
395 lines (378 loc) · 16.1 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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Utilify</title>
<meta name="description" content="Software service enabling identity and know your customer solutions. Integrates seemlessly and securely into your business processes. Available as a hosted service or integrated via our REST API.">
<meta property="og:site_name" content="utilify.io" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://utilify.io" />
<meta property="og:title" content="Utilify | Utility Verified Identity & Financial Data Solutions" />
<meta property="og:description" content="Software service enabling identity and know your customer solutions. Integrates seemlessly and securely into your business processes. Available as a hosted service or integrated via our REST API."
/>
<meta property="og:image" content="assets/img/logo-utilify.svg" />
<link rel="stylesheet" href="assets/css/app.css">
<link rel="icon" href="assets/img/favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-96163703-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header>
<div class="row">
<div class="top-bar">
<div class="top-bar-title text-center">
<a href="/">
<img width="40" src="assets/img/logo-utilify-white.svg" alt="utilify logo" /> <span>utilify.io</span>
</a>
</div>
</div>
<div class="callout fade-in">
<div class="text-center">
<h1>working with utility data doesn't have to be hard</h1>
<p class="lead">utilify enables your applications to connect with user's utility accounts</p>
</div>
</div>
</div>
<div id="particles-js"></div>
</header>
<main role="main">
<section class="light-gray section-features" data-magellan-target="features">
<div class="row">
<h2 class="text-center">create solutions to your problem the right way</h2>
<p class="lead text-center">Our technology makes it easy to access high-quality utility data, validate account ownership, and mitigate risks in a user-friendly way</p>
<div class="row small-up-1 medium-up-2 large-up-4 text-center">
<div class="column">
<i class="material-icons">mood</i>
<h4>Onboarding</h4>
<p class="lead">
Your customer can get an immediate decision and a smoother, simpler end-to-end application.
</p>
</div>
<div class="column">
<i class="material-icons">verified_user</i>
<h4>
KYC compliance
</h4>
<p class="lead">
We take the whole application process online, greatly speeding up KYC verification.
</p>
</div>
<div class="column">
<i class="fa fa-line-chart"></i>
<h4>
Data insights
</h4>
<p class="lead">
Access data supplied by your customer via your dashboard or integrate with your decision engine.
</p>
</div>
<div class="column">
<i class="material-icons">code</i>
<h4>
Easy integration
</h4>
<p class="lead">
Available as hosted service or integrated via our API. Up to date documentation and sample code.
</p>
</div>
</div>
</div>
</section>
<section data-magellan-target="howitworks">
<div class="row">
<div class="small-12 medium-6 columns">
<div class="text-center">
<span class="primary hollow badge">
<i class="fa fa-cogs"></i>
</span>
<h2 class="subheader">
How it works
</h2>
<p class="lead">
Ok, so you have a potential customer but you need to find out more about them?
</p>
<div class="columns small-12 text-center">
<a class="button primary">More details</a>
</div>
</div>
</div>
<div class="small-12 medium-6 columns text-center">
<!-- <img width="100" src="assets/img/logo-utilify.svg" alt="utilify logo" /> -->
<div class="text-justify">
<p>
Utilify integrates discretely into your process using our customisable widget or API which enables us to securely exchange information:-
</p>
<ol>
<li>
Your customer chooses which utility company to connect with using their credentials
</li>
<li>
Once authenticated utilify fetches all the details and documents quickly in the background
</li>
<li>
Once we have the information we let you know its ready for you to process
</li>
</ol>
</div>
</div>
</div>
</section>
<hr>
<section class="section-#" data-magellan-target="#">
<div class="row">
<div class="small-12 medium-6 columns text-center">
<span class="primary hollow badge"><i class="material-icons">credit_card</i></span>
<h2 class="subheader">
Simple #
</h2>
<p class="lead text-justify">
We've made things as straightforward as possible with a starter for ten and a fair and scalable pay as you go plan.
</p>
<div class="columns small-12">
<a href="#register" class="button primary">#</a>
</div>
</div>
<div class="small-12 medium-6 columns">
<div class="columns small-12 medium-6">
<h4 class="primary">Starter for Ten<br>£0.00<span>/data request</span></h4>
<ul class="no-bullet">
<li><b>First 10</b></li>
</ul>
</div>
<div class="columns small-12 medium-6 paid">
<h4>Pay as you go<br>£1.00<span>/data request</span></h4>
<ul class="no-bullet">
<li><b>Simple and scalable</b></li>
</ul>
</div>
<div class="columns small-12 text-left">
<p>As standard:</p>
<ul class="vertical medium-horizontal menu">
<li>SSL encryption</li>
<li>Sandbox environment</li>
<li>Full data access</li>
<li>24hr online support</li>
</ul>
</div>
</div>
</div>
</section>
<hr>
<section data-magellan-target="register">
<div class="row">
<div class="small-12 medium-6 columns text-center">
<span class="primary hollow badge"><i class="material-icons"></i></span>
<h2 class="subheader">
What will you create?
</h2>
<p class="lead">
#, try it and see how utilify can enable your solution
</p>
</div>
<div class="small-12 medium-6 columns">
<form id="form-contact" accept-charset='UTF-8'>
<label>Name
<input id="form-contact-name" type='text' required maxlength='40' name='name' />
</label>
<label>Email
<input id="form-contact-email" type='email' required maxlength='100' name='email' />
</label>
<div class="columns row small-12 text-right">
<button class="button primary large" type='submit'>get started</button>
</div>
</form>
<div id="form-contact-success" style="display:none">
<h3>
Thank you!
</h3>
<p class="lead">
We are working really hard to get this product to market. You will be the first to know when it does!
</p>
</div>
</div>
</div>
</section>
<hr>
<section class="section-team">
<div class="row">
<div class="small-12 columns text-center">
<span class="primary hollow badge">
<i class="fa fa-hand-peace-o"></i>
</span>
<h2 class="subheader">
Meet the team
</h2>
</div>
</div>
<div class="row expanded members text-center">
<div class="small-12 medium-3 columns">
<figure>
<img src="http://i.pravatar.cc/150?img=67">
<figcaption>Paul <br /> <span>Co-founder</span></figcaption>
</figure>
</div>
<div class="small-12 medium-3 columns">
<figure>
<img src="http://i.pravatar.cc/150?img=15">
<figcaption>Kev <br /><span>Co-founder</span></figcaption>
</figure>
</div>
<div class="small-12 medium-3 columns">
<figure>
<img src="http://i.pravatar.cc/150?img=60">
<figcaption>Lee <br /> <span>Developer</span></figcaption>
</figure>
</div>
<div class="small-12 medium-3 columns">
<figure>
<img src="http://i.pravatar.cc/150?img=53">
<figcaption>Sakis <br /> <span>Developer</span></figcaption>
</figure>
</div>
</div>
</section>
<!-- <hr> -->
<!-- <section data-magellan-target="testimonials">
<div class="row columns small-12 text-center">
<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>◀</button>
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>▶</button>
<li class="is-active orbit-slide">
<div class="small-11 small-centered columns">
<p class="lead">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend volutpat odio, sit amet molestie libero gravida non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
</p>
<p>
<strong>
KEN THOMPSON
</strong>
<br> Solutions Artitect, Poop Insurance
</p>
</div>
</li>
<li class="orbit-slide">
<div class="small-11 small-centered columns">
<p class="lead">
"When I invented C programming language I thought I was awesome. After seeing how utilify has changed my life I now see how crap C really was i.e strcpy() buffer overflow hell. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas."
</p>
<p>
<strong>
DENNIS RICHIE
</strong>
<br> God, C Programming Inc.
</p>
</div>
</li>
<li class="orbit-slide">
<div class="small-11 small-centered columns">
<p class="lead">
"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend volutpat odio, sit amet molestie libero gravida non."
</p>
<p>
<strong>
STEVE JOBS
</strong>
<br> CEO, Pear Inc.
</p>
</div>
</li>
</ul>
<nav class="orbit-bullets">
<button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
<button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
<button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
</nav>
</div>
</div>
</section>
-->
<section class="section-utilities light-gray" data-magellan-target="utilities-carousel">
<div class="row columns small-12 text-center">
<!-- <h2 class="subheader">
Supported utility providers
</h2> -->
<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-m-u-i="false">
<ul class="orbit-container">
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>◀</button>
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>▶</button>
<li class="is-active orbit-slide">
<div class="small-11 small-centered columns">
<div class="row small-up-2 medium-up-5 large-up-5">
<div class="column text-center">
<img src="assets/img/logos/EonMainLogo.gif" class="" alt="Eon">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-britishgas.svg" class="" alt="British Gas">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-edf.png" class="" alt="EDF">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-stwater.png" class="" alt="ST Water">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-o2.svg" class="" alt="o2">
</div>
</div>
</div>
</li>
<li class="orbit-slide">
<div class="small-11 small-centered columns">
<div class="row small-up-2 medium-up-5 large-up-5">
<div class="column text-center">
<img src="assets/img/logos/logo-o2.svg" class="" alt="o2">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-edf.png" class="" alt="EDF">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-britishgas.svg" class="" alt="British Gas">
</div>
<div class="column text-center">
<img src="assets/img/logos/logo-stwater.png" class="" alt="ST Water">
</div>
<div class="column text-center">
<img src="assets/img/logos/EonMainLogo.gif" class="" alt="Eon">
</div>
</div>
</div>
</li>
</ul>
<nav class="orbit-bullets">
<button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
<button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
</nav>
</div>
</div>
</section>
</main>
<footer>
<div class="row">
<div class="columns small-12 medium-6">
<div class="brand">
<img width="30" src="assets/img/logo-utilify-white.svg" alt="utilify logo" /> <span>utilify.io</span>
</div>
</div>
<div class="columns small-12 medium-6 text-right">
<p><small>Copyright © 2016</small></p>
</div>
</div>
</footer>
<script src="https://drrjhlchpvi7e.cloudfront.net/libs/stamplay-js-sdk/2.0.5/stamplay.min.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>