<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section id="home" class="sec-main">
<h1 class="main-heading">Discover Your Best Future Here</h1>
</section>
<section id="about" class="sec-about">
<div class="container">
<h1>About Us</h1>
<hr>
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<p>Hi, WELCOME to OW offer. What's OW meaning? OW is one week. Our mission is helping you to find your dream work just one week. Looks like impossible?
Let me tell you, come OW, everything is possible!
</p></div>
</div>
</div>
</section>
<section id="services" class="sec-services">
<div class="container">
<h1>Why OW Offer?</h1>
<hr>
<div class="row">
<div class="col-sm-4">
<i class="fa fa-4x fa fa-building"></i>
<h2 class="h3">Top Tech Companies</h2>
<p>1000+ Companies registered on OW offer, just wating you coming</p>
</div>
<div class="col-sm-4">
<i class="fa fa-4x fa-calendar-o"></i>
<h2 class="h3">Quickly Responsive</h2>
<p>You can receive 10-20 interview invitations within one week.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-4x fa-fighter-jet"></i>
<h2 class="h3">Higher Effective</h2>
<p>One Click, one Search, you will get what you want.</p>
</div>
</div>
</div>
</section>
<section id="categories">
<div class="container">
<h1>Categories</h1>
<hr>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/developer-ac84a939e20d112db95de311187f647597a23ac2b7cab79722b9b8aaa623b873.png" alt="Developer">
<div class="caption">
<h4><a href="/jobs/developer?order=by_developer">Developer</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/customer-service-8a256aa99672f4be66ed42c683dcad0fa975250f462b838004724344ee392a86.png" alt="Customer service">
<div class="caption">
<h4><a href="/jobs/customer_service?order=by_customer-service">Customer Service</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/healthcare-9058db05cb405971176c826b739b6c479869cf4aa1bb00903e4517c83453d5b5.png" alt="Healthcare">
<div class="caption">
<h4><a href="/jobs/healthcare?order=by_healthcare">Health Care</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/sales-marketing-9984c78c11e5648e1116842198ffc5f5d0a1c29af7b3d4362e24f6bca2ba13c3.png" alt="Sales marketing">
<div class="caption">
<h4><a href="/jobs/sales_marketing?order=by_sales-marketing">Sales-Marketing</a></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/lawyer-a1d8f53664be570c07a8483410ebf17793a538590925562975f25a8688a60e6c.png" alt="Lawyer">
<div class="caption">
<h4><a href="/jobs/legal?order=by_legal">Legal</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/non-profit-a9afe2abaa4225da8534e7fb60ab2afdc47942928956db9308b407d83b4cf7fb.png" alt="Non profit">
<div class="caption">
<h4><a href="/jobs/non_profit?order=by_non-profit">Nonprofit</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/reunion-c54f75459afc21e2c267668dcc23d2047af0e813f60aa2f78656d11dafe0e300.png" alt="Reunion">
<div class="caption">
<h4><a href="/jobs/human_resource?order=by_human-resource">Human Resources</a></h4>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="/assets/design-42c7af34424d4939ac702c7d06e8a9cdcc1fa69807975ef28425884c2652dca9.png" alt="Design">
<div class="caption">
<h4><a href="/jobs/design?order=by_design">Design</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="testimonials" class="sec-testimonials">
<div class="container">
<h1>Employees said</h1>
<hr>
<div class="row">
<div class="col-sm-4">
<p class="text-center">"OW offer is such amazing. I got my dream work just one week!"</p>
<p class="text-right">— Elizabeth</p>
</div>
<div class="col-sm-4">
<p class="text-center">"Are you paid fairly? Big boss know your worth? Come here, you'll got them!"</p>
<p class="text-right">— Milly Cooper</p>
</div>
<div class="col-sm-4">
<p class="text-center">"I have worked with several different people and it always seemed like a pain—luckily I found OW offer. Thanks them!"</p>
<p class="text-right">— Jerry Lai</p>
</div>
</div>
</div>
</section>
</div>
# 关于home
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.sec-main {
position: relative;
height: 560px;
background: url(data:image/jpeg;base64,%2F9j%2F4AAQSkZJRgABAQEA8ADwAAD%2F7QCMUGhvdG9zaG9wID…mgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgD%2F9k%3D) no-repeat center center;
background-size: cover;
}
.main-heading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 0;
margin: auto;
height: 40px;
color: #fff;
}
.sec-main:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
# 关于关于关于关于about us
section {
padding: 5em 0;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container>h1 {
font-weight: 300;
text-align: center;
text-transform: uppercase;
}
.container:before, .container:after {
content: " ";
display: table;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
# gr'y关于 WHY OW OFFER
.sec-services {
background: #f9f9f9;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container>h1 {
font-weight: 300;
text-align: center;
text-transform: uppercase;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.fa-4x {
font-size: 4em;
}
.fa-building:before {
content: "\f1ad";
}
