Skip to content

Commit

Permalink
Merge pull request #27 from Khingz/models_setup
Browse files Browse the repository at this point in the history 
landing page
  • Loading branch information
@Khingz
Khingz authored Dec 6, 2023
2 parents 9b21d0b + 1f4f822 commit 72358a3
Show file tree
Hide file tree
Showing 4 changed files with 108 additions and 26 deletions.
85 changes: 78 additions & 7 deletions index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ body {
margin: 0;
padding: 0;
font-family: var(--main-font);
overflow-x: hidden;
}

ul {
Expand Down Expand Up @@ -111,7 +112,7 @@ nav a {
#features {
background-color: var(--white);
width: 100%;
padding: 70px 0;
padding: 2rem 0;
text-align: center;
}

Expand All @@ -126,10 +127,13 @@ nav a {
align-items: center;
width: 100%;
gap: 1rem;
border-bottom: solid 2px lightgray;
margin-bottom: 1rem;
padding: 1rem;
}

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

Expand All @@ -153,7 +157,7 @@ nav a {

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

Expand All @@ -171,10 +175,77 @@ nav a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
width: 60%;
margin: 2rem auto;
}

.team-member img {
width: 20%;
border-radius: 2rem;
.team-member .team-img {
width: 100%;
}

.team-member .team-img img {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 50%;
}

.team-member p {
font-size: 1.3rem;
text-align: center;
}

.team-member ul {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
margin-top: -1rem;
}

.team-member ul li a {
color: var(--dark-gray);
}

video {
margin-top: 3rem;
width: 60%;
}


/* Media Query For Smaller Screens */
@media screen and (max-width: 1000px) {
header .container .brand {
font-size: 1rem;
}

nav ul{
display: flex;
}

#hero .container {
width: 65%;
}

#hero h2 {
font-size: 1.5rem;
}

#hero p {
font-size: 1rem;
}

.feature {
flex-direction: column;
}

.feature-content {
width: 90%;
}

#about .description-team .team {
flex-direction: column;
}

}
49 changes: 30 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<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>
Expand All @@ -15,7 +16,7 @@
</div>
<nav>
<ul>
<li><a href="#hero">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -46,14 +47,14 @@ <h3>Job Management</h3>
</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 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">
Expand Down Expand Up @@ -83,30 +84,36 @@ <h2>About Us</h2>
<h3>Team JobCircus</h3>
<div class="team">
<div class="team-member">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 1">
<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="[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>
<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">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 2">
<div class="team-img">
<img src="./web_flask/static/image/aneke.jpg" alt="Team Member 1">
</div>
<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>
<li><a href="[LinkedIn Link]" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="[GitHub Link]" 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">
<img src="./web_flask/static/image/hero image.jpg" alt="Team Member 3">
<p>Ruth Endurance</p>
<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">LinkedIn</a></li>
<li><a href="[GitHub Link]" target="_blank">GitHub</a></li>
<li><a href="[Twitter Link]" target="_blank">Twitter</a></li>
<li><a href="[LinkedIn Link]" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li><a href="[GitHub Link]" 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>
Expand All @@ -116,9 +123,13 @@ <h3>Team JobCircus</h3>
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>
<a href="https://github.com/Khingz/job_circus" target="_blank">JobCircus GitHub Repository</a>
</div>
</div>
<video controls>
<source src="your-video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
</body>
</html>
Binary file added web_flask/static/image/aneke.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added web_flask/static/image/khingz.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 72358a3

Please sign in to comment.