-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
379 lines (353 loc) · 29.3 KB
/
index.html
File metadata and controls
379 lines (353 loc) · 29.3 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-R4FDPD8C2V"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-R4FDPD8C2V');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="images/favicon.png">
<script src="https://kit.fontawesome.com/bd4e975cf5.js" crossorigin="anonymous"></script>
<title>functions.io</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top">
<a class="navbar-brand" href="#"><img src="images/logo.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tech">Tech</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a class="btn btn-primary btn-sm rounded-0" href="#contact" role="button">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<main role="main">
<div class="jumbotron hello rounded-0">
<div class="container">
<h1>Modern solutions for an evolving <br />technology landscape.</h1>
<h2 class="lead">Tailored to fit your unique functional needs.</h2>
<p><a class="btn btn-secondary btn-lg rounded-0" href="#services" role="button">Learn more »</a></p>
</div>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div id="services" class="spacer"><p>Services We Provide</p></div>
<div class="services">
<div class="container">
<div class="row">
<div class="col-lg-4 shadow-sm">
<div class="card">
<img class="card-img-top" src="images/daria-nepriakhina-zoCDWPuiRuA-unsplash.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Technology Consulting</h4>
<p class="card-text">We specialize in working with small to medium-sized businesses by gathering business requirements, developing a technological strategy to satisfy those requirements, and outputting results that show.</p>
<a class="btn btn-secondary btn-md rounded-0" href="#tech" role="button">Learn more »</a>
</div>
</div>
</div>
<div class="col-lg-4 shadow-sm">
<div class="card" >
<img class="card-img-top" src="images/ian-battaglia-9drS5E_Rguc-unsplash.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Systems Integration</h4>
<p class="card-text">Disparate software/hardware is a thing of the past. We break open stove-piped solutions and integrate where you need it the most. We are dedicated to creative problem-solving within existing infrastructures to reduce development cost.</p>
<a class="btn btn-secondary btn-md rounded-0" href="#tech" role="button">Learn more »</a>
</div>
</div>
</div>
<div class="col-lg-4 shadow-sm">
<div class="card">
<img class="card-img-top" src="images/markus-spiske-466ENaLuhLY-unsplash.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Software Development</h4>
<p class="card-text">Need something more custom? We provide software development services. We build bespoke software in an agile, flexible way to provide confidence in your software solution, all while using modern software development best practices.</p>
<a class="btn btn-secondary btn-md rounded-0" href="#tech" role="button">Learn more »</a>
</div>
</div>
</div>
</div><!-- /.container -->
</div>
<div id="tech" class="spacer"><p>Our Tech Skills</p></div>
<div class="tech">
<div class="container">
<div class="row">
<div class="col-md-4 shadow-sm">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-se-tab" data-toggle="pill" href="#v-pills-se" role="tab" aria-controls="v-pills-se" aria-selected="false"><i class="my-auto fa fa-users-cog fa-1x"></i>Software Engineering</a>
<a class="nav-link" id="v-pills-seo-tab" data-toggle="pill" href="#v-pills-seo" role="tab" aria-controls="v-pills-seo" aria-selected="false"><i class="my-auto fa fa-search-dollar fa-1x"></i>Web Marketing/SEO</a>
<a class="nav-link" id="v-pills-product-management-tab" data-toggle="pill" href="#v-pills-product-management" role="tab" aria-controls="v-pills-product-management" aria-selected="false"><i class="my-auto fa fa-box-open fa-1x"></i>Product Management</a>
<a class="nav-link" id="v-pills-webapps-tab" data-toggle="pill" href="#v-pills-apps" role="tab" aria-controls="v-pills-apps" aria-selected="false"><i class="my-auto fa fa-laptop-code fa-1x"></i>Application Development</a>
<a class="nav-link" id="v-pills-devops-tab" data-toggle="pill" href="#v-pills-devops" role="tab" aria-controls="v-pills-devops" aria-selected="false"><i class="my-auto fa fa-infinity fa-1x"></i>DevOps</a>
<a class="nav-link" id="v-pills-ecommerce-tab" data-toggle="pill" href="#v-pills-ecommerce" role="tab" aria-controls="v-pills-ecommerce" aria-selected="false"><i class="my-auto fa fa-credit-card fa-1x"></i>E-commerce</a>
<a class="nav-link" id="v-pills-iot-tab" data-toggle="pill" href="#v-pills-iot" role="tab" aria-controls="v-pills-iot" aria-selected="false"><i class="my-auto fa fa-network-wired fa-1x"></i>Internet of Things</a>
<a class="nav-link" id="v-pills-cloud-tab" data-toggle="pill" href="#v-pills-cloud" role="tab" aria-controls="v-pills-cloud" aria-selected="false"><i class="my-auto fa fa-cloud fa-1x"></i>Distributed Cloud</a>
<a class="nav-link" id="v-pills-ea-tab" data-toggle="pill" href="#v-pills-ea" role="tab" aria-controls="v-pills-ea" aria-selected="false"><i class="my-auto fa fa-building fa-1x"></i>Enterprise Applications</a>
<a class="nav-link" id="v-pills-it-tab" data-toggle="pill" href="#v-pills-it" role="tab" aria-controls="v-pills-it" aria-selected="true"><i class="my-auto fa fa-cogs fa-1x"></i>IT Services</a>
</div>
</div>
<div class="col-md-8 shadow-sm">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade" id="v-pills-it" role="tabpanel" aria-labelledby="v-pills-it-tab">
<h2>IT Services</h2>
<p>Evaluate, design, and implement an ideal IT infrastructure for your business.</p><p> Our IT services consist of installation, management, and setup of company-wide networks and business application software. </p>
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/arVPF8Kt24c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
<div class="tab-pane fade" id="v-pills-product-management" role="tabpanel" aria-labelledby="v-pills-product-management-tab">
<h2>Product Management</h2>
<p>Let us help create your vision. Scope, forecast, design, market, and execute on implementation of your product.</p><p>Reduce product risk by gauging product success and iterating on development of your product's lifecycle.</p>
</div>
<div class="tab-pane fade" id="v-pills-apps" role="tabpanel" aria-labelledby="v-pills-apps-tab">
<h2>Application Development</h2>
<p>We create and modernize bespoke software systems and applications for platforms and devices where you'll benefit the most.</p>
<p>Using Agile methodologies, we work transparently to keep you informed of progress and any roadblocks that occur during the development process.</p>
<p>Talk to us about which platform will work best for you.</p>
<h3>Web</h3>
<p>The web is ubiquitous and provides a collaborative, user-friendly platform for shared spaces. Dashboarding, portal applications, and e-commerce web stores are great examples of use cases for web applications.</p>
<h3>Mobile</h3>
Mobile applications are best for direct customer engagement. Set up push notifications direct to your user for product and informational updates.
<h3>AR/VR</h3>
<p>Immerse your customer in the 3D space with emerging AR/VR technologies.</p>
<h3>System</h3>
<p>Create monitoring and logging applications for your networked devices. Structure gathered data in a format to help diagnose system bottlenecks and improve system performance.</p>
<p>Utilize supervised or unsupervised machine learning to cut through the cruft and make use of your log data.</p>
</div>
<div class="tab-pane fade" id="v-pills-devops" role="tabpanel" aria-labelledby="v-pills-devops-tab">
<h2>DevOps</h2>
<p>Let your deployment process do the work for you. Automate deployments to quickly build, test, deploy, re-test, and release software in environments up to production.</p>
<p>Our DevOps engineers work with most major deployment tools and platforms, and create deployment strategies that allow you to focus on business logic, and not deployment infrastructure.</p>
<p>We can provide input on best use of automated unit, integration, system testing in your DevOps pipeline.</p>
</div>
<div class="tab-pane fade" id="v-pills-ecommerce" role="tabpanel" aria-labelledby="v-pills-ecommerce-tab">
<h2>E-commerce</h2>
<p>Let your small business thrive from an online shopping platform. It’s not as intimidating as it sounds! We provide multiple solutions for standing up an online store with all of the business features you need.</p>
<p>Enable tracking and analytics to allow for your customer’s seamless shopping experience.</p>
</div>
<div class="tab-pane fade" id="v-pills-iot" role="tabpanel" aria-labelledby="v-pills-iot-tab">
<h2>Internet of Things</h2>
<p>Internet of Things can provide valuable insight into unforeseen automation opportunities. Create a roadmap for your software and hardware infrastructure to interact with the rest of your business processes and users.</p>
<p>Capture invaluable user data from wearable devices, monitor logistics activity via tracking devices on cargo/freight, deploy sensor devices for smart analytics.</p>
</div>
<div class="tab-pane fade" id="v-pills-cloud" role="tabpanel" aria-labelledby="v-pills-cloud-tab">
<h2>Distributed Cloud</h2>
<p>Scale your software applications using the Distributed Cloud. Distributed Cloud environments provide failover across multiple cloud environments in unique geographic locations utilizing containerization and other modern infrastructure best practices.</p><p>Optimally allocate server resources, automate deployment, and manage your distributed systems.</p>
</div>
<div class="tab-pane fade show active" id="v-pills-se" role="tabpanel" aria-labelledby="v-pills-se-tab">
<h2>Software Engineering</h2>
<p>Gather, develop, and refine requirements through Agile methodologies, streamlining software engineering.</p>
<p>Need an expert opinion on reasons to upgrade to the newest Java release? Need the support to do so? We can help with any technical software questions, implementation, and QA/testing services.</p>
<p>We enjoy working with clients who are passionate about the value in software and technology, are open to adaptation and change, and who enjoy a collaborative environment.</p>
</div>
<div class="tab-pane fade" id="v-pills-ea" role="tabpanel" aria-labelledby="v-pills-ea-tab">
<h2>Enterprise Applications</h2>
<p>Need automation for that legacy manual CSV export from your CRM software? We implement processes that reduce monotonous tasks which consume valuable time and dollars.</p>
<p>Integrate and modernize your Enterprise Applications through messaging queues, apis, or data ingestion.</p>
<p>Need ongoing support for existing systems? Outsource your legacy applications and we'll maintain what already works.</p>
</div>
<div class="tab-pane fade" id="v-pills-seo" role="tabpanel" aria-labelledby="v-pills-seo-tab">
<h2>Web Marketing/SEO</h2>
<p>Increase online sales conversions through optimization of website funnels (ie. email campaigns, signup flows, purchasing pathways) by utilizing UX-development best practices and A/B testing.</p>
<p>Create and analyze email marketing campaigns that drive traffic to unique website landing pages.</p>
</div>
</div>
<p><a class="btn btn-secondary btn-sm rounded-0" href="#contact" role="button">Learn more »</a></p>
</div>
</div>
</div>
</div>
<div id="projects" class="spacer"><p>Projects</p></div>
<div class="container projects">
<div class="row">
<div class="col-lg-12 shadow-sm">
<div class="card">
<img class="card-img-top" src="https://digitaleducationsafety.org/assets/img/header-bg.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Digital Education & Safety Foundation</h4>
<p class="card-text">The Digital Education & Safety Foundation is a non-profit that provides STEM/STEAM education services to the underserved.</p>
<a class="btn btn-secondary btn-md rounded-0" href="https://digitaleducationsafety.org" role="button">Learn more »</a>
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="spacer"><p>Contact Us</p></div>
<div class="contact">
<div class="container contact-container">
<div class="row">
<div class="col-md-8 mx-auto text-left">
<form id="contact-form" method="post" action="https://docs.google.com/forms/d/e/1FAIpQLSd7O4MVeGOdsLCWviGSLF81rVFOBoziL1oVQGb_FQuos6lj-g/formResponse" role="form">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">First Name *</label>
<input id="form_name" type="text" name="entry.24273967" class="form-control rounded-0" placeholder="Please enter your first name *" required="required" data-error="First Name is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_lastname">Last Name *</label>
<input id="form_lastname" type="text" name="entry.180555995" class="form-control rounded-0" placeholder="Please enter your last name *" required="required" data-error="Last Name is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="emailAddress" class="form-control rounded-0" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Message *</label>
<textarea id="form_message" name="entry.1804943380" class="form-control rounded-0" placeholder="Message for us *" rows="4" required="required" data-error="Please, leave us a message."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-primary btn-send rounded-0" value="Send">
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="text-muted">
<strong>*</strong> Required fields
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="page-footer font-small blue pt-4">
<!-- Footer Links -->
<div class="container-fluid text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-6 mt-md-0 mt-3">
<!-- Content -->
<div class="row">
<div class="col-md-4">
<div class="box h-100 justify-content-center d-flex flex-column">
<a class="navbar-brand" href="#"><img src="images/logo-footer.png"></a>
</div>
</div>
<div class="col-md-4">
<div class="box h-100 justify-content-center d-flex flex-column">
<a href="mailto:hello@functions.io"><i class="fa fa-envelope fa-1x" aria-hidden="true"></i> hello@functions.io</a>
</div>
</div>
<div class="col-md-4">
<div class="box h-100 justify-content-center d-flex flex-column">
<span><i class="fa fa-map-marker fa-1x" aria-hidden="true"></i> Utah, USA</span>
</div>
</div>
</div>
<p>functions.io is based in Utah, USA. When we're not geeking out on code, you'll find us outside enjoying Utah's outdoors scene, hacking on embedded devices, writing music, or chatting with others about tech, politics, and the future. We're excited by technology and how it can bring value to everyday life.</p>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none pb-3">
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h5 class="text-uppercase">Follow Us</h5>
<ul class="list-unstyled list-group list-group-horizontal align-items-center">
<li class="list-group-item">
<a href="https://linkedin.com/in/functions-io"><i class="fab fa-linkedin fa-2x" aria-hidden="true"></i></a>
</li>
<li class="list-group-item">
<a href="https://twitter.com/functions_io"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a>
</li>
<li class="list-group-item">
<a href="https://www.instagram.com/functions.io/"><i class="fab fa-instagram fa-2x" aria-hidden="true"></i></a>
</li>
<li class="list-group-item">
<a href="https://www.facebook.com/functions.io"><i class="fab fa-facebook fa-2x" aria-hidden="true"></i></a>
</li>
<li class="list-group-item">
<a href="https://github.com/functionsio"><i class="fab fa-github fa-2x" aria-hidden="true"></i></a>
</li>
<li class="list-group-item">
<a href="https://www.youtube.com/channel/UC9HD6fPpn6vI2KPIMDzncsQ"><i class="fab fa-youtube fa-2x" aria-hidden="true"></i></a>
</li>
</ul>
</div>
<!-- Grid column -->
<div class="col-md-3 mb-md-0 mb-3">
<!-- Links -->
<h5 class="text-uppercase">Menu</h5>
<ul class="list-unstyled">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#tech">Tech</a>
</li>
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© <script>document.write(new Date().getFullYear())</script> Copyright:
functions.io
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</main>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>