-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjobs.html
177 lines (162 loc) · 8.08 KB
/
jobs.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8780032046281225"
crossorigin="anonymous"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZ4PY8LJZV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-DZ4PY8LJZV');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Remona Contacts - Jobs</title>
<meta name="description"
content="Remona Contacts is a business details listing website that not only hosts businesses; but also offers listings for freelancers, projects, and jobs in South Africa, free of charge.">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="Logo.jpg">
</head>
<body>
<header>
<div class="logo" aria-disabled="true"><a href="index.html" title="Logo"><span>Re</span>mona Contacts</a></div>
<nav class="navbar">
<div class="menu" id="menu">
<a href="index.html" title="Home">Home</a>
<a href="businesses.html" title="Businesses">Businesses</a>
<a href="freelancers.html" title="Freelancers">Freelancers</a>
<a href="jobs.html" title="Jobs">Jobs</a>
<a href="projects.html" title="Projects">Projects</a>
<a href="contact.html" title="Contact">Contact</a>
</div>
<div class="hamburger-menu" id="hamburger">
☰
</div>
</nav>
</header>
<section class="hero">
<h1>Find Your Ideal Job</h1>
<div class="search-bar">
<input type="text" id="search-input" placeholder="Search...">
<select id="province-filter">
<option value="">Filter by Province</option>
<option value="Eastern Cape">Eastern Cape</option>
<option value="Free State">Free State</option>
<option value="Gauteng">Gauteng</option>
<option value="KwaZulu-Natal">KwaZulu-Natal</option>
<option value="Limpopo">Limpopo</option>
<option value="Mpumalanga">Mpumalanga</option>
<option value="Northern Cape">Northern Cape</option>
<option value="North West">North West</option>
<option value="Western Cape">Western Cape</option>
</select>
<select>
<option value="">Filter by Application Method</option>
<option value="Online">Online</option>
<option value="Email">Email</option>
<option value="In Person">In Person</option>
</select>
<button type="button" onclick="applyFilters()">Search</button>
</div>
</section>
<section class="featured-listings">
<h2>Featured Listings</h2>
<div class="slider">
<div class="slide active">
<div class="card">
<h3>Business One</h3>
<p>Brief description of Business One.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Two</h3>
<p>Brief description of Business Two.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Three</h3>
<p>Brief description of Business Three.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Four</h3>
<p>Brief description of Business Two.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Five</h3>
<p>Brief description of Business Two.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Six</h3>
<p>Brief description of Business Two.</p>
</div>
</div>
<div class="slide">
<div class="card">
<h3>Business Seven</h3>
<p>Brief description of Business Two.</p>
</div>
</div>
<button class="prev" onclick="changeSlide(-1)"><strong>
< </strong></button>
<button class="next" onclick="changeSlide(1)"><strong> > </strong></button>
</div>
</section>
<div class="con-text">
<h2>Here you will find jobs.</h2>
<p>We pride ourselves in the creation of a streamlined business listing service that strives to be the largest
online business card host.
</p>
<p><strong><span>Re</span>mona Contacts</strong> is a business details listing website that not only hosts
businesses; but also
offers listings for freelancers, projects, and jobs in South Africa, free of charge.</p>
</div>
<br>
<br>
<section class="listings">
<h2>Job Listings</h2>
<div id="job-listings" class="listings-container"></div>
</section>
<footer>
<div class="social-media">
<a href="https://wa.me/27712905286" aria-label="WhatsApp">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
</svg>
</a>
<a href="https://www.tiktok.com/@10webdev" aria-label="TikTok">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z" />
</svg>
</a>
</div>
<div class="site-map">
<h3>Site Map</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="businesses.html">Businesses</a></li>
<li><a href="freelancers.html">Freelancers</a></li>
<li><a href="jobs.html">Jobs</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<p><strong>© 2024 <span>Re</span>mona Contacts. All rights reserved.</strong></p>
</footer>
<script src="script.js"></script>
</body>
</html>