-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·199 lines (153 loc) · 7.51 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
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/b/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Staunch Robots</title>
<meta name="description" content="StaunchRobot Labs">
<meta name="author" content="@morrillt">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
<!-- CSS: implied media=all -->
<!-- CSS concatenated and minified via ant build script-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" type="text/css" media="all" href="css/960.css">
<link rel="stylesheet" type="text/css" media="all" href="css/text.css">
<link rel="stylesheet" type="text/css" media="all" href="css/custom.css">
<link rel="stylesheet" href="css/hackyhack.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!-- end CSS-->
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- All JavaScript at the bottom, except for Modernizr / Respond.
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/30f550e0d38ceb6ef5b81500c64d970b7fb0f028/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub"></a>
<div class="container_16 container">
<header>
<nav class = "grid_16">
<ul class ="center">
<li>Home
</li>
<li>Team
</li>
<li>Blog
</li>
<li>Contact
</li>
</ul>
</nav><!-- close navigation -->
<hr>
</header>
<section class="grid_8 alpha">
<h2>American Customer Service</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section class="grid_8 omega">
<h2>Global Engineering</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</section>
<section class = "spacer grid_16"> </section>
<section class = "spacer grid_16"> </section>
</div> <!-- Close 16 grid containter -->
<div class="container_12 container">
<section class="grid_4 alpha">
<h2>We like agencies</h2>
<P>
Our focus is on providing support for web development shops and design agencies. Our processes are geared for people in the industry that know how to communicate their needs, and don’t large amounts of handholding to create well formatted deliverables.
</p>
</section>
<!-- ><section class="grid_4">
<h2>Test driven agile</h2>
<p>Like www.pivotallabs.com we integrate a test driven agile development process. That means we define a set of user experiences as the center for a weekly sprint.
</p>
</section> -->
<section class="grid_4">
<h2>We nurture passion</h2>
<p>We like to use technology that is bleeding edge because its fun for us. Inpired by www.pivotallabs.com, our passion is also sustained by always devoting a percentage of our energy to internal fun projects such as currently plist.tv.
</p>
</section>
<section class="grid_4 omega">
<h2>Reliable + Talented</h2>
<p>Reliability and talent are the two wings of the bird that is staunchRobots :) We only work with experience developers in the top of their field, and have 0 tolerance for flakiness. We vet out talented developers on internal projects, about 1/3 prove to be reliable, and we offer those two clients.
</p>
</section>
<br>
<br>
<div class ="thumbs">
<section class="grid_12 alpha omega"><h2>Latest contraptions </h2> </section>
<section class="grid_2 alpha">
<img src="img/Tmezzmer.png" width="170" height="170" alt="Tmezzmer">
<p>www.mezzmer.com<p>
</p>git: NA </p>
</section>
<section class="grid_2">
<img src="img/Tlola.png" width="170" height="170" alt="Tlola">
<p>www.mezzmer.com<p>
</p>git: NA </p>
</section>
<section class="grid_2">
<img src="img/Tlola.png" width="170" height="170" alt="Tlola">
<p>www.lolahaze.com<p>
</p>git: NA </p>
</section>
<section class="grid_2">
<img src="img/Tlola.png" width="170" height="170" alt="Tlola">
<p>www.mezzmer.com<p>
</p>git: NA </p>
</section>
<section class="grid_2">
<img src="img/Tlola.png" width="170" height="170" alt="Tlola">
<p>www.mezzmer.com<p>
</p>git: NA </p>
</section>
<section class="grid_2">
<img src="img/Tlola.png" width="170" height="170" alt="Tlola">
<p>www.mezzmer.com<p>
</p>git: NA </p>
</section>
</div>
</div> <!-- end of #container -->
<!--
<div class ="hacky_footer">
</div> -->
<footer>
<h1 class = "white center">staunchRobots</h1>
</footer>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via ant build script-->
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts-->
<!-- Change UA-XXXXX-X to be your site's ID -->
<script>
window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
Modernizr.load({
load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
});
</script>
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>