forked from smartlogic/smartlogic.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
443 lines (433 loc) · 35.4 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
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/sprites.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie-style.css">
<script src="javascript/html5-ie.js"></script>
<script src="javascript/mootools.js"></script>
<script src="javascript/selectivizr-min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="javascript/javascript.js"></script>
<title>About :: SmartLogic</title>
</head>
<body>
<header>
<section>
<a href="#home"><img src="images/smartlogic-logo.png" alt="SmartLogic Logo" width="227" height="37"></a>
<a href="tel:443-451-3001">(443) 451-3001</a>
</section>
<nav>
<a href="#home">Home</a>
<a href="#process-tools">Process & Tools</a>
<a href="#portfolio">Portfolio</a>
<a href="#team">Team</a>
<a href="#contact">Contact</a>
<a href="#community">Community</a>
<a href="http://blog.smartlogicsolutions.com">Blog</a>
</nav>
</header>
<article id="home">
<h2>Web and Mobile Application Development</h2>
<p>You've got a product to build, we've got a team of developers dedicated to turning your vision into reality. Our expert team has built web and mobile applications for dozens of clients, ranging from startups like Woofound and iDeeli to large organizations like ExxonMobil and Johns Hopkins Institutions. What will we build for you?</p>
<section>
<h3>Web Development</h3>
<img src="images/about-web-development.png" alt="Web Development" title="Web Development" width="278" height="168">
<p>We're a team of experienced developers that leverages Ruby on Rails to its fullest potential so your application is built faster and more efficiently. We build and reengineer rock-solid applications that are relied on by both enterprise customers and startups. </p>
<a href="#portfolio">View our Portfolio</a>
</section>
<section>
<h3>Mobile Development</h3>
<img src="images/about-mobile-development.png" alt="Mobile Development" title="Mobile Development" width="278" height="168">
<p>Leverage iOS, Android, and mobile web (HTML5). We help your mobile project every step of the way, from determining which mobile platforms are right for your project to closely managing the development process as we do with our web projects.</p>
<a href="#contact">Contact Us</a>
</section>
<section>
<h3>Our Process</h3>
<img src="images/about-process.png" class="our-process" alt="Our Process" title="Our Process" width="278" height="168">
<p>Work directly with our team to manage how and when features are built. Throughout the development process, we make communication our top priority to ensure business needs are met. We're here to help every step of the way.</p>
<a href="#process-tools">Read about our Process</a>
</section>
<aside>
<h3>Selected Clients</h3>
<img class="exxonmobil" src="images/sprite-blank.gif" alt="ExxonMobil" title="ExxonMobil" width="100" height="64">
<img class="lancome" src="images/sprite-blank.gif" alt="Lancome" title="Lancome" width="100" height="64">
<img class="ideeli" src="images/sprite-blank.gif" alt="ideeli" title="ideeli" width="100" height="64">
<img class="johns-hopkins-university" src="images/sprite-blank.gif" alt="Johns Hopkins University" title="Johns Hopkins University" width="100" height="64">
<img class="engine-yard" src="images/sprite-blank.gif" alt="Engine Yard" title="Engine Yard" width="100" height="64">
<img class="spotcrime-sprite" src="images/sprite-blank.gif" alt="Spotcrime" title="Spotcrime" width="100" height="64">
</aside>
</article>
<article id="process-tools">
<h2>Process</h2>
<aside>
<h3>Tools We Use</h3>
<figure>
<a href="http://github.com/"><img id="tools-github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="64" height="64"></a>
<figcaption><a href="http://github.com/">GitHub</a> enables us to have a shared copy of the code as it's built, accessible by all team members.</figcaption>
</figure>
<figure>
<a href="http://basecamphq.com/"><img id="tools-basecamp" src="images/sprite-blank.gif" alt="Basecamp" title="Basecamp" width="64" height="64"></a>
<figcaption>You see the evolution of the project with the flexible project management tool, <a href="http://basecamphq.com/">Basecamp</a>. </figcaption>
</figure>
<figure>
<a href="http://campfirenow.com/"><img id="tools-campfire" src="images/sprite-blank.gif" alt="Campfire" title="Campfire" width="64" height="64"></a>
<figcaption>We collaborate remotely with <a href="http://campfirenow.com/">Campfire</a>: sharing code, files, and real-time decision making. </figcaption>
</figure>
<figure>
<a href="http://pivotaltracker.com/"><img id="tools-pivotal" src="images/sprite-blank.gif" alt="Pivotal Tracker" title="Pivotal Tracker" width="64" height="64"></a>
<figcaption>Change the priorities of features and view their completion as we develop with <a href="http://pivotaltracker.com/">Pivotal Tracker</a>.</figcaption>
</figure>
<figure>
<a href="http://skype.com/"><img id="tools-skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="64" height="64"></a>
<figcaption>Communication is central to projects. For one-off conversations, we'll hop on the phone or use <a href="http://skype.com/">Skype</a>.</figcaption>
</figure>
</aside>
<section>
<h3>Scoping</h3>
<p>When working with SmartLogic, the client is in the driver's seat. Our clients and their business needs determine the scope of the projects and the features that get built. From project commencement, scoping meetings allow us to jump headfirst into design and development, or results can be used for client fundraising and budget planning.</p>
</section>
<section>
<h3>Design and Development</h3>
<p>Whether we're your sole development resource or we're integrated with your in-house development team, we work to complete your prioritized features as efficiently as possible. You determine what gets done, and when. To ensure we're in alignment, we communicate throughout the course of the project through periodic scoping meetings, weekly iteration meetings, and daily standup meetings. All three serve to keep all stakeholders abreast of project progress.</p>
</section>
<section>
<h3>Project Completion</h3>
<p>We take great pride in the applications we help create and are with them for their product lifecycles. We help in-house development teams transition to code we've created and are available for maintenance or feature development in perpetuity.</p>
</section>
</article>
<article id="portfolio">
<h2>Portfolio</h2>
<article>
<a href="#portfolio/woofound/images"><img src="images/portfolio/woofound.jpg" alt="Woofound Thumbnail" width="420" height="260"></a>
<h2>Woofound</h2>
<p><a href="http://woofound.com/">Woofound</a> is a visual personality game that finds things you'll love to do. We created Woofound's iPhone app. Woofound has been featured in the <a href="http://www.baltimoresun.com/business/technology/blog/bs-bz-woofound-app-20120609,0,6474406.story">Baltimore Sun</a>, <a href="http://techcrunch.com/2012/06/03/woofounds-social-events-app-matches-people-to-places-based-on-personality/">Techcrunch</a> and various other publications. <a href="http://itunes.apple.com/us/app/woofound/id530019321">Download the Woofound iPhone app today!</a></p>
<aside><a href="#portfolio/woofound/images">View 5 screenshots</a> <a href="http://woofound.com/">Go to http://woofound.com</a></aside>
<section id="portfolio/woofound/images">
<figure class="iphone">
<img src="images/portfolio/woofound-3.jpg" alt="Woofound Visual Game" width="400" height="600">
<figcaption><strong>Image 1/5:</strong> Users browse through a series of images and click "Me" or "Not Me" to allow the system to find the user's likes/dislikes.</figcaption>
</figure>
<figure class="iphone">
<img src="images/portfolio/woofound-2.jpg" alt="Woofound Suggested Experience" width="400" height="600">
<figcaption><strong>Image 2/5:</strong> The app then suggests locations and experiences for the user to try based on his/her profile.</figcaption>
</figure>
<figure class="iphone">
<img src="images/portfolio/woofound-1.jpg" alt="Woofound Experience Detail View" width="400" height="600">
<figcaption><strong>Image 3/5:</strong> Locations and experiences have profiles, maps, ratings, etc.</figcaption>
</figure>
<figure class="iphone">
<img src="images/portfolio/woofound-4.jpg" alt="Woofound Plans Page" width="400" height="600">
<figcaption><strong>Image 4/5:</strong> Users can create plans and invite their friends to attend.</figcaption>
</figure>
<figure class="iphone">
<img src="images/portfolio/woofound-5.jpg" alt="Woofound User Feed" width="400" height="600">
<figcaption><strong>Image 5/5:</strong> The app features a news feed, which shows you what plans your friends are attending.</figcaption>
</figure>
</section>
</article>
<article>
<a href="#portfolio/zipmark/images"><img src="images/portfolio/zipmark.png" alt="Zipmark Thumbnail" width="420" height="260"></a>
<h2>Zipmark</h2>
<p><a href="http://zipmark.com/">Zipmark</a> makes it easier to submit payments to friends, family and businesses. We created seamless 3rd party integration for Zipmark via multiple APIs. We also integrated the Zipmark application with FreshBooks, BillMyClients, and other accounting systems. </p>
<aside><a href="#portfolio/zipmark/images">View 2 screenshots</a> <a href="http://zipmark.com/">Go to http://zipmark.com</a></aside>
<section id="portfolio/zipmark/images">
<figure>
<img src="images/portfolio/zipmark-1.jpg" alt="Zipmark" title="Zipmark" width="600" height="450">
<figcaption><strong>Image 1/2:</strong> Zipmark-enabled companies are able to send invoices through their preferred accounting system and receive payments easily and securely.</figcaption>
</figure>
<figure>
<img src="images/portfolio/zipmark-2.jpg" alt="Zipmark" title="Zipmark" width="600" height="450">
<figcaption><strong>Image 2/2:</strong> Automated invoice emails are sent to customers for quick, effortless payment direct from the customer's checking account.</figcaption>
</figure>
</section>
</article>
<article>
<a href="#portfolio/folio/images"><img src="images/portfolio/folio.png" alt="FolioNetwork Thumbnail" width="420" height="260"></a>
<h2>FolioNetwork</h2>
<p><a href="http://www.folionetwork.com/">FolioNetwork</a> provides a comprehensive tool for managing the faculty evaluation and growth process in independent schools. Our teams worked in tandem to determine which features would have the highest benefit for the product's initial release. We also helped to identify goals for the entire project: security, easy web-based reporting, and importing schools' existing data.</p>
<aside><a href="#portfolio/folio/images">View 3 screenshots</a> <a href="http://folionetwork.com/">Go to http://folionetwork.com</a></aside>
<section id="portfolio/folio/images">
<figure>
<img src="images/portfolio/folio-1.jpg" alt="FolioNetwork" title="FolioNetwork" width="600" height="450">
<figcaption><strong>Image 1/3:</strong> FolioNetworks' user dashboard: teacher profile, teacher goals and accomplishments, and reports.</figcaption>
</figure>
<figure>
<img src="images/portfolio/folio-2.jpg" alt="FolioNetwork" title="FolioNetwork" width="600" height="450">
<figcaption><strong>Image 2/3:</strong> Roll call functionality allows teachers to closely monitor students and aggregate feedback. </figcaption>
</figure>
<figure>
<img src="images/portfolio/folio-3.jpg" alt="FolioNetwork" title="FolioNetwork" width="600" height="450">
<figcaption><strong>Image 3/3:</strong> Feedback trigger enables teachers and administrators to closely monitor progress of students and peers.</figcaption>
</figure>
</section>
</article>
<article>
<a href="#portfolio/givecorps/images"><img src="images/portfolio/givecorps.png" alt="GiveCorps Thumbnail" width="420" height="260"></a>
<h2>GiveCorps</h2>
<p><a href="https://givecorps.com/">GiveCorps</a> is a social website headquartered in Baltimore that inspires givers of all ages and incomes to support local nonprofit organizations rewards donors with deals and discounts from local restaurants and retailers. We developed the entire application - including features to facilitate e-commerce transactions and features allowing administrators to manage available projects that can be funded.</p>
<aside><a href="#portfolio/givecorps/images">View 3 screenshots</a> <a href="http://givecorps.com/">Go to http://givecorps.com</a></aside>
<section id="portfolio/givecorps/images">
<figure>
<img src="images/portfolio/givecorps-1.jpg" alt="GiveCorps" title="GiveCorps" width="600" height="450">
<figcaption><strong>Image 1/3:</strong> Browse GiveCorps' available projects and search by causes.</figcaption>
</figure>
<figure>
<img src="images/portfolio/givecorps-2.jpg" alt="GiveCorps" title="GiveCorps" width="600" height="450">
<figcaption><strong>Image 2/3:</strong> Project details page is an attractive and easy way to highlight the project, track money raised, and rally sponsorship.</figcaption>
</figure>
<figure>
<img src="images/portfolio/givecorps-3.jpg" alt="GiveCorps" title="GiveCorps" width="600" height="450">
<figcaption><strong>Image 3/3:</strong> GiveCorps' donation process allows users to select bonuses based on donation levels, then check out using a secure process.</figcaption>
</figure>
</section>
</article>
<article>
<a href="#portfolio/spotcrime/images"><img src="images/portfolio/spotcrime.jpg" alt="SpotCrime Thumbnail" width="420" height="260"></a>
<h2>SpotCrime</h2>
<p><a href="http://spotcrime.com/">SpotCrime</a> is the most comprehensive online source of crime information. SpotCrime has a database of over 15 million crimes and an email subscriber base of over 300,000 users. We designed and built mechanisms to allow SpotCrime to withstand large influxes of users and have failover capabilities should a server go down.</p>
<aside><a href="#portfolio/spotcrime/images">View 4 screenshots</a> <a href="http://spotcrime.com/">Go to http://spotcrime.com</a></aside>
<section id="portfolio/spotcrime/images">
<figure>
<img src="images/portfolio/spotcrime-1.jpg" alt="Spotcrime" title="Spotcrime" width="600" height="450">
<figcaption><strong>Image 1/4:</strong> Spotcrime's iPad application, providing location-specific current crime information.</figcaption>
</figure>
<figure>
<img src="images/portfolio/spotcrime-2.jpg" alt="Spotcrime" title="Spotcrime" width="600" height="450">
<figcaption><strong>Image 2/4:</strong> Local crime alerts email sent by SpotCrime allows user to be notified of crimes in their area.</figcaption>
</figure>
<figure>
<!-- The two below are showing very similar visual info to the last two screen shots, I'd recommend removing them. -->
<img src="images/portfolio/spotcrime-3.jpg" alt="Spotcrime" title="Spotcrime" width="600" height="450">
<figcaption><strong>Image 3/4:</strong> Spotcrime</figcaption>
</figure>
<figure>
<img src="images/portfolio/spotcrime-4.jpg" alt="Spotcrime" title="Spotcrime" width="600" height="450">
<figcaption><strong>Image 4/4:</strong> Spotcrime</figcaption>
</figure>
</section>
</article>
<article>
<h2>Other Clients</h2>
<img class="exxonmobil" src="images/sprite-blank.gif" alt="ExxonMobil Corporation Logo" title="ExxonMobil Corporation" width="100" height="64">
<img class="brookes-publishing" src="images/sprite-blank.gif" alt="Paul H. Brookes Publishing Co Logo" title="Paul H. Brookes Publishing Co." width="100" height="64">
<img class="newseum" src="images/sprite-blank.gif" alt="Newseum Logo" title="The Newseum" width="100" height="64">
<img class="jpmorgan-chase" src="images/sprite-blank.gif" alt="JPMorgan Chase Logo" title="JPMorgan Chase" width="100" height="64">
<img class="engine-yard" src="images/sprite-blank.gif" alt="Engine Yard Logo" title="Engine Yard" width="100" height="64">
<img class="kennedy-krieger" src="images/sprite-blank.gif" alt="Kennedy Krieger Institute Logo" title="Kennedy Krieger Institute" width="100" height="64">
<img class="johns-hopkins-university" src="images/sprite-blank.gif" alt="Johns Hopkins University Logo" title="Johns Hopkins University" width="100" height="64">
<img class="johns-hopkins-hospital" src="images/sprite-blank.gif" alt="Johns Hopkins Hospital Logo" title="Johns Hopkins Hospital" width="100" height="64">
<img class="johns-hopkins-school" src="images/sprite-blank.gif" alt="Johns Hopkins School of Public Health Logo" title="Johns Hopkins School of Public Health" width="100" height="64">
<img class="omalley" src="images/sprite-blank.gif" alt="Governor O'Malley Reelection Campaign Logo" title="Governor O'Malley Reelection Campaign" width="100" height="64">
<img class="lancome" src="images/sprite-blank.gif" alt="Lancome Logo" title="Lancome" width="100" height="64">
<img class="ideeli" src="images/sprite-blank.gif" alt="ideeli Logo" title="ideeli" width="100" height="64">
<img class="brown" src="images/sprite-blank.gif" alt="Brown University Logo" title="Brown University" width="100" height="64">
<img class="helk" src="images/sprite-blank.gif" alt="Health e-Lunch Kids" title="Health e-Lunch Kids" width="100" height="64">
<img class="meet-the-famous" src="images/sprite-blank.gif" alt="Meet the Famous Logo" title="Meet the Famous" width="100" height="64">
<img class="simplifymd" src="images/sprite-blank.gif" alt="simplifyMD" title="simplifyMD" width="100" height="64">
</article>
</article>
<article id="team">
<h2>Team</h2>
<figure>
<h3>Yair Flicker, Principal</h3>
<img src="images/team/yair.png" alt="Yair Flicker in Petra" title="Yair Flicker in Petra" width="450" height="170">
<p>Yair is a programmer-turned-entrepreneur who moved from Ohio to Maryland to study computer science at Johns Hopkins University. He coordinates events like <a href="http://bohconf.com/">BohConf</a> and <a href="http://igniterailsconf.com/">Ignite RailsConf</a>. In his free time, he likes biking, running, squash, piano, aviation and sailing. He's an avid traveler and has gone all over the world - including China, North Korea, Germany, Spain, Wales, England, Morocco and France in the past year.</p>
<footer>
<a href="skype:yflicker"><img class="skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="16" height="16"></a>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/yflicker"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/yflicker"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/yflicker"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
<a href="http://flickr.com/photos/yflicker/sets"><img class="flickr" src="images/sprite-blank.gif" alt="Flickr" title="Flickr" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Ryan DeStefano</h3>
<img src="images/team/ryan.png" alt="Ryan DeStefano" title="Ryan DeStefano" width="210" height="140">
<footer>
<a href="skype:ryandestefano"><img class="skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="16" height="16"></a>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/ryandestefano"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/ryandestefano"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/ryandestefano"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Sam Goldman</h3>
<img src="images/team/sam.png" alt="Sam Goldman" title="Sam Goldman" width="210" height="140">
<footer>
<a href="skype:samwgoldman"><img class="skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="16" height="16"></a>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://www.linkedin.com/pub/sam-goldman/5/80/654"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/samwgoldman"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Dan Ivovich</h3>
<img src="images/team/dan.png" alt="Dan Ivovich" title="Dan Ivovich" width="210" height="140">
<footer>
<a href="skype:danivovich"><img class="skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="16" height="16"></a>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/danivovich"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/divovich"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/danivovich"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Carlos Lalimarmo</h3>
<img src="images/team/carlos.png" alt="Carlos Lalimarmo" title="Carlos Lalimarmo" width="210" height="140">
<footer>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://github.com/clalimarmo"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Eric Oestrich</h3>
<img src="images/team/eric.png" alt="Eric Oestrich" title="Eric Oestrich" width="210" height="140">
<footer>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/ericoestrich"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/pub/eric-oestrich/28/431/32"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/oestrich"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Paul Ostazeski</h3>
<img src="images/team/paul.png" alt="Paul Ostazeski" title="Paul Ostazeski" width="210" height="140">
<footer>
<a href="skype:paulostazeski"><img class="skype" src="images/sprite-blank.gif" alt="Skype" title="Skype" width="16" height="16"></a>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/PaulOstazeski"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/paulostazeski"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/PaulOstazeski"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Tom von Schwerdtner</h3>
<img src="images/team/tom.png" alt="Tom von Schwerdtner" title="Tom von Schwerdtner" width="210" height="140">
<footer>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/tvon"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/tomvons"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/tvon"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
<figure>
<h3>Nestor Walker</h3>
<img src="images/team/nestor.png" alt="Nestor Walker" title="Nestor Walker" width="210" height="140">
<footer>
<a href="mailto:[email protected]"><img class="email" src="images/sprite-blank.gif" alt="Email" title="Email" width="16" height="16"></a>
<a href="http://twitter.com/nestorwalker"><img class="twitter" src="images/sprite-blank.gif" alt="Twitter" title="Twitter" width="16" height="16"></a>
<a href="http://www.linkedin.com/in/nestorw"><img class="linked-in" src="images/sprite-blank.gif" alt="Linked-In" title="Linked-In" width="16" height="16"></a>
<a href="http://github.com/nestorw"><img class="github" src="images/sprite-blank.gif" alt="GitHub" title="GitHub" width="16" height="16"></a>
</footer>
</figure>
</article>
<article id="contact">
<h2>Contact</h2>
<section>
<h3>Application Development</h3>
<p>We're excited to make your project idea a reality. Get in touch with us today: <a href="tel:443-451-3001">(443) 451-3001</a> or email Yair at <a href="mailto:[email protected]">[email protected]</a>.</p>
<form onsubmit="this.action='https://docs.google.com/spreadsheet/formResponse?formkey=dEFrYmdlVnBVdkVWaGcxVnlFMkpyTUE6MQ&embedded=true&ifq'; submitMessage()" method="post" target="google-form-fake-target">
<input type="text" name="entry.0.single" placeholder="Name">
<input type="text" name="entry.1.single" placeholder="Email Address">
<input type="text" name="entry.2.single" placeholder="Phone Number">
<textarea name="entry.4.single" rows="8" cols="75" placeholder="Comments"></textarea>
<input type="submit" name="submit" value="Submit">
</form>
<iframe src="#" id="google-form-fake-target" name="google-form-fake-target"></iframe>
<iframe src="#" id="google-adwords-fake-target" name="google-form-fake-target"></iframe>
</section>
<section>
<h3>We're Hiring!</h3>
<p>Interested in joining a collaborative team working on fun new projects? We're always looking for developer talent.</p>
<p>Email Yair at <a href="mailto:[email protected]">[email protected]</a>.</p>
</section>
<section class="images">
<h3>Our Office</h3>
<img src="images/office1.png" alt="Picture of SmartLogic's Office 1/3">
<img src="images/office2.png" alt="Picture of SmartLogic's Office 2/3">
<img src="images/office3.png" alt="Picture of SmartLogic's Office 3/3">
</section>
<section>
<img src="images/etc.png" alt="Emerging Technology Centers" width="200" height="300">
<h3>Location and Parking</h3>
<p>We're located at <a href="http://etcbaltimore.com/">ETC's Canton Incubator</a>. Our address is <a href="http://maps.google.com/maps?q=2400+Boston+St,+Baltimore,+MD+21224">2400 Boston St, Ste 302, Baltimore, MD 21224 (Google Maps link)</a>.</p>
<p>To enter ETC Canton, go through the doors between the LensCrafters and Babylon Nails & Spa. Go up the elevator to the third floor and proceed to the back corner of the building.</p>
<p><strong>Important parking info:</strong>If you will be visiting for under two hours, park out front of the office. Otherwise park on the street or ask us for a parking permit. Please obey all parking signs - they do tow and ticket!</p>
</section>
</article>
<article id="community">
<h2>Community</h2>
<article>
<img id="bohconf" src="images/sprite-blank.gif" alt="BohConf" title="BohConf" width="290" height="120">
<h3>BohConf</h3>
<p><a href="http://bohconf.com/">BohConf</a> is the official unconf of <a href="http://railsconf.com/">RailsConf</a>. BohConf has been called "<a href="http://blog.majesticseacreature.com/bohconf-the-best-ruby-conference-ever">The Best Ruby Conference Ever</a>." SmartLogic has been organizing BohConf for two years.</p>
</article>
<article>
<img id="ignite-railsconf" src="images/sprite-blank.gif" alt="Ignite Railsconf" title="Ignite RailsConf" width="290" height="120">
<h3>Ignite RailsConf</h3>
<p><a href="http://igniterailsconf.com/">Ignite RailsConf</a> is the unofficial kickoff event of <a href="http://railsconf.com/">RailsConf</a>. Ignite is a series of 5-minute talks on various topics. SmartLogic organized Ignite RailsConf in 2011.</p>
</article>
<article>
<img id="meetups" src="images/sprite-blank.gif" alt="Meetups" title="Meetups" width="290" height="120">
<h3>Meetups</h3>
<p>If you've gone to a tech-related meetup in Baltimore then chances are you have eaten our pizza. We sponsor <a href="http://www.google.com/?q=site:meetup.com+smartlogic+solutions">half a dozen meetups</a>. Want us to sponsor yours too? <a href="#contact">Get in touch.</a></p>
</article>
<article>
<img id="podcast-studio" src="images/sprite-blank.gif" alt="Podcast Studio" title="Podcast Studio" width="290" height="120">
<h3>Podcast Studio</h3>
<p>We have a podcast studio in our office that is FREE for anybody to use. <a href="http://thecastcast.com/">The Castcast Network</a> records out of our studio. Some of our equipment: 4 SM58s mics, headphones, deskstands, shockmount clips, windscreens and a Behringer X1204USB mixer.</p>
</article>
<article>
<img id="pet-projects" src="images/sprite-blank.gif" alt="Yair's dog Jet" title="Yair's dog Jet" width="290" height="120">
<h3>Pet Projects</h3>
<p>We've worked on <a href="http://shouldirt.com/">ShouldIRT</a> (should I retweet?) - an app that helps keep the twitterverse free from annoying retweets.</p>
</article>
<article>
<img id="charity" src="images/sprite-blank.gif" alt="Charity" title="Charity" width="290" height="120">
<h3>Charity</h3>
<p>We've helped out several organizations over the years. <a href="http://twitter.com/#!/smartlogic/sponsored/members">View some</a>. And a <a href="http://www.smartlogicsolutions.com/gratis-work-and-charities">more complete list</a>.</p>
</article>
<article>
<img id="shared-office-space" src="images/sprite-blank.gif" alt="Shared Office Space" title="Shared Office Space" width="290" height="120">
<h3>Shared Office Space</h3>
<p>We have several extra offices and desks in our office. Come work here for free, or if you want a private, dedicated office, get it on the cheap.</p>
</article>
<article>
<img id="open-source" src="images/sprite-blank.gif" alt="Linus Torvalds's Mug" title="Open Source" width="290" height="120">
<h3>Open Source</h3>
<p>We've worked on open source projects over the years.</p>
</article>
<article>
<img id="other-events" src="images/sprite-blank.gif" alt="Other Events / Groups We've Sponsored" title="Other Events" width="290" height="120">
<h3>Event Sponsorships</h3>
<p>We've sponsored <a href="http://rubydcamp.org/">Ruby DCamp</a> (and designed the shirts) for a few years now. We built the websites for <a href="http://ignitebaltimore.com">Ignite Baltimore</a>, <a href="http://www.igniteannapolis.com/">Annapolis</a>, <a href="http://ignite-dc.com/">DC</a> and <a href="http://igniterailsconf.com/">RailsConf</a>. We've also sponsored several other events.</p>
</article>
</article>
<footer>
<div id="footer">
<p>
<strong>© 2012 SmartLogic Solutions LLC</strong>
<a href="https://github.com/smartlogic/smartlogic.github.com">This website is hosted at GitHub</a>
</p>
<address>
<a href="http://maps.google.com/maps?q=2400+Boston+St,+Baltimore,+MD+21224">2400 Boston St Ste 302<br>Baltimore, MD 21224</a>
</address>
<section>
<a href="http://www.twitter.com/smartlogic" target="_blank"><img src="images/sprite-blank.gif" class="twitter-32" alt="Twitter" title="Follow us at @smartlogic"></a>
<a href="http://www.facebook.com/smartlogic" target="_blank"><img src="images/sprite-blank.gif" class="facebook-32" alt="Facebook" title="Befriend us on Facebook"></a>
<a href="https://plus.google.com/100608393047461596789" rel="publisher" target="_blank"><img src="images/sprite-blank.gif" class="google-plus-32" alt="Google+" title="Google+"></a>
<a href="http://www.linkedin.com/company/smartlogic-solutions/" target="_blank"><img src="images/sprite-blank.gif" class="linkedin-32" alt="LinkedIn" title="Follow us on LinkedIn"></a>
<a href="https://github.com/smartlogic/" target="_blank"><img src="images/sprite-blank.gif" class="github-32" alt="GitHub" title="GitHub"></a>
</section>
</div>
</footer>
</body>
</html>