-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·309 lines (301 loc) · 18 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
<!DOCTYPE html>
<html lang="en" class="no-js demo-drawings">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Isometric Labs</title>
<meta name="description" content="Isometric Labs is a freelance iOS development company that produces high quality iOS apps with extremely quick turnaround times." />
<meta name="keywords" content="isometric, labs, development, iOS, freelance, apps, applications, design" />
<meta name="author" content="Sebastian Cain"/>
<meta name="google-site-verification" content="Z0X9O6qFOM8Hggnb_rUkXzM1Lh0ISdMKAda5gQaRuQY" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/scrollcomponent.css" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/modernizr.custom.js"></script>
<meta http-equiv="refresh" content="0; url=http://isometricapps.com/new/" />
</head>
<body>
<div class="splash flexvert">
<div class="title"><!--<h1 class="red" style="space-between:50">ISOMETRI</h1><h1 class="red" style="space-between:0">C</h1>--><img src="images/HalloweenLogo.png" height="124" width="395"></div>
<div><i class="fa fa-angle-down fa-2x"></i></div>
</div>
<div class="wwd flexvert">
<div>
<h3>We make iOS apps for clients who want to take their business or startup to the next level.<br><br>
We work tirelessly to create apps with efficient functionality and seamless design.
</h3>
</div>
<div>
<h3>We've proven our abilities before with projects we've worked on.<br><br>
Check out some of our recent ones below.
</h3>
</div>
<div><i class="fa fa-angle-down fa-2x"></i></div>
</div>
<div class="container">
<div id="cbp-fbscroller" class="cbp-fbscroller">
<nav>
<a href="#deflector" class="cbp-fbcurrent">Section 1</a>
<a href="#snappr">Section 2</a>
<a href="#hexacolors">Section 3</a>
<a href="#smith">Section 4</a>
<!--<a href="#fbsection5">Section 5</a>-->
</nav>
<section id="deflector">
<div class="flexhorz deflector">
<div class="descriptleft">
<img src="images/deflectorsquare.png" width="200px"><br>
<a href="https://itunes.apple.com/us/app/deflector/id953922049?ls=1&mt=8"><img src="images/appstoredownload.png" width="200px"></a>
</div>
<div class="descriptright">
<h4>ADDICTIVE GAMEPLAY</h4><br>
<p>Deflector is a game made with Swift. It uses the SpriteKit 2D framework. The objective of the game is to use the one of the three different control modes (tap, hold, or drag) to spin the bar in order to bounce falling balls to the right or left side.</p><br>
<p>We started work on Deflector in November of 2014, and thanks to fast prototyping and swift (pun intended) debugging, we were able to get it out the door and into the App Store by January 2015. Although this was a 100% in-house project with no client, we think this displays the execution skill and design expertise of our team. Deflector conforms to a more minimal style.</p><br>
</div>
</div>
</section>
<section id="snappr">
<div class="flexhorz snappr">
<div class="descriptleft">
<img src="images/snapprsquare.png" width="200px">
</div>
<div class="descriptright">
<h4>ORGANIZE YOUR MEDIA</h4><br>
<p>Snappr is a productivity app for students made with Objective-C. The app has the user input their schedule, and then the app takes it from there. Each day, when students need to take audio, video, or pictures, they can take them through the app. Then, the app deduces what class they are currently in, and then sorts all the media into sections to be referenced later.</p><br>
<p>We started Snappr in March of 2015, and we are still in the process of developing it. Snappr will be realeased in September 2015. </p><br>
</div>
</div>
</section>
<section id="hexacolors">
<div class="flexhorz hexacolors">
<div class="descriptleft">
<img src="images/hexacolorssquare.png" width="200px"><br>
<a href="https://itunes.apple.com/us/app/hexacolors/id937623815?mt=8"><img src="images/appstoredownload.png" width="200px"></a>
</div>
<div class="descriptright">
<h4>IMPROVE YOUR REACTION TIME</h4><br>
<p>Hexacolors is a reaction time game made with Objective-C. There is quick gameplay, and the user must attempt to click all six colors according to the content of the text shown, ignoring the color of the text. As there is immediate brain connection between identical colors, the user may feel a strong urge to click the wrong tile, making gameplay harder.</p><br>
<p>We developed Hexacolors in October of 2014, and we published it in January 2015. </p><br>
</div>
</div>
</section>
<section id="smith">
<div class="flexhorz smith">
<div class="descriptleft">
<img src="images/smithsquare.png" width="200px">
</div>
<div class="descriptright">
<h4>EXTEND YOUR BOUNDARIES</h4><br>
<p>Smith is an AI interfacing application built with Objective-C. The user programs knock sequences on the table and then sets actions that must be executed when the knock is recognized. Then, when the user knocks a sequence at any time, the app uses advanced pattern recognition and accelorometer vibration data</p><br>
<p>We started Smith in March of 2015, and we are still in the process of developing it. Smith is open-sourced on Github.</p><br>
</div>
</div>
</section>
<!--
<section id="viewzik">
<div class="flexhorz viewzik">
<div class="descriptleft">
<h2 style="color:white; text-align:right">VIEWZIK</h2><br><br>
<img src="images/appstoredownload.png" width="200px">
</div>
<div class="descriptright">
<h4>VISUALIZE YOUR MUSIC</h4><br>
<p>Hexacolors is a reaction time game made with Objective-C. There is quick gameplay, and the user must attempt to click all six colors according to the content of the text shown, ignoring the color of the text. As there is immediate brain connection between identical colors, the user may feel a strong urge to click the wrong tile, making gameplay harder</p><br>
<p>We start work on Viewzik in October of 2014, and we published it in January 2015. </p><br>
</div>
</div>
</section>
-->
</div>
<!--<nav id="bt-menu" class="bt-menu">
<a href="#" class="bt-menu-trigger"><span>Menu</span></a>
<ul>
<li><a href="#" class="bt-icon" style="color:#e74c3c">Home</a></li>
<li><a href="work.html" class="bt-icon">Work</a></li>
<li><a href="process.html" class="bt-icon">Process</a></li>
<li><a href="team.html" class="bt-icon">Staff</a></li>
<li><a href="contact.html" class="bt-icon">Get a Quote</a></li>
<li><a href="#" class="bt-icon"></a>"</li>
</ul>
</nav>-->
</div><!-- /container -->
<!--here's the hacking-->
<div style="display:block;height:500%;width:100%"></div>
<div class="wwd flexvert">
<div>
<h3 class="sp">Over time, we have develped a tried-and-true process for developing sucessful iOS apps. We've collected our expertise into a guideline which allows us to help any variety of client.</h3>
</div>
<div>
<h3>See our process below.</h3>
</div>
<div><i class="fa fa-angle-down fa-2x"></i></div>
</div>
<!-----------------------------------------------WHAT WE DO----------------------------------------------->
<div class="container">
<div id="cbp-fbscroller" class="cbp-fbscroller">
<!--<nav>
<a href="#sebastian" class="cbp-fbcurrent">Section 1</a>
<a href="#josh">Section 2</a>
<a href="#avery">Section 3</a>
<a href="#ryan">Section 4</a>
<!--<a href="#fbsection5">Section 5</a>
</nav>-->
<section id="planning">
<div class="flexhorz planning">
<div class="descriptleft">
<h2>Planning</h2>
</div>
<div class="descriptright">
<p>
We'll take your idea for a mobile app, and help you refine and improve it, until we have a functioning full-fledged plan for an app that is not only possible with your budget and time frame, but that will be successful on the App Store.
</p>
</div>
</div>
</section>
<section id="building">
<div class="flexhorz building">
<div class="descriptleft">
<h2>Building</h2>
</div>
<div class="descriptright">
<p>
We'll carefully begin the build process, working closely with you and heeding your instruction for edits. We'll use our design expertise to ensure that your app looks professional while functioning exactly as you want it to.
</p>
</div>
</div>
</section>
<section id="publishing">
<div class="flexhorz publishing">
<div class="descriptleft">
<h2>Publishing</h2>
</div>
<div class="descriptright">
<p>
We'll make sure your app has all the required information for publishment on the App Store, and we'll even go out of our way to provide media assets like screenshots and video previews to help promote your app.
</p>
</div>
</div>
</section>
<section id="marketing">
<div class="flexhorz marketing">
<div class="descriptleft">
<h2>Marketing</h2>
</div>
<div class="descriptright">
<p>
We have experience publishing and marketing apps, and we'll make sure that your app gains recognition on the App Store and hopefully becomes a hit. We can use our insider skills to make your app have qualities known to make apps succeed.
</p>
</div>
</div>
</section>
</div>
</div>
<!--here's the hacking-->
<div style="display:block;height:100%;width:100%"></div>
<div class="wwd flexvert">
<div>
<h3>We have an incredible team with amazing members who make all this possible.</h3>
</div>
<div>
<h3>Meet them below.</h3>
</div>
<div><a href=""><i class="fa fa-angle-down fa-2x"></i></a></div>
</div>
<!-----------------------------------------------STAFF----------------------------------------------->
<div class="container">
<div id="cbp-fbscroller" class="cbp-fbscroller">
<!--<nav>
<a href="#sebastian" class="cbp-fbcurrent">Section 1</a>
<a href="#josh">Section 2</a>
<a href="#avery">Section 3</a>
<a href="#ryan">Section 4</a>
<!--<a href="#fbsection5">Section 5</a>
</nav>-->
<section id="sebastian">
<div class="flexhorz sebastian">
<div class="descriptleft">
<h2>Sebastian<br>Cain</h2>
</div>
<div class="descriptright">
<h4>iOS Designer/Developer, Web Designer</h4><br>
<p>
Sebastian is an experienced iOS and Web developer, the creator of this website, and the cofounder of Isometric Studios. He dabbles in design and animation, but his main focus is iOS apps and games. His personal website can be found <a class="nav-link-black" href="http://sebastiancain.com">here</a>.
</p>
</div>
</div>
</section>
<section id="josh">
<div class="flexhorz josh">
<div class="descriptleft">
<h2>Josh<br>Liu</h2>
</div>
<div class="descriptright">
<h4>Full-Stack Web and iOS Developer</h4><br>
<p>
Josh is also a cofounder of Isometric Studios, and he is a full stack developer. He uses a variety of programming languages, including Objective-C, Ruby, Go, Javascript, and Python. His website and past projects can be found <a class="nav-link-black" href="http://joshliu.org">here</a>.
</p>
</div>
</div>
</section>
<section id="avery">
<div class="flexhorz avery">
<div class="descriptleft">
<h2>Avery<br>Lamp</h2>
</div>
<div class="descriptright">
<h4>iOS Expert</h4><br>
<p>
Avery is also a cofounder of Isometric Studios and a very experienced iOS developer. He enjoys building large applications as well as games. He also is experienced in Java, although he focuses mainly on iOS apps written in Objective-C or Swift.
</p>
</div>
</div>
</section>
<section id="ryan">
<div class="flexhorz ryan">
<div class="descriptleft">
<h2>Ryan<br>Sullivan</h2>
</div>
<div class="descriptright">
<h4>iOS Developer/Marketer</h4><br>
<p>Ryan Sullivan is an iOS developer, marketer, and video editor. He also has experience in special effects, 3D animation, robotics, and video game design.</p><br>
</div>
</div>
</section>
</div>
</div>
<div style="display:block;height:100%;width:100%"></div>
<div class="wwd flexvert" style="background-color:#000">
<div>
<h3>We'd love to get in touch with you to discuss your next project.</h3><br>
<h3>Fill out the form below to get a free quote.</h3>
</div>
<!-- Change the width and height values to suit you best -->
<div class="typeform-widget" data-url="https://isometric.typeform.com/to/m4XmPP" data-text="Contact Us" style="width:100%;height:500px;"></div>
<!--<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">Powered by <a href="http://www.typeform.com/?utm_campaign=typeform_m4XmPP&utm_source=website&utm_medium=typeform&utm_content=typeform-embedded&utm_term=English" style="color: #999" target="_blank">Typeform</a></div>-->
</div>
</body>
<script src="js/svganimations.js"></script>
<script src="js/classie.js"></script>
<script src="js/borderMenu.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- jquery.easing by http://gsgd.co.uk/ : http://gsgd.co.uk/sandbox/jquery/easing/ -->
<script src="js/jquery.easing.min.js"></script>
<!-- waypoints jQuery plugin by http://imakewebthings.com/ : http://imakewebthings.com/jquery-waypoints/ -->
<script src="js/waypoints.min.js"></script>
<!-- jquery-smartresize by @louis_remi : https://github.com/louisremi/jquery-smartresize -->
<script src="js/jquery.debouncedresize.js"></script>
<script src="js/cbpFixedScrollLayout.min.js"></script>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>
<script>
$(function() {
cbpFixedScrollLayout.init();
});
</script>
</html>