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

Jump to bottom

added hiring page #49

Closed
wants to merge 1 commit into from
Closed

added hiring page #49

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
37 changes: 37 additions & 0 deletions hiring.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
body{
background: #000000;
color: antiquewhite;
}

.heading{
margin-top: 3rem;
font-size: larger;
letter-spacing: 2px;
font-weight: 500;
color: #FFBD35;
}

.card-title{
color: #FFBD35;
}
.jobs{
margin-top: 3rem;
width: 80%;
}

.card{
background-color: #000000;
}

.row{
margin: 1rem 0;
}

.jumbotron{
background: #30475E;
}

.alt-head{
color: #FFBD35;
font-weight: 400;
}
121 changes: 121 additions & 0 deletions hiring.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="hiring.css">
<title>Hiring page</title>
</head>

<body>
<div class="heading">
<h1 class="text-center">We are Hiring!!</h1>
</div>

<div class="container-fluid jobs">
<div class="row">
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Data Scientist</h5>
<h6 class="card-subtitle mb-2 text-muted">2 open posts</h6>
<p class="card-text">Data scientist duties typically include creating various machine
learning-based tools or processes within the company, such as recommendation engines or
automated lead scoring systems.</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Software Engineer</h5>
<h6 class="card-subtitle mb-2 text-muted">2 open posts</h6>
<p class="card-text">Research, design and write new software programs and computer operating
systems. evaluate the software and
systems that make computers and hardware work.</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Social Media Marketing</h5>
<h6 class="card-subtitle mb-2 text-muted">4 open posts</h6>
<p class="card-text">Creating content, including text posts, video and images for use on social
media. Promoting products, services and content over social media, in a way that is
consistent with an organisation's brand.</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Web Design</h5>
<h6 class="card-subtitle mb-2 text-muted">3 open posts</h6>
<p class="card-text">Designing visual imagery for websites and ensuring that they are in line
with branding for clients. Working with different content management systems.</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Customer Services</h5>
<h6 class="card-subtitle mb-2 text-muted">5 open posts</h6>
<p class="card-text">Address customer issues and resolve them in a timely and efficient manner.
interact with customers on channels such as phone, email, and
social media.
</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
<div class="col-sm-4 col-lg-4">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Software Developer</h5>
<h6 class="card-subtitle mb-2 text-muted">2 open posts</h6>
<p class="card-text">Research, design and write new software programs and computer operating
systems. evaluate the software and systems that make computers and hardware work.</p>
<a href="#" class="btn btn-primary card-link">Apply</a>
</div>
</div>
</div>
</div>

</div>

<div class="jumbotron">
<h1 class="display-4 alt-head">Come Join us </h1>
<p class="lead">Come join us at Dust Road co. to be part of a customer centric company and help us to build a
better future for our customers.</p>
<hr class="my-4">
<p class="lead">
<a class="btn btn-outline-warning" href="#" role="button">Learn more</a>
</p>
</div>


</body>

</html>
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ <h2 class="ex">Explore</h2>
<ul class="serv-list">
<li><a href="#">Car Pooling</a></li>
<li><a href="#">Bike Pooling</a></li>
<li><a href="#">We are hiring !</a></li>
<li><a href="hiring.html">We are hiring !</a></li>
</ul>
</div>

Expand Down