-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (130 loc) · 7.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./web_flask/static/image/icon.ico" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="index.css">
<title>JobCircus - Landing Page</title>
</head>
<body>
<header id="header">
<div class="container">
<div class="brand">
<a href="#header"><div class="logo"><span>JC</span>JOBCIRCUS</div></a>
</div>
<nav>
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="hero">
<div class="container">
<h2>Welcome to JobCircus</h2>
<p>Unlock Your Potential: Join Our Team and Transform Possibilities into Achievements!</p>
<a href="http://100.25.158.180/" class="btn">Explore</a>
</div>
</section>
<section id="features">
<div class="container">
<h2>Features</h2>
<div class="feature">
<div class="feature-img">
<!-- Replace 'your-feature1.gif' with the actual path to your GIF -->
<img src="./web_flask/static/gif/jobmanagement.gif" alt="Feature 1">
</div>
<div class="feature-content">
<h3>Job Management</h3>
<p>Simplify your hiring process with our Job Listing Management feature. Effortlessly create, manage, and track job listings for streamlined recruitment. Elevate your hiring strategy and attract top talent with ease.</p>
</div>
</div>
<div class="feature">
<div class="feature-img">
<!-- Replace 'your-feature2.gif' with the actual path to your GIF -->
<img src="./web_flask/static/gif/partime filter.gif" alt="Feature 2">
</div>
<div class="feature-content">
<h3>Streamlining Part-Time and Full-Time Job Searches</h3>
<p>Refine your search with our Job Filter feature, tailored to part-time and full-time positions. Easily narrow down candidates, streamline your hiring process, and make confident decisions for every role.</p>
</div>
</div>
<div class="feature">
<div class="feature-img">
<!-- Replace 'your-feature3.gif' with the actual path to your GIF -->
<img src="./web_flask/static/gif/search.gif" alt="Feature 3">
</div>
<div class="feature-content">
<h3>Easy Job Search</h3>
<p>Effortlessly find the perfect candidates with our Simple Search feature. Streamline your search process, discover top talent, and make hiring decisions with ease.</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<h2>About Us</h2>
<div class="about-description">
<p>
At JobCircus, our journey began with a shared vision to revolutionize the job market, making connections between employers and job seekers seamless and efficient. Inspired by the belief that technology can transform traditional recruitment, we embarked on this project to create a platform that empowers individuals on both sides of the job market.
</p>
<p>This project serves as a portfolio endeavor for the ALX Software Engineering program, demonstrating our commitment to practical application of skills and innovation. By envisioning a scenario where employers and job seekers can effortlessly connect, we aim to showcase the power of technology in transforming traditional recruitment methods and empowering individuals on both sides of the job market.</p>
</div>
<div class="description-team">
<h3>Team JobCircus</h3>
<div class="team">
<div class="team-member">
<div class="team-img">
<img src="./web_flask/static/image/khingz.jpg" alt="Team Member 1">
</div>
<p>Kingsley Akpan</p>
<ul>
<li><a href="https://www.linkedin.com/in/kingsley-akpan-162838116/" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="https://github.com/Khingz" target="_blank"><i class="fa fa-github fa-lg"></i></a></li>
<li><a href="https://twitter.com/khingz_a" target="_blank"><i class="fa fa-twitter fa-lg"></i></a></li>
</ul>
</div>
<div class="team-member">
<div class="team-img">
<img src="./web_flask/static/image/thorbie.jpeg" alt="Emmanuel">
</div>
<p>Emmanuel Jonah</p>
<ul>
<li><a href="[LinkedIn Link]" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="https://github.com/Thorbie010" target="_blank"><i class="fa fa-github fa-lg"></i></a></li>
<li><a href="[Twitter Link]" target="_blank"><i class="fa fa-twitter fa-lg"></i></a></li>
</ul>
</div>
<div class="team-member">
<div class="team-img">
<img src="./web_flask/static/image/aneke.jpg" alt="Team Member 1">
</div>
<p>Endurance Aneke</p>
<ul>
<li><a href="[LinkedIn Link]" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="https://github.com/theenduranceA" target="_blank"><i class="fa fa-github fa-lg"></i></a></li>
<li><a href="https://twitter.com/endyspice" target="_blank"><i class="fa fa-twitter fa-lg"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="about-github">
<p>
Connect with us on social media, and feel free to explore the codebase on our GitHub repository:
</p>
<!-- GitHub Repository Link -->
<a href="https://github.com/Khingz/job_circus" target="_blank">JobCircus GitHub Repository</a>
</div>
</div>
<video controls>
<source src="./web_flask/static/video/vid.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
</body>
</html>