-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·248 lines (218 loc) · 12.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta name="google-site-verification" content="_0Tvnc8jpYBCLIV6vOEkqKAHAoVshtCkppFUOaZ37wk" />
<title>98labs Inc. Thinking Without Boundaries</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Custom Theme CSS -->
<link href="css/style.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars fa-2x"></i>
</button>
<a class="navbar-brand" href="#page-top">
<!--i class="fa fa-play-circle"></i> <span class="light">Start</span> Bootstrap -->
<img src="img/98labsLogo.png" />
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#about">About</a>
</li>
<li class="page-scroll">
<a href="#services">What We Offer</a>
</li>
<!-- <li class="page-scroll">
<a href="#clients">Clients</a>
</li> -->
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<section class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="brand-heading brand-heading-text">Promote your business!</div>
<p class="intro-text">We can help you reach out, get feedback and build your online community through Internet-based marketing and social media. Expand your reach. Establish your online presence.</p>
</div>
<div class="item">
<div class="brand-heading brand-heading-text">Partner with us!</div>
<p class="intro-text">Do you have a business idea? We provide partner rates for those interested in co-developing software products with us. We become your development arm. We take part of the risk. We also take part with revenue.</p>
</div>
<div class="item">
<div class="brand-heading brand-heading-text">Outsource with us!</div>
<p class="intro-text">Do you need help with the software development? Our team is well-versed in different programming languages such as Java, .Net, Ruby/Rails, Groovy/Grails. PHP and Javascript. We put Agile development into motion.</p>
</div>
<div class="item">
<div class="brand-heading brand-heading-text">Let's start building!</div>
<p class="intro-text">98Labs Inc. focuses on connecting people and delivering actual working software. We provide value by combining technical expertise while giving business a human face.</p>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="fa fa-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="fa fa-chevron-right"></span>
</a>
</div>
<div class="page-scroll">
<a href="#about" class="btn btn-circle">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-12">
<div class="container">
<h2>About Us</h2>
<div class="col-md-4">
<i class="fa fa-users icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Extraordinary Work from the Ordinary People</div>
<p>
We believe that in order to build excellent products and services, we need to invest in the people who makes them. We believe in the vastness of human potential no matter who he or she may be. <br/><br/>
In other words, we believe in putting people first. <br/><br/>
</p>
</div>
<div class="col-md-4">
<i class="fa fa-level-up icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Excellence and Continuous Improvement</div>
<p>
98Labs believes in fostering a culture of excellence and continuous improvement. We believe in empowering ordinary people to find and solve problems and to make improvements. We don't want to be comfortable with the norm. We encourage to build, seek, and destroy in our search for excellence.
</p>
</div>
<div class="col-md-4">
<i class="fa fa-clipboard icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Hands-On Management Through Training, Coaching and Mentoring</div>
<p>
"To know oneself is to study oneself in action with another person." - Bruce Lee <br/><br/>
New hires get individualized training while being supervised by managers who are also engineers and teachers. 98Labs believes in the importance of both theory and practice. <br/><br/>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="container content-section text-center">
<div class="row">
<div class="col-lg-12">
<div class="container">
<h2>What We Offer</h2>
<div class="col-md-6">
<div>
<i class="fa fa-briefcase icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Promote your business!</div>
<p>
We can help you reach out, get feedback and build your online community through Internet-based marketing and social media. Expand your reach. Establish your online presence.
</p>
</div>
<div>
<i class="fa fa-users icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Partner with us!</div>
<p>
Do you have a business idea? We provide partner rates for those interested in co-developing software products with us. We become your development arm. We take part of the risk. We also take part with revenue.
</p>
</div>
</div>
<div class="col-md-6">
<div>
<i class="fa fa-level-up icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Outsource with us!</div>
<p>
Do you need help with the software development? Our team is well-versed in different programming languages such as Java, .Net, Ruby/Rails, Groovy/Grails. PHP and Javascript. We put Agile development into motion.
</p>
</div>
<div>
<i class="fa fa-pencil-square-o icon-style"></i><br/><br/>
<div class="brand-heading-text font-red">Let's start building!</div>
<p>
98Labs Inc. focuses on connecting people and delivering actual working software. We provide value by combining technical expertise while giving business a human face.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section id="clients" class="text-center">
<div class="download-section">
<div class="container">
<div class="col-lg-12">
<div class="container">
<h2>Our Clients</h2>
<div class="col-xs-12 client-class"><img src="img/asean-nhri-forum.png" /></div>
<div class="col-xs-12 client-class"><img src="img/philippine-bible-society.png" /></div>
<div class="col-xs-12 client-class"><img src="img/vacc.png" /></div>
<div class="col-xs-12 client-class"><img src="img/trend.png" /></div>
<div class="col-xs-12 client-class"><img src="img/mysis.png" /></div>
</div>
</div>
</div>
</div>
</section> -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact Us</h2>
<p>Feel free to email us or drop by to say hello! We'll get in touch with you soon.</p>
<ul class="list-inline banner-social-buttons">
<li><a href="https://facebook.com/98Labs" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
</li>
<li><a href="https://twitter.com/98Labs" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li><a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email Us</span></a>
</li>
<!-- <li><a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
</li> -->
</ul>
</div>
</div>
</section>
<div id="map" style="width: 100%">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3861.697468777296!2d121.0196745595259!3d14.559285145253446!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c908d0d55acf%3A0x3a25821d4166359!2s98labs!5e0!3m2!1sen!2s!4v1403682870155" width="100%" height="400" frameborder="0" style="border:0"></iframe>
</div>
<!-- Core JavaScript Files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Google Maps API Key - You will need to use your own API key to use the map feature -->
<!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
</body>
</html>