-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhomepage.html
259 lines (216 loc) · 9.18 KB
/
homepage.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" class="hello">
<title>CareerHQ.com</title>
<link rel="stylesheet" href="hp.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
</style>
</head>
<body>
<header class="navbar">
<!--navbar-->
<div class="nav">
<a href="#" class="weblogo">
<img src="newimages/kindpng_1500383.png" alt="website logo" />
</a>
<ul class="contents">
<li><a href="/signup" class="navbtn">SignUp</a></li>
<li><a href="/login" class="navbtn">Login</a></li>
<li><a href="/mainpage" class="navbtn">Careers</a></li>
<li><a href="/quizz" class="navbtn">Take Test</a></li>
<li><a href="#footer" class="navbtn">Contact Us</a></li>
</ul>
</div>
</header>
<h2 class="marqueeh2">
<marquee behavior="Career" direction="" style="margin-top: 20px;"> !!!!!!!!!! With CAREER HQ Get Future Ready
!!!!!!!!!!!</marquee>
</h2>
<main>
<section class="heading">
<div class="main_heading">
<div class="main_heading_left">
<h2 class="head2">Discover Your Path to Success !!!</h2>
<h2 class="headl">Unleash Your Potential with CareerHQ</h2>
</div>
<div class="main_heading_right">
<p class="welinfo">Welcome to CareerHQ, your compass to a fulfilling professional journey ! Whether you're a
fresh
graduate, contemplating a career change, or seeking guidance on the right path, we're here to empower you
with
the tools and resources to make informed decisions.</p>
<p>Explore a world of possibilities, unlock your true potential, and embark on a rewarding career tailored to
your
passions and strengths. Let's navigate the future together !!!</p>
</div>
</div>
<div class="des">
<div class="d">
<h1>What We Do?</h1>
<p>At <b>CareerHQ</b>, we aim to provide you with comprehensive and reliable information about various
careers,
job opportunities and professional development. Whether you are a student exploring different career paths
or a working professional looking for a career change, we are here to guide you towards making informed
decisions and achieving success in your chosen field.</p>
<p>Our website offers a wide range of resources, including detailed career profiles, job market trends,
educational requirements, salary insights and much more. Our goal is to empower you with the knowledge and
tools necessary to navigate the ever-evolving world of work.</p>
</div>
<div class="d1">
<img src="newimages/kindpng_2159064.png">
</div>
</div>
</section>
<section class="why-choose-us">
<h3>Why Choose Us ?</h3>
<div class="cards-container">
<div class="card1">
<img src="/icons/icons8-experience-50.png" alt="icon">
<h4>Experience</h4>
<p>With years of industry experience, we have a proven track record of guiding individuals towards successful
careers.Our extensive experience equips us with the knowledge and insights to provide you with tailored
career guidance that is relevant to today's job market.</p>
</div>
<div class="card1">
<img src="/icons/icons8-expertise-50.png" alt="icon">
<h4>Expertise</h4>
<p>Our team of expert career advisors possesses deep industry knowledge and is dedicated to helping you
discover and pursue the right career path.
We offer specialized expertise in resume building, interview preparation, and skill development to enhance
your employability and maximize your career potential.</p>
</div>
<div class="card1">
<img src="/icons/icons8-satisfaction-50.png" alt="icon">
<h4>Customer Satisfaction</h4>
<p>Our clients' satisfaction is our top priority, and we are committed to delivering exceptional service and
achieving positive outcomes.
Our success stories and positive testimonials from satisfied clients reflect our commitment to providing
personalized, supportive, and effective career guidance.</p>
</div>
</div>
</section>
<section class="get-started">
<h2>Ready to Get Started?</h2>
<p>Take the first step towards a fulfilling career by signing up for our comprehensive career assessment and
guidance program.
Embark on a journey of self-discovery and exploration as we help you uncover your passions, strengths, and
career opportunities.
Get ready to unlock your true potential and chart a path towards success with our expert guidance and support.
Sign up today and begin your transformative career journey!</p>
<a href="/mainpage" class="btn">Get Started</a>
</section>
<section class="what-we-do">
<h2>What We Do ? </h2>
<div class="container">
<div class="services">
<div class="service">
<img src="/icons/icons8-guidance-64.png" alt="icimg">
<h3>Counselling</h3>
<p>we provide cunseeling for students to choose their career.</p>
</div>
<div class="service">
<img src="/icons/icons8-education-50.png" alt="icimg">
<h3>Education</h3>
<p>Learn new skills and advance your career through our online courses.</p>
</div>
<div class="service">
<img src="/icons/icons8-resume-writing-64.png" alt="icimg">
<h3>Resume Writing</h3>
<p>Create a professional resume that highlights your achievements and skills.</p>
</div>
</div>
</div>
</section>
<h1 class="om"> Success Stories</h1>
<style>
h1 {
text-align: center;
}
</style>
<div class="container">
<div class="card">
<img src="https://mindlerimages.imgix.net/tinyimg/testi-6.jpg">
<h3>Sneha</h3>
<p>All the things the assessment told me about myself and my interests were so true.</p>
<p><strong>DPS RK Puram</strong></p>
</div>
<div class="card">
<img src="https://mindlerimages.imgix.net/tinyimg/testi-5.jpg">
<h3>Kavita</h3>
<p>CareerInfo provided a mentored framework for my son's ambitions to achieve and succeed.</p>
<p><strong>Parent</strong></p>
</div>
<div class="card">
<img src="https://mindlerimages.imgix.net/tinyimg/testi-7.jpg">
<h3>Shaurya</h3>
<p>Signing up for CareerInfo, and meeting and interacting with their experienced team was one of the decisions I
made.</p>
<p><strong>Aga Khan Academy</strong></p>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-column">
<h3> <a href="about.html"></a>About Us</h3><br>
<p>with us you will get proper career guidance</p>
<p>Join with us to fly heigh in your career </p>
</div>
<div class="footer-column">
<h3 href="about.html">Contact Us</h3><br>
<p>Email: careerhq@example.com</p>
<p>Phone: +1 123-456-7890</p>
</div>
<div class="footer-column">
<h3>Follow Us</h3><br>
<div class="social-media">
<a href="#"><i class="fab fa-instagram"></i>Instagram</a>
<br><br>
<a href="#"><i class="fab fa-facebook"> </i>Facebook</a><br>
<br>
<a href="#"><i class="fab fa-twitter"></i>Twitter</a><br><br>
<a href="#"><i class="fab fa-linkedin"></i>LinkedIn</a><br>
</div>
</div>
</div>
<div class="footer-bottom" id="footer">
<p>© 2023 CareerHQ. All rights reserved.</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function () {
var navbar = $('.navbar');
var offsetTop = navbar.offset().top;
$(window).scroll(function () {
if ($(window).scrollTop() > offsetTop) {
navbar.addClass('navbar-fixed');
} else {
navbar.removeClass('navbar-fixed');
}
});
});
function myFunction() {
document.getElementById("demo").style.color = "red";
}
const learnMoreButton = document.getElementById("learn-more-button");
learnMoreButton.addEventListener("click", function () {
alert("Thank you for your interest in our website!");
});
const viewJobsButton = document.getElementById("view-jobs-button");
viewJobsButton.addEventListener("click", function () {
window.location.href = "https://example.com/jobs";
});
const viewResourcesButton = document.getElementById("view-resources-button");
viewResourcesButton.addEventListener("click", function () {
window.location.href = "https://example.com/resources";
});
</script>
</body>
</html>