-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·360 lines (336 loc) · 13.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
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
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US"> <![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="en-US">
<!--<![endif]-->
<head>
<title>Manu - web and mobile software development</title>
<!-- meta -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="We provide bespoke software solutions. Services include Web and Mobile application, Website building and Agile-based development" />
<meta name="apple-mobile-web-app-title" content="Manu" />
<meta name="application-name" content="Manu" />
<meta name="msapplication-config" content="browserconfig.xml" />
<meta name="theme-color" content="#63f0d6" />
<meta property="og:image" content="assets/images/fantail.png" />
<meta property="og:description" content="We provide bespoke software solutions. Services include Web and Mobile application, Website building and Agile-based development." />
<meta property="og:title" content="Manu Innovations" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.manu.net.nz" />
<!-- favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="manifest.json">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicon.ico">
<!-- google fonts -->
<link rel="stylesheet" href='http://fonts.googleapis.com/css?family=PT+Sans'>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold"/>
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,500" rel="stylesheet">
<!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+Sans:regular,italic,bold,bolditalic"/> -->
<!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+SC:regular,italic,bold,bolditalic"/> -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nixie+One:regular,italic,bold,bolditalic"/>
<!-- css -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css" media="screen"/>
<meta name="google-site-verification" content="wv0k2_95ZzxZWsjYYrGfaAyo3a2gE2p3ODxqJXFu_3U" />
<script src="assets/blogs/blog0.js"></script>
<script src="assets/blogs/blog1.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.js"></script>
<![endif]-->
<!--[if IE 8]>
<script src="assets/js/selectivizr.js"></script>
<![endif]-->
</head>
<body>
<div id="drawer-right">
<div class="cross text-right">
<a class="toggleDrawer" href="#"><i class="fa fa-times-circle fa-2x"></i></a>
</div>
<h2>Navigate</h2>
<nav>
<ul class="nav nav-pills nav-stacked">
<li>
<a href="#wrapper"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#love"><i class="fa fa-heart"></i> Stuff We Love</a>
</li>
<li>
<a href="#services"><i class="fa fa-magic"></i> What We Do</a>
</li>
<li>
<a href="#team"><i class="fa fa-smile-o"></i> About Us</a>
</li>
<li>
<a href="#blog"><i class="fa fa-bolt"></i> Manu Blog</a>
</li>
<li>
<a href="#contact"><i class="fa fa-phone-square"></i> Contact</a>
</li>
</ul>
</nav>
</div><!-- #drawer-right -->
<div id="wrapper">
<div id="header" class="content-block header-wrapper">
<div class="header-wrapper-inner">
<section class="top clearfix">
<div class="pull-left">
<h1><a class="logo" href="index.html">MANU</a></h1>
</div>
<div class="pull-right">
<a class="toggleDrawer" href="#"><i class="fa fa-bars fa-2x"></i></a>
</div>
</section>
<section class="center">
<div class="slogan">
Bespoke Software Solutions
</div>
<div class="secondary-slogan">
Web and Mobile Applications
</div>
</section>
<section class="bottom">
<a id="scrollToContent" href="#">
<img src="assets/images/arrow_down.png">
</a>
</section>
</div>
</div><!-- header -->
<div class="content-block" id="love">
<div class="container">
<header class="block-heading clearfix">
<h1>Stuff We Love</h1>
<p>We are a values-driven business. This is what you can expect from Manu.</p>
</header>
<section class="block-body">
<div class="row">
<div class="col-sm-4">
<h3>We Collaborate.</h3>
<p id="values" class="love-stuff" style="background-image:url(assets/images/kereru.png)">
<span id="value-btn" class="btn btn-o-white">We believe in the power of <br>connecting great people and <br>awesome ideas.</span>
</p>
</div>
<div class="col-sm-4">
<h3>We Empower.</h3>
<p id="values" class="love-stuff" style="background-image:url(assets/images/weka.png)">
<span id="value-btn" class="btn btn-o-white">We build things that <br>will make you faster, smarter, <br>stronger and better.</span>
</p>
</div>
<div class="col-sm-4">
<h3>We Explore.</h3>
<p id="values" class="love-stuff" style="background-image:url(assets/images/tui.png)">
<span id="value-btn" class="btn btn-o-white">We support taking <br>risks to achieve <br>something remarkable.</span>
</p>
</div>
</div>
</section>
</div>
</div><!-- #love -->
<div class="content-block parallax" id="services">
<div class="container text-center">
<header class="block-heading clearfix">
<h1>What We Do</h1>
</header>
<section class="block-body">
<div class="row">
<div class="col-md-4">
<div class="service">
<i class="fa fa-laptop"></i>
<h2>Web and mobile apps</h2>
<p>We do full-stack development of new app ideas or improve your existing systems and processes.</p>
</div>
</div>
<div class="col-md-4">
<div class="service">
<i class="fa fa-pencil-square-o"></i>
<h2>Website build</h2>
<p>If you need a new site for personal or business use, or just want to freshen up an existing look.</p>
</div>
</div>
<div class="col-md-4">
<div class="service">
<i class="fa fa-comments"></i>
<h2>Agile development</h2>
<p>We use Agile principles to communicate with clients and deliver projects. Read our <a href="https://manu-innovations.gitbooks.io/manu-innovations-guide-book/content/">Guide Book</a> to find out more about how we work.</p>
</div>
</div>
</div>
</section>
</div>
</div><!-- #services -->
<div class="content-block" id="team">
<div classopen="container">
<header class="block-heading clearfix">
<h1>Team Manu</h1>
</header>
<section class="block-body">
<div class="row">
<div class="col-md-4">
<div class="personal-bio">
<img src="assets/images/meghan.jpg" alt="Meghan Hughes">
<strong><p>Meghan Hughes</p></strong>
<span>Co-Founder</span>
<p>Meghan has a passion for harnessing the potential of technology to help people. She enjoys listening to audio-books while out walking her German Shepherd.</p>
<a href="https://github.com/MeghanHughes" target="_blank"><i class="fa fa-github"></i></a>
<a href="mailto:meghan@manu.net.nz" target="_blank"><i class="fa fa-envelope-o"></i></a>
</div>
</div>
<div class="col-md-4">
<div class="personal-bio">
<img src="assets/images/anna.jpg" alt="Anna-Marie Vos">
<strong><p>Anna-Marie Vos</p></strong>
<span>Co-Founder</span>
<p>Anna-Marie is a qualified mechanical engineer and she loves numbers and data. She also enjoys cheese and watching Star Trek.</p>
<a href="https://www.linkedin.com/in/anna-marie-vos-54a98210/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
<a href="https://github.com/anna-marie-vos" target="_blank"><i class="fa fa-github"></i></a>
<a href="mailto:anna@manu.net.nz" target="_blank"><i class="fa fa-envelope-o"></i></a>
</div>
</div>
<div class="col-md-4">
<div class="personal-bio">
<img src="assets/images/janie.jpg" alt="Janie Tito">
<strong><p>Janie Tito</p></strong>
<span>Co-Founder</span>
<p>Janie is an advocate for more women and cultural diversity in the IT industry. She likes photography and her free ranging chickens.</p>
<a href="https://www.linkedin.com/in/janietito/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
<a href="https://github.com/janie-t" target="_blank"><i class="fa fa-github"></i></a>
<a href="mailto:janie@manu.net.nz" target="_blank"><i class="fa fa-envelope-o"></i></a>
</div>
</div>
</div>
</section>
</div>
</div><!-- /#team -->
<div class="content-block parallax" id="about">
<div class="container text-center">
<header class="block-heading clearfix">
<h1>About Us</h1>
</header>
<section class="block-body">
<div class="row">
<div class="col-md-12">
<div class="about-manu">
<p>'Manu' is te reo Māori for 'bird'. New Zealand's cultural identity is deeply connected to our native birds. No matter where we are in the world, we proudly call ourselves 'Kiwis'.</p>
<p id="proverb"><strong>Mā Te Huruhuru, Ka Rere Te Manu - Adorn the bird with feathers so it may fly.</strong></p>
<p>This whakatauki, or proverb is meaningful to us. It reflects how we use technological tools to take flight and help our clients to reach their goals.</p>
</div>
</div>
</div>
</section><br><br>
</div>
</div><!-- #about -->
<div class="content-block" id="blog">
<div class="container">
<header class="block-heading clearfix">
<h1>Manu Blog</h1>
</header>
<div class="row blog_post">
<section class="row block-body" id="blog-posts">
<div class="col-md-4">
<!-- <h2>Past Posts</h2>
<p>No other posts.</p> -->
<!-- Blog Categories Well -->
<div class="well" style="text-align: center">
<h4>Blog Index</h4>
<div class="row" >
<div class="">
<ul id="index" class="list-unstyled">
</ul>
</div>
</div>
<!-- /.row -->
</div>
<!-- Blog Search Well -->
<!-- <div class="well"> -->
<!-- <h4>Blog Search</h4>
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<span class="fa fa-search"></span>
</button>
</span>
</div> -->
<!-- /.input-group -->
<!-- </div> -->
<!-- </div> -->
</div>
</section>
</div>
</div>
</div><!-- Blog container -->
<div class="content-block" id="contact">
<div class="container text-center">
<header class="block-heading clearfix">
<h1>Contact Us</h1>
<p>Feel free to drop us a line.</p>
</header>
<section class="block-body">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<strong><p>Email:</p></strong>
<img src="assets/images/email.png" />
<a href='mailto:%68%65l%6C%6F%40%6D%61n%75.n%65t.nz'>
<p id="email-btn">Send Mail</p>
</a><br>
<strong><p>Phone:</p></strong>
<p>Mobile: +64 27 654 7790</p>
<a href="tel:+64276547790" target="_blank" ><p id="phone-btn">Call us now</p></a>
</div>
</div>
</section>
<section class="bottom">
<a id="scrollToContent" href="#">
<img src="assets/images/arrow_up.png">
</a>
</section>
</div>
</div><!-- #contact -->
<div class="content-block" id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">© Copyright Manu Innovations 2017</div>
</div>
</div>
</div><!-- #footer -->
</div><!--/#wrapper-->
<script src="assets/js/jquery-2.1.3.min.js"></script>
<script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.actual.min.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/script.js"></script>
<!--facebook visuals -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "http://www.manu.net.nz",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "+64-276547790",
"contactType": "customer service"
}]
}
</script>
<!--Google Analytics-->
<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-97559015-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>