Skip to content

Commit

Permalink
final commit after startup weekend
Browse files Browse the repository at this point in the history
  • Loading branch information
yarenty committed Apr 13, 2015
1 parent 0543427 commit 79cf194
Show file tree
Hide file tree
Showing 16 changed files with 288 additions and 226 deletions.
40 changes: 22 additions & 18 deletions bartender.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,15 +30,9 @@

</head>

<body>

<a class="brand" href="index.html" style="focus:
background-color: #FFFFFF;
color: #FFFFFF;">
11th Hour
</a>

<nav class="navbar navbar-default" role="navigation">
<body>
<br><br>
<nav class="navbar navbar-default" role="navigation" style="height: 150px; background-color: #FFFFFF">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
Expand All @@ -49,16 +43,21 @@
<span class="icon-bar"></span>
</button>
<!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
<a class="navbar-brand" href="index.html">Business Casual</a>
<a class="navbar-brand" href="index.html">11th Hour</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" style="padding: 0px">
<li style="padding: 0px">
<a href="bar.html" style="padding-top: 25px">I am Looking for Staff</a>
<a href="bar.html" style="padding-top: 65px; padding-bottom: 50px">I am Looking for Staff</a>
</li>
<li style="padding: 0px">
<a class="brand" href="index.html" style="focus:
background-color: #FFFFFF;
color: #FFFFFF; padding-top: 0px; padding-b: 0px" ><img src="img/11_th_logo.png" style="width: 170px; height: 150px;"></img> </a>
</li>
<li style="padding: 0px">
<a href="bartender.html" style="padding-top: 25px">I am Looking for Work</a>
<a href="bartender.html" style="padding-top: 65px; padding-bottom: 50px">I am Looking for Work</a>
</li>
</ul>
</div>
Expand All @@ -69,30 +68,31 @@

<div class="container">
<div class="row">
<div class="box">
<div class="box" style="background-color: #FFFFFF">
<div class="col-lg-5">
<img src="img/bartender.jpg " class="img-responsive" alt="Responsive image">
</div>
<div class="col-lg-6">
<h1>Login</h1>
<h3>Login</h3>
<div class="form-group">
<input type="text" class="form-control" name="username" placeholder="Username" style="margin-bottom: 5px; margin-top: 5px">
<input type="text" class="form-control" name="password" placeholder="Password" style="margin-bottom: 5px">
<input type="password" class="form-control" name="password" placeholder="Password" style="margin-bottom: 5px">
<a href="profile.html" class="btn btn-info" style="padding: 60px; padding-bottom: 5px; padding-top: 5px">Login</a>
</div>
<br>
<form>
<h1>Or Register</h1>
<h3>Or Register</h3>
<div class="form-group">
<label for="exampleInputEmail1">Full Name</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your full name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Address</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Enter your full address">
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter your full address">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Phone Number</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Enter your contact number">
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter your contact number">
</div>
<div class="form-group">
<label for="exampleInputPassword1">What roles can you fill?</label>
Expand Down Expand Up @@ -181,6 +181,10 @@ <h1>Or Register</h1>
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Confirm Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">Attach Your CV</label>
<input type="file" id="exampleInputFile">
Expand Down
Binary file added img/ios_list.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/ios_search.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
202 changes: 112 additions & 90 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,111 +1,133 @@
<!DOCTYPE html>
<html>
<html lang="en">

<head>
<link rel="shortcut icon" href="img/11_th_logo_rev1-05.ico">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="pragma" content="no-cache">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="2 Days">

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<meta http-equiv="EXPIRES" content="0">
<meta name="REVISIT-AFTER" http-equiv="Expires" content="5 DAY">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<title href="index.html">11th Hour</title>

<title>11th HOUR - Coming Soon</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/soon.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- Custom CSS -->
<link href="css/business-casual.css" rel="stylesheet">
<!-- Fonts -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
<link href="css/business-casual.css" rel="stylesheet">
<link href="css/myStyle.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>

</head>
<!-- START BODY -->
<body class="nomobile">

