<!DOCTYPE html>
<html>
<head>
<title>
Big Jobs Little Jobs
</title>
<style>
a:link, a:visited {
color : #777777;
text-decoration : none;
}
a:hover, a:active {
color : #444444;
text-decoration : none;
}
.job-container {
background : none repeat scroll 0% 0% #F9F9F9;
box-shadow : 0 0 15px inset;
border-bottom : 1px solid #CCC;
border-top : 1px solid #CCC;
text-shadow : 1px 1px 0 #FFF;
padding : 20px 0 5px;
height : auto;
background-image : url("/jobs/images/cdn/documents/299/customer-service-bg.jpg");
background-position : left center;
background-repeat : no-repeat;
background-size : cover;
}
.job-search {
background-color : rgba(255,255,255,0.90);
padding : 20px;
border-radius : 20px;
}
body {
margin : 0;
font-family : Arial, Verdana, Sans-serif;
}
.alert {
margin-bottom : 0 !important;
}
.alert-success {
color : #FFFFFF !important;
background-color : #20c292 !important;
border-color : #20c292 !important;
}
.alert-success a {
color : #FFFFFF !important;
}
.close {
color : #FFFFFF !important;
filter : alpha(opacity=70) !important;
opacity : .7 !important;
}
.header {
color : #FFFFFF;
background : none repeat scroll 0% 0% #20c292 ;
display : block;
width : 100%;
left : 0;
right : 0;
top : 0;
margin : 0;
z-index : 9999;
padding-top : 10px;
min-height : 25px;
padding-bottom : 10px;
font-family : Arial, Verdana, Sans-serif;
}
input[type="text"] {
padding : 15px;
border : 1px solid #BBB;
background : none repeat scroll 0% 0% #F9F9F9;
box-shadow : 0 0 3px #DDD inset;
color : #777;
margin : 0 0 20px;
font-size : 13px;
display : block;
width : 270px;
}
input[type="submit"] {
color : #896302;
text-shadow : 1px 1px 0 #FFF;
border-radius : 5px;
padding : 15px 30px 12px;
width : 150px;
margin : 0p
font-size: 13px;
border : 1px solid #A67D1C;
background : linear-gradient(to bottom, #F3CF6F 0%, #EAAA49 100%) repeat scroll 0% 0% transparent;
color : #000000;
}
.SearchText {
color : #20c292;
font-family : Arial, Verdana, Sans-serif;
}
.ModuleContainer {
padding : 10px;
}
</style>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
</script>
</head>
<body>
<div class="header">
</div>
<div style="clear: both;">
</div>
<div class="job-container">
<div class="job-search" style="width: 855px; margin:20px auto;">
<a class="Logo" href="/" style="font-size: 36px; text-decoration: none; display: block; border-bottom: 2px solid #333333">
<span style="color: #14ce7c;">
Big Jobs
</span>
<span style="color: #20c292;">
Little Jobs
</span>
<span style="color: #14ce7c;">
</span>
</a>
<div class="Body" style="padding-top: 15px; padding-left: 20px;">
<form action="/jobs">
<div class="Keywords" style="float: left; padding-right: 20px;">
<div class="SearchText">
<span style="font-weight: bold; font-size: 22px;">
Keywords
</span>
<span style="font-size: 12px;">
(Job Title, Skills, or Company Name)
</span>
</div>
<input name="q" type="text">
</div>
<div class="Location" style="float: left; padding-left: 20px; padding-right: 10px;">
<div class="SearchText">
<span style="font-weight: bold; font-size: 22px;">
Location
</span>
<span style="font-size: 12px;">
(City, State, or Zip)
</span>
</div>
<input name="l" type="text">
</div>
<div class="Submit" style="float:left; padding-left: 10px; padding-top: 25px;">
<input type="submit" value="Search Now!">
</div>
</form>
</div>
<div style="clear: both;">
</div>
</div>
</div>
<div class="ModuleContainer">
<meta charset="utf-8">
<title>
Job Bits - image
</title>
<style type="text/css">
.grid-image header {
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 24px;
text-align : center;
padding : 20px;
/** change for site color **/
background-color : #14ce7c;
color : #FFF;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
text-shadow : none;
position : absolute;
width : 815px;
bottom : 0;
}
.grid-image {
width : 100%;
max-width : 855px;
height : 291px;
margin-left : auto;
margin-right : auto;
text-align : center;
display : block;
margin-bottom : 20px;
position : relative;
-webkit-box-shadow : 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow : 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow : 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
</style>
<!-- Image-->
<div class="grid-image">
<img alt="Job Search" height="291" src="/jobs/images/cdn/documents/299/workers-bg.jpg" width="855">
<header>
Get Started With Your Job Search Today!
</header>
</div>
</div>
<div class="ModuleContainer">
<style type="text/css">
.grid header {
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 24px;
text-align : left;
padding : 10px;
margin-bottom : 20px;
margin-top : 20px;
color : #14ce7c;
border-bottom : 2px solid #999;
border-top : 2px solid #999;
}
.grid {
width : 100%;
max-width : 855px;
margin-left : auto;
margin-right : auto;
text-align : center;
display : block;
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom : 20px;
}
.grid-column {
display : inline-block;
width : 21%;
text-align : left;
float : left;
padding-left : 2%;
padding-right : 2%
}
ul {
list-style : none;
margin : 0;
padding-left : 0;
}
li {
padding-bottom : 10px;
}
li a {
/** change change for site color**/
color: #20c292;
text-decoration : none;
}
@media screen and (max-width:575px) {
.grid-column {
display : inline-block;
width : 45%;
}
li {
padding-bottom : 20px;
}
}
</style>
<div class="grid">
<header>
Search by Keyword
</header>
<div class="grid-column">
<ul>
<li>
<a href="/jobs?q=Accounting">
Accounting
</a>
</li>
<li>
<a href="/jobs?q=Construction">
Construction
</a>
</li>
<li>
<a href="/jobs?q=Education">
Education
</a>
</li>
<li>
<a href="/jobs?q=Engineering">
Engineering
</a>
</li>
</ul>
</div>
<div class="grid-column">
<ul>
<li>
<a href="/jobs?q=Government">
Government
</a>
</li>
<li>
<a href="/jobs?q=Hospitality">
Hospitality
</a>
</li>
<li>
<a href="/jobs?q=Logistics">
Logistics
</a>
</li>
<li>
<a href="/jobs?q=Management">
Management
</a>
</li>
</ul>
</div>
<div class="grid-column">
<ul>
<li>
<a href="/jobs?q=Marketing">
Marketing
</a>
</li>
<li>
<a href="/jobs?q=Nursing">
Nursing
</a>
</li>
<li>
<a href="/jobs?q=Receptionist">
Receptionist
</a>
</li>
<li>
<a href="/jobs?q=Retail">
Retail
</a>
</li>
</ul>
</div>
<div class="grid-column">
<ul>
<li>
<a href="/jobs?q=Sales">
Sales
</a>
</li>
<li>
<a href="/jobs?q=Security">
Security
</a>
</li>
<li>
<a href="/jobs?q=Trucking">
Trucking
</a>
</li>
<li>
<a href="/jobs?q=Warehouse">
Warehouse
</a>
</li>
</ul>
</div>
<div style="clear: both; display: block; height: 0; width: 0; font-size: 0px;">
</div>
</div>
</div>
<div class="Footer" style="margin: 0 auto; max-width: 855px;">
<div class="Links" style="float:left;">
<a href="/PrivacyPolicy.php">
Privacy Policy
</a>
-
<a href="/EmailPolicy.php">
E-mail Policy
</a>
-
<a href="/TermsOfUse.php">
Terms of Use
</a>
-
<a href="/Unsubscribe.php">
Unsubscribe
</a>
-
<a href="/sign-up">
Sign Up!
</a>
-
<a href="/contact">
Contact Us
</a>
</div>
<div style="float:right;">
Big Jobs Little Jobs © All Rights Reserved.
</div>
</div>
<!--div class="Footer" style="margin: 0 auto; width: 855px;">
<div class="Links" style="float:left;">
<a href="/PrivacyPolicy.php">Privacy Policy</a>
-
<a href="/EmailPolicy.php">Email Policy</a>
-
<a href="/TermsOfUse.php">Terms of Use</a>
-
<a href="/Unsubscribe.php">Unsubscribe</a>
-
<a href="/sign-up">Register for our newsletter</a>
</div>
<div style="float:right;">
Big Jobs Little Jobs All Rights Reserved.
</div>
</div-->
</body>
</html>