-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcareers.html
More file actions
202 lines (193 loc) · 10.7 KB
/
careers.html
File metadata and controls
202 lines (193 loc) · 10.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<title>Careers | Natours</title>
</head>
<body>
<div class="navigation">
<input id="navi-toggle" class="navigation__checkbox" type="checkbox">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a href="index.html" class="navigation__link"><span>00</span>Home</a></li>
<li class="navigation__item"><a href="company.html" class="navigation__link"><span>01</span>Company</a>
</li>
<li class="navigation__item"><a href="contact.html" class="navigation__link"><span>02</span>Contact</a>
</li>
<li class="navigation__item"><a href="careers.html" class="navigation__link"><span>03</span>Careers</a>
</li>
<li class="navigation__item"><a href="privacy.html" class="navigation__link"><span>04</span>Privacy</a>
</li>
<li class="navigation__item"><a href="terms.html" class="navigation__link"><span>05</span>Terms</a>
</li>
</ul>
</nav>
</div>
<header class="header">
<div class="header__logo-box">
<img class="header__logo" src="img/logo-white.png" alt="logo">
</div>
<div class="header__text-box">
<h1 class="heading-primary">
<span class="heading-primary--main">Natours</span>
<span class="heading-primary--sub">Careers</span>
</h1>
<a class="btn btn--white btn--animated" href="index.html">Back to Home</a>
</div>
</header>
<main class="main">
<section class="section-about u-margin-bottom-big">
<div class="u-center-text u-margin-bottom-big">
<h2 class="heading-secondary">Join our team</h2>
</div>
<div class="row">
<div class="col-1-of-2">
<h3 class="heading-tertiary u-margin-bottom-small">Why Natours?</h3>
<p class="paragraph">At Natours you don't just go to work. You are part of a mission — helping
people experience the beauty of the world in a way that changes their perspective. We work in a
dynamic, open environment where every voice counts.</p>
<h3 class="heading-tertiary u-margin-bottom-small">Our culture</h3>
<p class="paragraph">We believe in balancing work with adventure. Our employees travel regularly,
test new routes and bring fresh ideas. Innovation, passion, and teamwork are our core values.
</p>
<a href="contact.html" class="btn-text">Send us your CV →</a>
</div>
<div class="col-1-of-2">
<div class="composition">
<img srcset="img/nat-5.jpg 300w" sizes="300px" src="img/nat-5.jpg" alt="Our team"
class="composition__photo composition__photo--p1">
<img srcset="img/nat-6.jpg 300w" sizes="300px" src="img/nat-6.jpg" alt="Adventure"
class="composition__photo composition__photo--p2">
<img srcset="img/nat-7.jpg 300w" sizes="300px" src="img/nat-7.jpg" alt="At work"
class="composition__photo composition__photo--p3">
</div>
</div>
</div>
</section>
<section class="section-features">
<div class="row">
<div class="col-1-of-4">
<div class="feature-box">
<i class="feature-box__icon icon-basic-heart"></i>
<h3 class="heading-tertiary u-margin-bottom-small">Great culture</h3>
<p class="feature-box__text">A friendly team, open communication and a shared passion for
travel. Welcome to the Natours family.</p>
</div>
</div>
<div class="col-1-of-4">
<div class="feature-box">
<i class="feature-box__icon icon-basic-compass"></i>
<h3 class="heading-tertiary u-margin-bottom-small">Travel on the job</h3>
<p class="feature-box__text">Test new routes and destinations as part of your role. Real
adventure belongs in your working hours.</p>
</div>
</div>
<div class="col-1-of-4">
<div class="feature-box">
<i class="feature-box__icon icon-basic-world"></i>
<h3 class="heading-tertiary u-margin-bottom-small">Career growth</h3>
<p class="feature-box__text">Regular training, mentoring and a clear career path. Your
development is our investment in the future.</p>
</div>
</div>
<div class="col-1-of-4">
<div class="feature-box">
<i class="feature-box__icon icon-basic-map"></i>
<h3 class="heading-tertiary u-margin-bottom-small">Flexibility</h3>
<p class="feature-box__text">Flexible working hours, remote work options and individual
arrangements for different roles.</p>
</div>
</div>
</div>
</section>
<section class="section-about u-margin-bottom-big">
<div class="u-center-text u-margin-bottom-big">
<h2 class="heading-secondary">Open positions</h2>
</div>
<div class="row">
<div class="col-1-of-2">
<h3 class="heading-tertiary u-margin-bottom-small">Adventure Tour Guide</h3>
<p class="paragraph">We are looking for experienced guides for trekking and expedition tours
worldwide. Requirements: min. 3 years of experience, first aid certification, and fluent
English.</p>
<h3 class="heading-tertiary u-margin-bottom-small">Travel Consultant</h3>
<p class="paragraph">Help clients find the tour of their dreams. Ideal for communicative
personalities with a passion for travel and knowledge of at least two world destinations.</p>
</div>
<div class="col-1-of-2">
<h3 class="heading-tertiary u-margin-bottom-small">Marketing Specialist</h3>
<p class="paragraph">Create content that inspires. We are looking for a creative marketer with
experience in social media and content marketing in the travel industry.</p>
<h3 class="heading-tertiary u-margin-bottom-small">Customer Support</h3>
<p class="paragraph">Be the first point of contact for our clients. We need an empathetic person
with excellent communication skills and fluency in English or German.</p>
</div>
</div>
</section>
<section class="section-stories">
<div class="bg-video">
<video class="bg-video__content" autoplay muted loop>
<source src="img/video.mp4" type="video/mp4">
<source src="img/video.webm" type="video/webm">
</video>
</div>
<div class="u-center-text u-margin-bottom-big">
<h2 class="heading-secondary">What our team says</h2>
</div>
<div class="row">
<div class="story">
<figure class="story__shape">
<img src="img/nat-6.jpg" alt="Luke, guide" class="story__img">
<figcaption class="story__caption">Luke, guide</figcaption>
</figure>
<div class="story__text">
<h3 class="heading-tertiary u-margin-bottom-small">This is more than just a job</h3>
<p class="paragraph">Three years ago I joined as a guide in Nepal. Since then I have passed
through 15 countries, led hundreds of clients and experienced things I never even dreamed
of. Natours gave me freedom and purpose.</p>
<p class="paragraph">Every year is different, every expedition brings new challenges. But that
is exactly why I am here.</p>
</div>
</div>
</div>
</section>
<section class="section-book">
<div class="row">
<div style="text-align: center; padding: 4rem 0;">
<h2 class="heading-secondary u-margin-bottom-small" style="color: #fff;">Interested?</h2>
<p class="paragraph" style="color: #fff; margin-bottom: 3rem;">Send us your CV and a cover letter.
We respond within 5 business days.</p>
<a href="contact.html" class="btn btn--white btn--animated">Get in touch</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__logo-box">
<picture class="footer__logo">
<source srcset="img/logo-green-small-1x.png 1x, /img/logo-green-2x.png 2x" media="(max-width: 37.5em)">
<img class="footer__logo" srcset="img/logo-green-1x.png 1x, /img/logo-green-2x.png 2x"
src="img/logo-green-2x.png" alt="Full logo">
</picture>
</div>
<div class="row">
<div class="col-1-of-2">
<p class="footer__copyright">
Built by <a href="#" class="footer__link">Jakub</a> while completing the <a href="#"
class="footer__link">Advanced CSS and Sass</a> course by Jonas Schmedtmann — successfully
finished. © 2026.
</p>
</div>
</div>
</footer>
<script src="main.js" defer></script>
</body>
</html>