-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (165 loc) · 9.6 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
---
layout: default
section: main
---
<header>
<div id="seal">
<a href="/" title="Home">
<h1>Object Lateral</h1>
<div class="space2"></div>
<div class="space3"></div>
<div class="comet"></div>
</a>
</div>
<div id="cometTrail"></div>
<div id="tagLine"><h2><span class="thoughtful">Thoughtful, </span>Custom Software <em>by</em></h2></div>
<nav>
<ul>
<li><a href="#about" title="About">About</a></li>
<li><a href="#work" title="Work">Work</a></li>
<li><a href="/blog" title="Blog">Blog</a></li>
<li><a href="#contact" title="Contact">Contact</a></li>
</ul>
</nav>
</header>
<div id="slider">
<div id="slides">
<div class="slide">
<div class="tools-img"></div>
<h2>Craftsmen know their tools</h2>
<p>We take pride in our work and craft every piece<br /> of code with care <em>&</em> attention to detail.</p>
<p><a href="#contact" title="Contact Us">contact us to get started</a></p>
</div>
<div class="slide">
<div class="thoughtful-img"></div>
<h2>A Thoughtful Teammate</h2>
<p>We work with clients we believe in and do<br /> whatever we can to help them succeed.</p>
<p><a href="#contact" title="Contact Us">contact us to get started</a></p>
</div>
<div class="slide">
<div class="platforms-img"></div>
<h2>Polyglot Platformer</h2>
<p>Have a preferred platform? No problem.<br /> We likely already speak your language.</p>
<p><a href="#contact" title="Contact Us">contact us to get started</a></p>
</div>
</div>
<a class="leftArrow ss-icon" href="#" title="Previous">◅</a>
<a class="rightArrow ss-icon" href="#" title="Next">▻</a>
</div>
<section id="blog">
{% for post in site.posts limit:1 %}
<p><span class="large">Blog</span>{{ post.title }} {% if post.subtitle %}— {{ post.subtitle }} {% endif %} <a href="{{ post.url }}" title="{{ post.title }}" class="readmore"> <small>Read More</small></a></p>
{% endfor %}
</section>
<section id="about">
<div class="left">
<h1>Est. 2012</h1>
<p><span class="large">Object Lateral</span> is a custom software company
from Omaha, Nebraska. We value building long-term, mutually beneficial
client relationships. This requires us to be thoughtful, to communicate
clearly, and to share responsibility of our clients' technical successes.
</p>
<p>
<span class="large">Jerod Santo</span> – Object Lateral's founder – is a
Bible Christian, a husband, a father of four, and an all around geeky guy.
He graduated with highest honors from the University of Nebraska at Omaha
where he studied M.I.S., Computer Science, and Information Assurance.
</p>
<p>
Jerod is also the lead instructor of
<a href="https://interfaceschool.com" title="Interface: The Web School">Interface Web School</a>,
managing director of <a href="https://thechangelog.com" title="The Changelog">The Changelog</a>,
and writes regularly on his
<a href="http://blog.jerodsanto.net">blog</a>
and <a href="http://twitter.com/jerodsanto">Twitter</a>.
</p>
</div>
<div class="right"><div class="wrap">
<div class="img-code">
<img src="/images/img-code.png" alt="Code" class="retina" width="265" height="265"/>
</div>
<div class="img-jerod">
<img src="/images/img-jerod-32.png" alt="Jerod" class="retina" width="155" height="155"/>
</div>
<div class="img-whiteboard">
<img src="/images/img-whiteboard.png" alt="Whiteboard" class="retina" width="199" height="199"/>
</div>
<div class="fill"></div>
<div class="clear"></div>
</div></div>
</section>
<section id="work">
<div class="clients">
<div class="wrap">
<h1>Clients</h1>
</div>
<ul>
<li class="client-viirt"><a href="http://www.viirt.com" title="Viirt">Viirt</a></li>
<li class="client-orion"><a href="http://www.orionadvisor.com" title="Orion Advisor Services">Orion Advisor Services</a></li>
<li class="client-socialassurance"><a href="http://socialassurance.com" title="Social Assurance">Social Assurance<span class="ss-action"></span></a></li>
<li class="client-dibs"><a href="http://www.dibsforkids.org">DIBS for Kids</a></li>
<li class="client-west"><a href="http://www.west.com" title="West Corporation">West Corporation<span class="ss-action"></span></a></li>
<li class="client-buildomaha"><a href="http://buildomaha.org" title="BuildOmaha.org">Build Omaha<span class="ss-action"></span></a></li>
<li class="client-omahype"><a href="http://omahype.com" title="Omahype">Omahype<span class="ss-action"></span></a></li>
<li class="client-socialist"><a href="http://www.sociali.st" title="Socialist App">Socialist App<span class="ss-action"></span></a></li>
<li class="client-verdis"><a href="http://verdisgroup.com" title="Verdis Group">Verdis Group<span class="ss-action"></span></a></li>
<li class="client-secretpenguin"><a href="http://secretpenguin.com" title="Secret Penguin">Secret Penguin<span class="ss-action"></span></a></li>
<li class="client-flagship"><a href="https://flagshiprestaurantgroup.com" title="Flagship Restaurant Group">Flagship Restaurant Group</a></li>
</ul>
</div>
<div class="testimonials"><div class="wrap">
<h1>Testimonials</h1>
<div class="arrows">
<a class="ss-icon prevTesti" href="#" title="Previous Testimonial">◅</a>
<a class="ss-icon nextTesti" href="#" title="Next Testimonial">▻</a>
</div>
<ul>
<li class="client-socialist">"I've collaborated with Jerod on a wide range of projects and I'm continually astounded by the caliber of his work. His level of professionalism and mastery of his trade bleeds into everything he touches. When I want it done right the first time, I come to Jerod. He also gives mean back-rubs."<p class="byline">- John Ashenden, Socialist App</p></li>
<li class="client-ovaova">"We had never worked with Jerod prior to our experience building Ova Ova, but there is absolutely no one else we would consider for future projects. Our project was far more complex than we originally planned, and we were beyond impressed with how quickly Jerod was able to understand our needs and still manage to stay within budget and on our timeline. We could always count on Jerod to work with integrity and deliver more than he promised. We cannot recommend Object Lateral enough."<p class="byline">- Amanda Kohler, Ova Ova</p></li>
<li class="client-verdis">"Jerod solicited our input and customized an online business tool for us that encompassed exactly what we were envisioning. He has an incredible eye for detail and makes himself readily available to discuss additional ideas and concerns throughout the project. His client-centered approach makes him a pleasure to work with, and I would strongly recommend his services."<p class="byline">- Chris Stratman, Verdis Group</p></li>
<li>"We had the pleasure of teaming up with Jerod on a project in 2011. Not only is he great to work with, his skills and attention to detail are outstanding. His ability to seamlessly translate design into a usable product is refreshing. We look forward to working with Jerod in the future."<p class="byline">- Adam Nielsen, GOODTWIN</p></li>
<li>"Jerod is a top-notch web developer, one of the best we've ever worked with. His attention to detail from beginning to end is what everyone appreciates about partnerships but has such a difficult time finding. He has that rare blend of vision and execution and, most importantly, he is a man of his word. We'll be working with Object Lateral for years to come." <p class="byline">- Seth Carlson, Elevate</p></li>
</ul>
</div></div>
</section>
<section id="contact">
<div class="space2"></div>
<div class="space3"></div>
<div class="info"><div class="wrap">
Have a project for us?
<h1>Get in touch</h1>
<p>Developing a prototype for your start-up? Have a legacy system that's in need
of some TLC? Seeking training or sound advice on the state of the art?
</p>
<p>Contact us today to see if we're a good fit for you and your business!</p>
<p>Email us at: <br /><a href="mailto:[email protected]" title="[email protected]" class="large">[email protected]</a></p>
<hr />
<ul class="shareIcons">
<li><a href="https://twitter.com/objectlateral" title="@ObjectLateral on Twitter"><span class="ss-icon ss-social twitter"></span></a></li>
<li><a href="https://github.com/objectlateral" title="Object Lateral on Github"><span class="ss-icon ss-social github"></span></a></li>
<li><a href="http://www.linkedin.com/company/object-lateral-inc-" title="Object Lateral on LinkedIN"><span class="ss-icon ss-social linkedin"></span></a></li>
<li><a href="https://www.facebook.com/objectlateral" title="/ObjectLateral on Facebook"><span class="ss-icon ss-social facebook"></span></a></li>
</ul>
</div></div>
<div class="form"><div class="wrap">
<form id="contact" action="https://po-box.herokuapp.com/mail" method="POST">
<div>
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div>
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div>
<label for="message">Message</label>
<textarea name="message"></textarea>
</div>
<div>
<label class="notice"></label>
<input type="submit" name="submit" value="Submit" id="submit" />
</div>
</form>
</div></div>
<p id="legal">©{{ site.time | date: "%Y" }} Object Lateral, Inc.</p>
</section>