-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.php
313 lines (313 loc) · 12.6 KB
/
index.php
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- SEO -->
<meta name="description" content="CeylonJobSeeker is your premier job portal for Sri Lanka and worldwide opportunities. Explore a diverse range of job listings and embark on your career journey with us. Our commitment is to deliver the ultimate user experience for job seekers." />
<meta name="keywords" content="CeylonJobSeeker, Ceylon, Job, Seeker, Sri Lanka, Job Portal, Job Seeker, Job Seeker Sri Lanka, Job Portal Sri Lanka, Global Jobs" />
<meta name="robots" content="index, follow" />
<!-- Open Graph Info -->
<meta property="og:title" content="CeylonJobSeeker" />
<meta property="og:description" content="CeylonJobSeeker is your premier job portal for Sri Lanka and worldwide opportunities. Explore a diverse range of job listings and embark on your career journey with us. Our commitment is to deliver the ultimate user experience for job seekers." />
<meta property="og:image" content="./assets/images/logo.svg" />
<!-- Favicon -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="./assets/images/favicons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./assets/images/favicons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./assets/images/favicons/favicon-16x16.png"
/>
<link rel="manifest" href="./assets/images/favicons/site.webmanifest" />
<!-- Bootstrap CSS - CDN -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./styles/main.css" />
<link rel="stylesheet" href="./styles/home.css" />
<title>CeylonJobSeeker</title>
</head>
<body>
<div class="main-wrapper">
<?php include_once "./components/navbar.php"; ?>
<div class="container">
<!-- Hero Section Start -->
<div class="row landing-section">
<div class="col-12 col-lg-6 left-wrapper">
<h1 class="hero-title">
Discover Your <span>Career Destination</span>, A Vast Array Of
<span>Job Opportunities</span>
</h1>
<h2 class="hero-subtitle">
Discover Daily New Jobs from Top Companies, Browse and Build Your
Future Today! Unleash Your Potential with our Vast Selection of
Job Listings Across Industries and Experience Levels. Partnered
with Leading Companies to Bring You the Best Career Opportunities.
</h2>
<div class="hero-taglines">
<h6>
<i class="fa-solid fa-magnifying-glass"></i>
Effortless Discovery
</h6>
<h6>
<i class="fa-solid fa-handshake"></i>
Premier Partners
</h6>
<h6>
<i class="fa-solid fa-earth-asia"></i>
Global Reach
</h6>
</div>
</div>
<div class="col-12 col-lg-6 right-wrapper">
<img
class="img-fluid"
src="./assets/images/hero-image.jpg"
alt="Hero Image"
/>
</div>
<a class="scroll-to-bottom" href="#bottom">
<span class="scroll-text">
<i class="fa-solid fa-angles-down"></i>
Scroll To Bottom
<i class="fa-solid fa-angles-down"></i>
</span>
</a>
</div>
<!-- Hero Section End -->
<!-- Partners Section Start -->
<div class="row">
<div
class="col-12 col-md-6 partners-left mb-4 mb-lg-0 bg-body-tertiary p-3 p-lg-2"
>
<h2 class="section-title">Our <span>Partners</span></h2>
<h3 class="partners-text">
As a trusted platform, we are proud to partner with top companies
and leading employers to bring you exclusive job listings. Explore
diverse career options and take the next step towards your dream
job. Our commitment to quality ensures you find the perfect match.
Start your journey with us today!
</h3>
<a href="./categories.php"
><button type="button" class="btn-primary">
Explore Jobs
</button></a
>
</div>
<div class="col-12 partners-right col-md-6">
<div class="row company-images-wrapper">
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-google.png"
alt="Logo"
/>
</div>
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-microsoft.png"
alt="Logo"
/>
</div>
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-isobar.svg"
alt="Logo"
/>
</div>
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-verlag-der-ideen.svg"
alt="Logo"
/>
</div>
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-ignition-by-inductive-automation.svg"
alt="Logo"
/>
</div>
<div class="col-6 flex-grow-1 col-sm-4 col-md-6 col-lg-4">
<img
class="img-fluid company-image"
src="./assets/images/home/c-vercel.svg"
alt="Logo"
/>
</div>
</div>
</div>
</div>
<!-- Parttners Section End -->
<!-- Reviews Section Start -->
<div class="reviews-wrapper mt-5">
<h2 class="section-title">Job Seeker <span>Experiences</span></h2>
<div class="row reviews-section">
<div class="card review-card col-12 col-lg-4 col-md-6">
<div class="card-body">
<div class="d-flex gap-3">
<img
class="img-fluid review-person-img"
src="./assets/images/home/reviews/person-1.png"
alt="Review Image"
/>
<div>
<h5 class="card-title">John Smith</h5>
<h6 class="card-subtitle mb-2 text-muted">
Software Engineer
</h6>
</div>
</div>
<p class="card-text review-text">
“ The best job searching platform. As a software
engineer, navigating the job market can be overwhelming.
Thanks to the comprehensive job listings available here, I was
able to confidently pursue and secure my dream job. ”
</p>
</div>
</div>
<div class="card review-card col-12 col-lg-4 col-md-6">
<div class="card-body">
<div class="d-flex gap-3">
<img
class="img-fluid review-person-img"
src="./assets/images/home/reviews/person-2.png"
alt="Review Image"
/>
<div>
<h5 class="card-title">Emily Davis</h5>
<h6 class="card-subtitle mb-2 text-muted">
Graphic Designer
</h6>
</div>
</div>
<p class="card-text review-text">
“ As a fresh graduate, finding the right job was crucial
for me, especially as a graphic designer. This website
provided a wide range of job positions, and I actually found
my current role through this platform. Highly recommended!
”
</p>
</div>
</div>
<div class="card review-card col-12 col-lg-4 col-md-6">
<div class="card-body">
<div class="d-flex gap-3">
<img
class="img-fluid review-person-img"
src="./assets/images/home/reviews/person-3.png"
alt="Review Image"
/>
<div>
<h5 class="card-title">Michael Johnson</h5>
<h6 class="card-subtitle mb-2 text-muted">
Marketing Manager
</h6>
</div>
</div>
<p class="card-text review-text">
“ My experience with this job searching website has been
nothing short of exceptional. As a marketing professional, I'm
really impressed with this website's user-friendly interface.
It made my job search so much easier and efficient. ”
</p>
</div>
</div>
</div>
</div>
<!-- Reviews Section End -->
<!-- Newsletter Section Start -->
<div class="newsletter-wrapper mt-5">
<h2 class="section-title">
Subscribe To Our <span>Newsletter</span>
</h2>
<div class="row mt-4">
<div class="d-flex col-12 col-md-4">
<img
class="img-fluid newsletter-image"
src="./assets/images/home/newsletter.svg"
alt="Newsletter Image"
/>
</div>
<div class="col-12 col-md-8 mt-3 mt-md-0">
<p class="newsletter-text">
Don't miss out on the latest updates, job opportunities, and
exclusive offers. Subscribe to our newsletter today and let us
keep you informed and inspired on your journey towards a
successful career.
</p>
<ul class="newsletter-items list-unstyled">
<li>
<i class="fa-solid fa-circle-notch"></i>Get the latest job
listings
</li>
<li>
<i class="fa-solid fa-circle-notch"></i>Receive exclusive
offers
</li>
<li>
<i class="fa-solid fa-circle-notch"></i>Stay up-to-date with
our newsletter
</li>
<li>
<i class="fa-solid fa-circle-notch"></i>Get inspired with our
career advice
</li>
</ul>
<form action="" class="input-group mb-3">
<input
type="text"
class="form-control"
placeholder="Enter email..."
aria-label="newsletter-email"
aria-describedby="Email"
/>
<button class="btn btn-primary" type="submit" id="Email">
Subscribe
</button>
</form>
</div>
</div>
</div>
<!-- Newsletter Section End -->
</div>
<!-- Footer Start -->
<?php include_once('./components/footer.php'); ?>
<!-- Footer End -->
</div>
<!-- Popper - CDN -->
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"
></script>
<!-- Fontawesome - CDN -->
<script
src="https://kit.fontawesome.com/0a73ff5289.js"
crossorigin="anonymous"
></script>
<!-- Bootstrap JS - CDN -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"
integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS"
crossorigin="anonymous"
></script>
</body>
</html>