-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
211 lines (185 loc) · 13.7 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
<!doctype html>
<html lang="en" class="h-100">
<head>
<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="Matthew Strickland, Idle Fusion LLC">
<title>Idle Fusion, App Development Consulting</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<link href="index.css" rel="stylesheet">
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28790814-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="d-flex flex-column h-100">
<header id="home">
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 bg-white border-bottom shadow-sm">
<a class="my-0 mr-md-auto" href="#">
<img alt="Idle Fusion" src="img/logo.png">
</a>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="#">Home</a>
<a class="p-2 text-dark" href="#process">Process</a>
<a class="p-2 text-dark" href="#feedback">Feedback</a>
<a class="p-2 text-dark" href="#portfolio">Portfolio</a>
<a class="p-2 text-dark" href="#leadership">Leadership</a>
</nav>
<a class="btn btn-dark" href="contact.html">Contact</a>
</div>
</header>
<main>
<div class="container marketing">
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
<div class="col-md-5 p-lg-5 mx-auto my-5">
<h1 class="display-3 font-weight-normal">WE ARE IDLE FUSION</h1>
<p class="lead font-weight-normal">We guide our clients to create simple and effective apps.</p>
<a href="#" class="btn btn-success my-2" data-toggle="modal" data-target="#contactModal">Work With Us</a>
</div>
<div class="product-device shadow-sm d-none d-md-block"></div>
<div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
</div>
<hr class="featurette-divider">
<div class="my-3 py-3 text-center" id="process">
<h1 class="display-5">Our Process:</h1>
</div>
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Your product is the hero and we are your guides.</h2>
<p class="lead">Your product, team, and the business goal is our main focus. While we fashion ourselves as experts, we are not the hero in this story, you are. Our role is to guide you through the journey and deliver results.</p>
</div>
<div class="col-md-5">
<img class="img-fluid mx-auto d-block" src="./img/site/hero.png" alt="Industry Experts With App Development">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Prior, proper, planning leads to great results.</h2>
<p class="lead">Let us guide you to bring your ideas and market strategies to life. Our team uses best-in-class engineering practices to identify what we are building and set clear expectations on how we will deliver.</p>
</div>
<div class="col-md-5 order-md-1">
<img class="img-fluid mx-auto d-block" src="./img/site/planning.png" alt="Industry Experts With App Development">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">We are looking for partners to work together for a common goal.</h2>
<p class="lead">App Development can quickly become a race to the bottom that benefits no one. Clients end up unhappy because the process was poor and the quality is lacking. We are different. We want to partner with you for an outcome that benefits both parties. Trust us like hundreds of other brands do every day to bring your idea to life. You won't regret it.</p>
</div>
<div class="col-md-5">
<img class="img-fluid mx-auto d-block" src="./img/site/teamwork.png" alt="Industry Experts With App Development">
</div>
</div>
<hr class="featurette-divider">
<div class="my-3 py-3 text-center" id="feedback">
<h1 class="display-5">What our Clients are saying:</h1>
</div>
<div class="row">
<div class="col-lg-4">
<img class="bd-placeholder-img rounded-circle" src="./img/clients/jeremy.jpg" width="140" height="140" alt="happy client">
<h2>Jeremy Bagwell</h2>
<a href="http://northpoint.org/">North Point Ministries</a>
<p>I have worked with Idle Fusion on multiple projects ranging from design conception to project implementation. The service that Idle Fusion provides is consistent, and client focused.</p><p>What I've found refreshing is that Idle Fusion never allows their personal tastes or style get in the way of what I'm trying to accomplish.</p>
</div>
<div class="col-lg-4">
<img class="bd-placeholder-img rounded-circle" src="./img/clients/pippin.jpg" width="140" height="140" alt="happy client">
<h2>Pippin Williamson</h2>
<a href="https://pippinsplugins.com/">Pippin's Plugins</a>
<p>Idle Fusion was phenomenal to work with. Matthew approached the project with professionalism, creativity, and superb insight into how to create a useful and high quality product. The same level of quality was maintained throughout the entire project, even after the initial project was complete.</p> <p>I have nothing but respect for Matthew and have every intention of working with him again in the future.</p>
</div>
<div class="col-lg-4">
<img class="bd-placeholder-img rounded-circle" src="./img/clients/roger.png" width="140" height="140" alt="happy client">
<h2>Roger Walker</h2>
<a href="http://accuagency.com">Assurance Systems, Inc.</a>
<p>Matthew is a person with great insight into the big picture of technology-based businesses in addition to being an extremely talented developer. He always provided leadership, expertise and a positive attitude to our development team.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="my-3 py-3 text-center" id="portfolio">
<h1 class="display-5">Portfolio:</h1>
</div>
<div class="bg-light text-center text-dark pb-5">
<div class="row">
<div class="col-md-2 mb-2">
<a href="https://itunes.apple.com/us/app/golf-channel/id466053027?mt=8" title="Radio Disney"><img class="bd-placeholder-img" src="./img/clients/radiodisney.png" width="140" height="140" alt="Radio Disney"></a>
</div>
<div class="col-md-2 mb-2">
<a href="https://itunes.apple.com/us/app/golf-channel-academy/id583390285?mt=8" title="Golf Channel Academy"><img class="bd-placeholder-img border rounded" src="./img/clients/gca.jpg" width="140" height="140" alt="Golf Channel Academy"></a>
</div>
<div class="col-md-2 mb-2">
<a href="https://itunes.apple.com/us/app/golf-channel/id466053027?mt=8" title="Golf Channel Mobile"><img class="bd-placeholder-img border rounded" src="./img/clients/gc.jpg" width="140" height="140" alt="Golf Channel"></a>
</div>
<div class="col-md-2 mb-2">
<a href="https://itunes.apple.com/us/app/golfnow-golf-gps-tracker-tee/id411930498?mt=8" title="Golf Now"><img class="bd-placeholder-img border rounded" src="./img/clients/golfnow.png" width="140" height="140" alt="Golf Now"></a>
</div>
<div class="col-md-2 mb-2">
<a href="http://gitty.mstrick.com" title="Golf Channel Mobile"><img class="bd-placeholder-img border rounded" src="./img/clients/gitty-2.png" width="140" height="140" alt="Gitty - GitHub for iOS"></a>
</div>
<div class="col-md-2">
<a href="https://easydigitaldownloads.com" title="Easy Digital Downloads"><img class="bd-placeholder-img" src="./img/clients/edd.png" width="140" height="140" alt="Easy Digital Downloads"></a>
</div>
</div>
</div>
<hr class="featurette-divider">
<div class="my-3 py-3 text-center" id="leadership">
<h1 class="display-5">Our Leadership:</h1>
</div>
<div class="row">
<div class="col-lg-12">
<div class="mb-3 text-center">
<img class="bd-placeholder-img rounded-circle" src="./img/us/matthew.png" width="140" height="140" alt="happy leader">
<h2>Matthew Strickland</h2>
<a href="https://linkedin.com/in/mps">Connect</a>
</div>
<p>Matthew Strickland is an experienced technology leader with a proven track record of delivery amazing Digital Experiences.</p>
<p>As a Partner at Idle Fusion, Matthew is dedicated to delivering world class solutions for our clients that are beautiful, simple and effective. With today's challenges, Matthew and our Engineering team believe that technology can be both simple and effective without compromising technology standards to enable the future.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5">Need Help Building Your Next App?</h2>
<a class="btn btn-lg btn-success mt-3" href="contact.html">Let's Chat</a>
</div>
<div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
</div>
<hr class="featurette-divider">
</div>
<footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
<p><a class="m-1" href="https://github.com/idlefusion" target="_blank" title="Github"><svg width="26" height="26" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><title>Github</title><path d="M13 0C5.822 0 0 5.82 0 13c0 5.744 3.725 10.617 8.89 12.336.65.12.86-.283.86-.625v-2.42c-3.616.787-4.37-1.533-4.37-1.533-.59-1.503-1.443-1.903-1.443-1.903-1.18-.807.09-.79.09-.79 1.305.092 1.992 1.34 1.992 1.34 1.158 1.988 3.04 1.413 3.782 1.08.116-.84.453-1.413.825-1.737-2.887-.33-5.922-1.445-5.922-6.425 0-1.42.508-2.58 1.34-3.49-.135-.328-.58-1.65.126-3.44 0 0 1.093-.35 3.577 1.332A12.468 12.468 0 0 1 13 6.287c1.105.005 2.218.15 3.256.437 2.482-1.68 3.572-1.332 3.572-1.332.708 1.79.262 3.113.128 3.44.834.91 1.338 2.07 1.338 3.49 0 4.993-3.04 6.092-5.936 6.414.466.403.892 1.194.892 2.407v3.568c0 .346.208.753.868.625C22.28 23.613 26 18.742 26 13c0-7.18-5.82-13-13-13z" fill="#aaa" fill-rule="evenodd"></path></svg></a>
<!-- <a class="m-1" href="https://twitter.com/idlefusion" target="_blank" title="Twitter"><svg width="24" height="19" viewBox="0 0 24 19" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M20.608 2.923c1.023-.585 1.754-1.608 2.046-2.63-.877.584-1.9.876-3.07 1.17C18.71.584 17.393 0 16.078 0c-2.63 0-4.823 2.192-4.823 4.823 0 .44 0 .73.146 1.023C7.454 5.7 3.8 3.8 1.462.876c-.44.732-.585 1.61-.585 2.486 0 1.607.877 3.07 2.192 3.946-.732 0-1.462-.293-2.193-.585 0 2.34 1.608 4.24 3.8 4.677-.292 0-.73.146-1.17.146-.292 0-.584 0-.876-.146.585 1.9 2.34 3.362 4.532 3.362-1.608 1.315-3.654 2.046-5.993 2.046H0C2.046 18.123 4.385 18.854 6.87 19h1.168c8.33-.438 13.008-7.454 13.008-13.592v-.585c.877-.73 1.754-1.46 2.34-2.485-.878.147-1.755.44-2.778.585z" fill="#aaa" fill-rule="evenodd"></path></svg></a>
<a class="m-1" href="https://www.facebook.com/idlefusion" target="_blank" title="Facebook"><svg width="11" height="23" viewBox="0 0 11 23" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M7.188 5.03c0-.43.287-.718.718-.718h2.875V0H5.75a3.56 3.56 0 0 0-3.594 3.594v4.312H0v4.313h2.156V23h5.03l.002-10.78h2.875l.718-4.314H7.19V5.03z" fill="#aaa" fill-rule="evenodd"></path></svg></a> -->
© 2024 Idle Fusion</p>
</footer>
</main>
</body>
</html>