-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathjobs.html
132 lines (124 loc) · 4.97 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
<!DOCTYPE html>
<html>
<head>
<title> rozgr </title>
<link rel="stylesheet" href="src/styles/jobs.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Header and Nav Bar -->
<header>
<div>
<a href="jobs.html">
<img id="logoImage" src="./assets/logo/phd-logos.jpg">
</a>
</div>
<nav>
<ul>
<li> <a href="Profiles.html" id="loggedUser"> Profile </a> </li>
<li> <a href="postJob.html"> Post a Job </a> </li>
<li> <a href="cvGenerator.html"> Cv Generator </a> </li>
<li> <a href="landing.html"> Sign Out </a> </li>
</ul>
</nav>
<div id="intro">
<h1> Find Your Dream Job </h1>
<h5> Search for a suitable job </h5>
<p> rozgr is a free job application platform that will help you find your dream job. Find Jobs that match your interests with us.
Helps us get you, to where you want to be and start earning!</p>
</div>
<div>
<img id="bannerImage" src="assets\illustrations\undraw_Lost_online_re_upmy.png">
</div>
<div id="searchBox">
<div id="searchJobKeyword">
<img id="searchIcon" src="assets/icons/searchIcon.png" >
<input id="searchedJob" type="text" placeholder="Job title or keyword">
</div>
<div id="searchJobLocation">
<img>
<input id="searchedLocation" type="text" placeholder="Select Location">
</div>
<div id="searchBotton">
<button onclick=searchJob()> Search </button>
</div>
</div>
</header>
<!-- Job type and roles -->
<div id="jobTypeAndRole">
<!-- Job Types -->
<div id="jobTypes">
<h2 id="jobTypeTitle"> Job Types </h2>
<div id="eachJobType">
<input type="checkbox" onclick=filterJobs(1)>
<h6> Full-Time </h6>
</div>
<div id="eachJobType">
<input type="checkbox" onclick=filterJobs(2)>
<h6> Part-Time </h6>
</div>
<div id="eachJobType">
<input type="checkbox" onclick=filterJobs(3)>
<h6> Internship </h6>
</div>
<div id="eachJobType">
<input type="checkbox" onclick=filterJobs(4)>
<h6> Freelance </h6>
</div>
<div id="eachJobType">
<input type="checkbox" onclick=filterJobs(5)>
<h6> Student </h6>
</div>
</div>
<!-- Job Roles -->
<div id="jobRoles">
<h2 id="jobRoleTitle"> Job Roles </h2>
<div id="eachJobType">
<input type="checkbox">
<h6> IOS Developer </h6>
</div>
<div id="eachJobType">
<input type="checkbox">
<h6> UI/UX Designer </h6>
</div>
<div id="eachJobType">
<input type="checkbox">
<h6> Graphic Designer </h6>
</div>
<div id="eachJobType">
<input type="checkbox">
<h6> Android Developer </h6>
</div>
<div id="eachJobType">
<input type="checkbox">
<h6> Fullstack Developer </h6>
</div>
</div>
</div>
<!-- Jobs -->
<div id="jobListings">
<h3 id="jobsTitle"> Jobs </h3>
<!-- Each Job -->
<!--
-->
</div>
<!-- Email Subscriptions -->
<div id="emailSubsAndRecentSearches">
<div id="emailSubscription">
<h1> Sign up to our newsletter </h1>
<div id="emailSubscriptionInput">
<input id="userEmail" type="text" placeholder="Email">
</div>
<button id="emailSubscriptionBtn" onclick=subscribeEmail()> Subscribe </button>
</div>
<div id="recentSearches">
<h1> My Recent Searches </h1>
</div>
</div>
<!-- Footer -->
<footer>
<p>DART © <script>document.write(new Date().getFullYear());</script> All Rights Reserved!</p> </footer>
<!-- Script -->
<script src="src/js/jobs.js"></script>
</body>
</html>