-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
239 lines (228 loc) · 8.96 KB
/
about.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
---
title: About Us
layout: default
---
<!--=== HEADER ===-->
<section class="bg-19 bg-center bg-cover">
<div class="bg-filter">
<div class="container section-lg">
<h1 class="top-title">About Us</h1>
</div>
</div>
</section>
<!--===/END HEADER ===-->
<!--=== MAIN WRAP ===-->
<section class="section-lg bg-grey">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Who We Are</h2>
<p class="text-block">We're developer's just like you. We are active in the open source community, especially in projects like Selenium, NUnit and XUnit.</p>
<div class="space-sm visible-xs visible-sm"></div>
</div>
<div class="col-md-6">
<h2>What We Believe</h2>
<p class="text-block"> </p>
<ul class="info-list md-list style i-primary">
<li><i class="fa fa-play"></i>Software and the Internet will be more pervasive and ubiquitous tomorrow than it is today.</li>
<li><i class="fa fa-play"></i>The Internet of Things is going to drive wide scale change in our workplaces and society in general.</li>
<li><i class="fa fa-play"></i>Your customers will expect their devices and applications to just work and be updated regularly.</li>
<li><i class="fa fa-play"></i>Development automation is critical to your success.</li>
</ul>
</div>
</div>
</div>
</section>
<section class="bg-9 bg-center bg-fixed">
<h5 class="sr-only">Picture of Apple Macbook Air</h5>
<div class="filling-section bg-filter-v1"></div>
</section>
<section class="section-lg">
<h2 class="sr-only">Our Growth, What We Believe, Our Goals</h2>
<div class="container">
<!-- Nav tabs -->
<!--<ul class="fw-tabs">
<li class="active col-md-4">
<a href="#believe" data-toggle="tab">
<i class="fa blue-i fa-lightbulb-o"></i>
<span>Why choose us</span>
</a>
</li>-->
<!--<li class="col-md-4">
<a href="#growth"data-toggle="tab">
<i class="fa fa-location-arrow blue-i"></i>
<span>Our Growth</span>
</a>
</li>-->
<!--<li class="col-md-4">
<a href="#goals" data-toggle="tab">
<i class="fa blue-i fa-trophy"></i>
<span>Our Goals</span>
</a>
</li>
</ul>-->
<!--<div class="space-lg"></div>-->
<!-- Tab panes -->
<div class="tab-content text-left">
<div class="tab-pane active" id="believe">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-5 wow fadeInLeft">
<div class="space visible-sm"></div>
<img class="img-responsive" alt="about us" src="assets/img/7321.jpg">
</div>
<div class="col-sm-6 col-md-6 col-lg-7 wow fadeInRight">
<h2>5 reasons to choose us</h2>
<!--<p>Pellentesque pretium lectus id turpis. Etiam quis quam. Excepteur sint occaecat cupidatat non proident. Vestibulum tortor id mi.</p>-->
<div class="space-sm"></div>
<ul class="info-list md-list style i-primary primary">
<li><i class="fa fa-play"></i>As fellow developers, our products address your pain points and <span>improve your productivity</span></li>
<li><i class="fa fa-play"></i>We are specialists in <span>Jenkins</span>and <span>automated testing</span></li>
<li><i class="fa fa-play"></i>We provide great <span>on-going support</span></li>
<li><i class="fa fa-play"></i>We provide a <span>complimentary service mix</span></li>
<li><i class="fa fa-play"></i>Our products represent excellent <span>value for money</span></li>
</ul>
</div>
</div>
</div>
<!--<div class="tab-pane" id="growth">
<div class="row">
<div class="col-md-6 animated fadeInLeft">
<h2>Our Growth</h2>
<p>Since launch, we have experienced incredible growth. We are continuing the invest to continue this growth.</p>
<p>Proin mattis lacinia justo. Nullam at arcu a est sollicitudin euismod. Aliquam erat volutpat. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Vestibulum fermentum tortor id mi.</p>
</div>
<div class="col-md-6">
<div class="text-center hidden-xs animated fadeInRight">
<canvas id="chart" width="450" height="250"></canvas>
</div>
</div>
</div>
</div>-->
<!--<div class="tab-pane animated fadeInLeft" id="goals">
<h2>Our Goals</h2>
<p class="text-block">Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Maecenas lorem. Integer lacinia. Nulla quis diam. Cras elementum. Fusce aliquam vestibulum ipsum. Nullam sit amet magna in magna gravida vehicula. Proin pede metus, vulputate nec, fermentum fringilla. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
<div class="space-sm"></div>
<ul class="info-list md-list style i-primary">
<li><i class="fa fa-play"></i>Pellentesque pretium lectus id turpis.</li>
<li><i class="fa fa-play"></i>Excepteur sint occaecat cupidatat non proident.</li>
<li><i class="fa fa-play"></i>Aliquam erat volutpat. Fusce tellus odio.</li>
<li><i class="fa fa-play"></i>Vestibulum fermentum tortor id mi.</li>
</ul>
</div>-->
</div>
</div>
</section>
<section class=" section-lg">
<div class="container">
<h2 class="big-title text-center">Our Logos</h2>
<div class="row">
<span class="col-sm-2">
<img alt="Full Circle" src="Images/SauceForge_transparent.png" width="128px"/>
</span>
<span class="col-sm-10">
SauceForge is where Saucery is forged. No pun intended.
</span>
</div>
<div class="row">
<span class="col-sm-2">
<img alt="Saucery" src="Images/Hat.png" width="128px"/>
</span>
<span class="col-sm-10">
The hat evokes Merlin's pointy hat, because Saucery is Sorcery for SauceLabs.
</span>
</div>
</div>
</section>
<section class=" section-lg">
<div class="container">
<h2 class="big-title text-center">The people behind SauceForge</h2>
<!--<p class="big-subtitle text-center">Nullam sit amet magna in magna gravida vehicula. Proin pede metus, vulputate nec, fermentum fringilla.</p>-->
<!--<div class="space-lg"></div>-->
<div class="row">
<div align="text-center">
<div class="col-lg-3 col-md-3 col-sm-6">
<!--Andrew Gray-->
<div class="profile-circle">
<div class="hover-content">
<img class="img-responsive" alt="Andrew Gray" src="assets/img/faces/andrewgray.jpg">
<div class="content-circle content-center">
<ul class="circle-icons icons-list">
<li>
<a href="https://plus.google.com/+AndrewGrayza" title="Follow Andrew">
<i class="fa fa-google-plus"></i>
</a>
</li>
<li>
<a href="http://twitter.com/agrayz" target="_blank" title="Follow Andrew">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="http://www.linkedin.com/in/andrewpaulgray" target="_blank" title="Follow Andrew">
<i class="fa fa-linkedin"></i>
</a>
</li>
<!--<li>
<a href="#" title="Follow us">
<i class="fa fa-facebook"></i>
</a>
</li>-->
</ul>
</div>
</div>
<h3>Andrew Gray<small>CEO</small></h3>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<!--Bruno Kinoshita-->
<div class="profile-circle">
<div class="hover-content">
<img class="img-responsive" alt="Bruno Kinoshita" src="assets/img/faces/brunokinoshita.jpg">
<div class="content-circle content-center">
<ul class="circle-icons icons-list">
<li>
<a href="https://plus.google.com/108972312674998482139/posts" title="Follow Bruno">
<i class="fa fa-google-plus"></i>
</a>
</li>
<li>
<a href="http://twitter.com/kinow" target="_blank" title="Follow Bruno">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/pub/bruno-p-kinoshita/6/32/678" target="_blank" title="Follow Bruno">
<i class="fa fa-linkedin"></i>
</a>
</li>
<!--<li>
<a href="#" title="Follow us">
<i class="fa fa-facebook"></i>
</a>
</li>-->
</ul>
</div>
</div>
<h3>Bruno Kinoshita<small>Associate Partner</small></h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section class="section-lg bg-grey">
<div class="container">
<h2 class="big-title text-center">Our Customers</h2>
<p class="big-subtitle text-center">Cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.</p>
<div class="space"></div>
<div class="row client-logo">
<img alt="logo of client - Yahoo" src="assets/img/logos/Yahoo.png">
<img alt="logo of client - Coca-Cola" src="assets/img/logos/Coca-Cola.png">
<img alt="logo of client - Google" src="assets/img/logos/Google.png">
<img alt="logo of client - Intel" src="assets/img/logos/Intel.png">
</div>
</div>
</section>
-->
<!--===/END MAIN WRAP ===-->