-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcareers.html
158 lines (157 loc) · 8.11 KB
/
careers.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
<!DOCTYPE html>
<html>
<head>
<title>Careers - Seasoning Shack</title>
<!-- Header and Footer created by Paul Ooi -->
<!-- Careers HTML <main> codes by Czarina Gahunia -->
<meta charset="utf-8"/>
<link href="CSS/header-footer-style.css" type="text/css" rel="stylesheet"/>
<link href="CSS/general.css" type="text/css" rel="stylesheet"/>
<link href="CSS/careers.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<header class="large">
<nav id="main-nav">
<ul>
<li><a href="menu.html">menu</a></li>
<li><a href="specials.html">specials</a></li>
<li><a href="locations.html">locations</a></li>
<li><a href="event-bookings.html">event booking</a></li>
<li><a href="about-us.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
<div id="company-branding"><a href="index.html"><img src="Logo/logo.svg" id="logo" alt="seasoning shack logo"/></a><h2><a href="index.html">seasoning shack</a></h2></div>
</header>
<div class="wrapper">
<main>
<h1>Careers</h1>
<section class="location">
<h2 class="hidden">Location</h2>
<div class="location-detail">
<img src="images/Location1_StoreFront.jpg" class="store-front" id="annex-img" alt="Annex location photo"/>
<h3>Annex</h3>
<div>15 Bedford Road Toronto, Ontario, M5R 2J7</div>
</div>
<div class="location-detail">
<img src="images/Location2_StoreFront.jpg" class="store-front" id="kensington-img" alt="Kensington location photo"/>
<h3>Kensington</h3>
<div>199 Augusta Avenue Toronto, Ontario, M5T 2L4</div>
</div>
</section>
<div id="restaurant-banner">
<img src="images/restaurant2-crew.jpg" alt="Seasoning Shack restaurant crew" />
<cite>Original photo from (http://www.restaurant-lecinq.com/en/restaurant-le-cinq-staff-members/la-brigade/)</cite>
<p>Do you have what it takes to be one of Seasoning Shack's crew members? </p>
<p>Seasoning Shack provides equal opportunities in the hospitality and industry. We hire individuals with positive attitudes and enthusiasm for life at work and in leisure. Come pursue an amazing career in the culinary arts and find a rewarding position with the Seasoning Shack’s family in your community!
</p>
<p>You’ll have the chance to represent us at events, to expand your hospitality skill set and to develop your kitchen skills in a fun, fast-paced environment where individuals can grow, be mentored and succeed.
</p>
<p>Apply online today to start your new career with Seasoning Shack.
</p>
</div>
<div id="job-container">
<div id = "annex-job" class="job-content">
<div class="title-accordion"><div class="job-name"> </div></div>
<div class="job-panel">
<h4>Duties and Responsibilities:</h4>
<ul class="list-container">
</ul>
<h4>Skills and Requirements:</h4>
<ul class="list2-container">
</ul>
<div class="btn-container"><a id="apply-btn" class="link-button centre" href="#form-content">Apply now</a>
</div>
</div>
</div>
<div id = "kensington-job" class="job-content">
<div class="title-accordion"><div class="job-name"> </div></div>
<div class="job-panel">
<h4>Duties and Responsibilities:</h4>
<ul class="list-container">
</ul>
<h4>Skills and Requirements:</h4>
<ul class="list2-container">
</ul>
<div class="btn-container"><a id="apply2-btn" class="link-button centre" href="#form-content">Apply now</a>
</div>
</div>
</div>
</div>
<div id="form-container">
<div id="form-content"></div>
<h3 class="job-name-form">Enter your contact details</h3>
<section id="job-form"><h4 class="hidden">Job Form</h4>
<form id="job-form-id" name="job_fm_name" action="#" method="post">
<label for="first-name">First Name</label>
<span id="first-name-err" class="error"></span>
<div>
<input id="first-name" type="text" name="f_Name" placeholder="Enter your first name"/>
</div>
<label for="last-name">Last Name</label>
<span id="last-name-err" class="error"></span>
<div>
<input id="last-name" type="text" name="l_Name" placeholder="Enter your last name"/>
</div>
<label for="email">Email Address</label>
<span id="email-err" class="error"></span>
<div>
<input id="email" type="email" name="e_Mail" placeholder="Enter your email address"/>
</div>
<label for="resume">Resume</label>
<span id="resume-err" class="error"></span>
<div>
<input id="resume" type="file" name="user_Resume" accept=".docx"/>
</div>
<div>
<div class="btn-container"><input type="submit" id="submit-btn" class="sub-btn" value="Submit"/>
<input type="reset" id="reset-btn" class="sub-btn" value="Reset"/></div>
<div>
<span id="submit-err" class="error"></span>
</div>
</div>
</form>
</section>
</div>
<div id="confirmation">
<h3>Congratulations, you have successfully submitted your resume!</h3>
<p>Thank you for applying at Seasoning Shack. We will contact you in 2-5 business days thru telephone or email.</p>
<p>This page will redirect you to the homepage in 5 seconds or you can <a href="index.html">click here</a>.</p>
</div>
</main>
<footer>
<section id="social-media">
<h2 class="hidden">Social Media Icons</h2>
<div class="social" id="fbook"><a href="http://www.facebook.com"><img src="images/social-icons/facebook.png" alt="Like and Follow us on Facebook" title="Like and Follow us on Facebook"/></a></div>
<div class="social" id="twitter"><a href="http://www.twitter.com"><img src="images/social-icons/twitter.png" alt="Follow us on Twitter" title="Follow us on Twitter"/></a></div>
<div class="social" id="instagram"><a href="http://www.instagram.com"><img src="images/social-icons/instagram.png" alt="Follow us on Instagram" title="Follow us on Instagram"/></a></div>
<div class="social" id="google-plus"><a href="http://plus.google.com"><img src="images/social-icons/google-plus.png" alt="Follow us on Google+" title="Follow us on Google+"/></a></div>
</section>
<nav>
<ul>
<li><a href="menu.html">menu</a></li>
<li><a href="specials.html">specials</a></li>
<li><a href="locations.html">locations</a></li>
<li><a href="event-bookings.html">event booking</a></li>
<li><a href="about-us.html">about</a></li>
<li><a href="contest.html">contest</a></li>
<li><a href="careers.html">careers</a></li>
<li><a href="gift-cards.html">gift cards</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="sitemap.html">sitemap</a></li>
</ul>
</nav>
<div id="copyright-privacy">
<ul>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
© Seasoning Shack <span id="copyright-year">2017</span>
</div>
<img class="background" src="images/pexels-photo-672046.jpg" alt="spices on worksurface"/>
</footer>
<script src="JavaScript/careers.js"></script>
<script src="JavaScript/header-footer.js"></script>
</div>
</body>
</html>