<!-- START HEADER -->
<section id="header">
<body>
<br><br>
<nav class="navbar navbar-default" role="navigation" style="height: 150px; background-color: #FFFFFF">
<div class="container">
<header>
<!-- HEADLINE -->
<h1 data-animated="GoIn"><b>11th HOUR</b> site is coming soon...</h1>
</header>
<!-- START TIMER -->
<div id="timer" data-animated="FadeIn">
<p id="message"></p>
<div id="days" class="timer_box"></div>
<div id="hours" class="timer_box"></div>
<div id="minutes" class="timer_box"></div>
<div id="seconds" class="timer_box"></div>
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
<a class="navbar-brand" href="index.html">11th Hour</a>
</div>
<!-- END TIMER -->

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" style="padding: 0px">
<li style="padding: 0px">
<a href="bar.html" style="padding-top: 65px; padding-bottom: 50px">I am Looking for Staff</a>
</li>
<li style="padding: 0px">
<a class="brand" href="index.html" style="focus:
background-color: #FFFFFF;
color: #FFFFFF; padding-top: 0px; padding-b: 0px" ><img src="img/11_th_logo.png" style="width: 170px; height: 150px;"></img> </a>
</li>
<li style="padding: 0px">
<a href="bartender.html" style="padding-top: 65px; padding-bottom: 50px">I am Looking for Work</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- LAYER OVER THE SLIDER TO MAKE THE WHITE TEXTE READABLE -->
<div id="layer"></div>
<!-- END LAYER -->
<!-- START SLIDER -->
<div id="slider" class="rev_slider">
<ul>
<li data-transition="slideleft" data-slotamount="1" data-thumb="assets/img/slider/1.jpg">
<img src="assets/img/slider/1.jpg">
</li>
<li data-transition="slideleft" data-slotamount="1" data-thumb="assets/img/slider/2.jpg">
<img src="assets/img/slider/2.jpg">
</li>
<li data-transition="slideleft" data-slotamount="1" data-thumb="assets/img/slider/3.jpg">
<img src="assets/img/slider/3.jpg">
</li>
<li data-transition="slideleft" data-slotamount="1" data-thumb="assets/img/slider/5.jpg">
<img src="assets/img/slider/5.jpg">
</li>
<li data-transition="slideleft" data-slotamount="1" data-thumb="assets/img/slider/4.jpg">
<img src="assets/img/slider/4.jpg">
</li>
<!-- /.container -->
</nav>
<div class="container">
<div class="row">
<div class="box" style="background-color: #FFFFFF">
<div class="col-lg-3"></div>
<div class="col-lg-6">
<form>
<hr>
<h2 class="intro-text text-center">Find Bar Staff <strong>at the 11th Hour</strong></h2>
<hr>
<hr class="visible-xs">
<div class="row">

</ul>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle btn-group-justified" type="button" id="dropdownMenu1" data-toggle="dropdown" style="text-align: -webkit-left;">
What type of staff are you looking for?
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" style="width: 100%;">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Bartender</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Floor Staff</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Back Bar</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Mixologist</a>
</li>
</ul>
</div>
</div>
<br>
<div class="row">
<h2 class="intro-text"> What day do you need the staff? </h2>
<input type="date" class="form-control" placeholder="What day do you need the staff">
</div>
<br>
<div class="row">
<h2 class="intro-text"> What Time do you need the staff? </h2>
<input type="time" class="form-control" placeholder="What time do you need the staff">
<br>
<a type="button" class="btn btn-success btn-group-justified" href="results.html"> Search! </a>
</div>
</div>
</div>
</div>
<!-- END SLIDER -->
</div>

</section>
<!-- END HEADER -->
<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/soon/plugins.js"></script>
<script src="assets/js/soon/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/soon/custom.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4062752-4");
pageTracker._initData();
pageTracker._trackPageview();
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Script to Activate the Carousel -->
<script>
$('.carousel').carousel({
interval : 5000 //changes the speed
})
</script>

</body>
<!-- END BODY -->
</html>

</html>
Loading

0 comments on commit 79cf194

Please sign in to comment.