Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

working on landing page #26

Merged
merged 1 commit into from
Dec 6, 2023
Merged

working on landing page #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
180 changes: 180 additions & 0 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
@import url('./web_flask/static/css/variables.css');

body {
margin: 0;
padding: 0;
font-family: var(--main-font);
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

.container {
width: 80%;
margin: 0 auto;
}

header {
background-color: var(--primary-color);
color: var(--white);
padding: 1rem 0;
}

header .container {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2rem;
}

header .container .brand {
color: var(--black);
font-size: 1.2rem;
font-weight: 600;
}

header .container .brand a {
color: var(--white);
text-decoration: none;
}

header .container .brand span {
height: 300px;
width: 300px;
border-radius: 50%;
background-color: var(--white);
color: var(--primary-color);
margin-right: 0.2rem;
padding: 0.5rem 0.6rem;
}


nav ul {
list-style: none;
padding: 0;
margin: 0;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav a {
text-decoration: none;
color: #fff;
font-weight: bold;
}

#hero {
background-image: url('./web_flask/static/image/hero\ image.jpg');
background-size: cover;
background-position: center;
color: #fff;
text-align: center;
padding: 10rem 0;
}

#hero .container {
background-color:rgba(0, 0, 0, 0.4);
padding: 2rem;
width: 50%;
border-radius: 2rem;
}

#hero h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}

#hero p {
font-size: 1.2rem;
margin-bottom: 40px;
}

.btn {
display: inline-block;
padding: 10px 20px;
background: none;
border: solid 1px var(--white);
color: #fff;
text-decoration: none;
border-radius: 5px;
}

/* end of hero */

/* feature begins */
#features {
background-color: var(--white);
width: 100%;
padding: 70px 0;
text-align: center;
}

#features h2 {
font-size: 2.5rem;
margin: 40px auto;
}

.feature {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 1rem;
}

.feature-img img {
max-width: 100%;
height: auto;
}

.feature-content {
padding: 0 20px;
width: 50%;
text-align: left;
}

.feature h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}

.feature p {
font-size: 1rem;
color: #666;
}

/* feature ends */

#about {
background-color: #f4f4f4;
padding: 70px 0;
text-align: center;
}

#about h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}

#about .about-description,
#about .description-team {
text-align: left;
}

#about .description-team .team {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.team-member img {
width: 20%;
border-radius: 2rem;
}
124 changes: 124 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
<!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="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="#hero">Home</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-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 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>

<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">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 1">
<p>Kingsley Akpan</p>
<ul>
<li><a href="[LinkedIn Link]" target="_blank">Linkedin</a></li>
<li><a href="[GitHub Link]" target="_blank">GitHub</a></li>
<li><a href="[Twitter Link]" target="_blank">Twitter</a></li>
</ul>
</div>
<div class="team-member">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 2">
<p>Emmanuel Jonah</p>
<ul>
<li><a href="[LinkedIn Link]" target="_blank">LinkedIn</a></li>
<li><a href="[GitHub Link]" target="_blank">GitHub</a></li>
<li><a href="[Twitter Link]" target="_blank">Twitter</a></li>
</ul>
</div>
<div class="team-member">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 3">
<p>Ruth Endurance</p>
<ul>
<li><a href="[LinkedIn Link]" target="_blank">LinkedIn</a></li>
<li><a href="[GitHub Link]" target="_blank">GitHub</a></li>
<li><a href="[Twitter Link]" target="_blank">Twitter</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="[GitHub Repository Link]" target="_blank">GitHub Repository</a>
</div>
</div>
</section>
</body>
</html>
30 changes: 0 additions & 30 deletions jobcircus.YAML
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion web_flask/forms/application.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@
class ApplicationForm(FlaskForm):
"""Class extended from flask wtf for form login"""
cover_letter = TextAreaField('Cover Letter', validators=[InputRequired(),
Length(min=50, max=268)],
Length(min=1, max=5000)],
render_kw={'style': 'height: 10rem; resize: none;'})
submit = SubmitField('Submit')
4 changes: 2 additions & 2 deletions web_flask/forms/login.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
class LoginForm(FlaskForm):
"""Class extended from flask wtf for form login"""
email = StringField('Username', validators=[InputRequired(),
Length(min=4, max=100)])
Length(min=1, max=100)])
password = PasswordField('Password', validators=[InputRequired(),
Length(min=4, max=100)])
Length(min=1, max=100)])
submit = SubmitField('Login')
6 changes: 3 additions & 3 deletions web_flask/forms/post_job.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,16 +7,16 @@
class PostJobForm(FlaskForm):
"""Pst job form class"""
title = StringField('Title', validators=[InputRequired(),
Length(min=4, max=30)])
Length(min=1, max=30)])
description = TextAreaField('Description', validators=[InputRequired(),
Length(min=10, max=2000)],
render_kw={'style': 'height: 5rem; resize: none;'})
location = StringField('loation', validators=[InputRequired(),
Length(min=4, max=100)])
Length(min=1, max=100)])
salary = StringField('Salary', validators=[InputRequired(),
Length(min=1, max=15)])
requirements = StringField('Requirements', validators=[InputRequired(),
Length(min=4, max=1000)])
Length(min=1, max=1000)])
type = RadioField('type', choices=['Partime', 'Fulltime'],
validators=[InputRequired()])
deadline = DateField('Deadline', format='%Y-%m-%d')
Expand Down
8 changes: 4 additions & 4 deletions web_flask/forms/register.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@ class RegisterForm(FlaskForm):
lastname = StringField('Lastname', validators=[InputRequired(),
Length(min=4, max=15)])
username = StringField('Username', validators=[InputRequired(),
Length(min=4, max=15)])
Length(min=4, max=15)], render_kw={'autocomplete': 'username'})
email = StringField('Email', validators=[InputRequired(),
Length(min=4, max=100)])
Length(min=4, max=100)], render_kw={'autocomplete': 'username'})
portfolio_url = StringField('Portfolio Url', render_kw={'autocomplete': 'username'})
github_url = StringField('Github Url', render_kw={'autocomplete': 'username'})
password = PasswordField('Password', validators=[InputRequired(),
Length(min=4, max=100)])
confirm_password = PasswordField('Password',
validators=[InputRequired(), Length(min=4, max=100),
EqualTo('password')])
portfolio_url = StringField('Portfolio Url')
github_url = StringField('Github Url')
role = RadioField('role',
choices=['Employer', 'Job-Seeker'],
validators=[InputRequired()])
Expand Down
Loading
Loading