-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
166 lines (151 loc) · 7.77 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JobQuest</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<nav class="navbar">
<div class="left">
<p>Job<span class="red">Quest</span></p>
</div>
<div class="right">
<ul>
<li class="hideonmobile1"><a href="#home" >Home</a></li>
<li class="hideonmobile1"><a href="#aboutus">About Us</a></li>
<li class="hideonmobile1"><a href="#services">Services</a></li>
<li class="hideonmobile1"><a href="#contact">Contact Us</a></li>
<li class="hambmain1"><i class="fa-solid fa-bars hambmain"></i></li>
</ul>
</div>
</nav>
<nav class="sidebar2">
<div class="right22">
<ul class="right2">
<i class="fa-solid fa-xmark crossmain"></i>
<li><a href="#home">Home</a></li>
<li><a href="#aboutus">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<section id="home">
<div class="container1">
<div class="fline">
<p class="font">Job<span class="red">Quest</span></p>
</div>
<div class="sline">
<span class="element"></span>
</div>
<div class="buttons">
<button class="button restricted">Login as <span class="red">Student</span></button>
<button class="button"><a href="index1.html" target="_blank">Login as <span class="red">Admin</span></a></button>
</div>
</div>
</section>
<section id="aboutus">
<div class="container2">
<div class="heading">
<h1>About <span class="red">Us</span></h1>
</div>
<div class="text">
<p class="bold">JobQuest is a leading online platform dedicated to revolutionizing the job and internship search experience for individuals seeking meaningful employment opportunities.</p>
<p>Here are some key points that highlight the strengths and positive aspects of JobQuest:</p>
<ul>
<li>
JobQuest offers an extensive and diverse range of job and internship listings, catering to various industries and profession.</li>
<li>
Job seekers can quickly browse through listings, apply filters, and access relevant information to streamline their job search process.</li>
<li>JobQuest employs advanced search and matching algorithms to connect users with the most relevant job and internship opportunities.</li>
<li>Users can create personalized profiles on JobQuest, highlighting their skills, experiences, and career objectives</li>
<li>JobQuest provides real-time notifications to keep users informed about new job and internship postings that match their profiles. This proactive approach ensures that individuals stay up-to-date with the latest opportunities in their respective fields.</li>
<li>In addition to job listings, JobQuest offers valuable career resources, tips, and guidance to empower users in their professional journeys. From resume writing tips to interview preparation advice, the platform is committed to supporting individuals at every stage of their career development.</li>
</ul>
</div>
<div class="read">
<button class="newdesign restricted">Read <span class="red"> More</span></button>
</div>
</div>
</section>
<section id="services">
<div class="container3">
<div class="heading">
<h1>Our <span class="red">Services</span></h1>
</div>
<div class="services">
<div class="box">
<div class="img1">
<img src="job.jpg" alt="">
</div>
<p>We at JobQuest provide numerous job opportunities depending on the need and development</p>
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
<div class="box">
<div class="img1">
<img src="intern.jpg" alt="">
</div>
<p>We at JobQuest provide numerous internship opportunities to get the work experience
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
<div class="box">
<div class="img1">
<img src="courses.jpg" alt="">
</div>
<p>We at JobQuest provide numerous free and paid certified courses to upskill yourself</p>
<button class="learn restricted">Learn <span class="red">More</span></button>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container4">
<div class="heading">
<h1>Contact <span class="red">Us</span></h1>
</div>
<div id="contactbox">
<form action="">
<div class="formgroup">
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Enter Your Name">
</div>
<div class="formgroup">
<label for="email">Email:</label>
<input type="email" id="email" placeholder="Enter Your email">
</div>
<div class="formgroup">
<label for="phone">Phone Number:</label>
<input type="number" id="phone" placeholder="Enter Your Phone No.">
</div>
<div class="formgroup">
<label for="add">Address:</label>
<input type="text" id="add" placeholder="Enter Your Address">
</div>
<div class="submit ">
<button class="learn restricted">Submit</button>
</div>
</form>
</div>
</div>
</section>
<footer class="center">
Copyright © <www class="JobQuest in"></www>. All rights reserved.
</footer>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
var typed = new Typed('.element', {
strings: ['Find Your Desired Jobs and Internships'],
typeSpeed: 200,
});
</script>
<!-- <script src="script1.js"></script> -->
<script src="script.js"></script>
</body>
</html>