Skip to content

Commit

Permalink
change in wantjob.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mubashir12392
Mubashir12392 committed Mar 15, 2023
1 parent 343d6d3 commit a686517
Showing 1 changed file with 290 additions and 0 deletions.
290 changes: 290 additions & 0 deletions templates/want-job.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,290 @@
{% extends 'base.html' %}
{% load static %}
{% block title %}
<title> Browse Jobs </title>
{% endblock title %}
{% block body %}
<div class="hero-wrap hero-wrap-2" style="background-image: url({% static 'images/bg_1.jpg' %});" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-end justify-content-start">
<div class="col-md-12 ftco-animate text-center mb-5">
<p class="breadcrumbs mb-0"><span class="mr-3"><a href="{% url 'home' %}">Home <i class="ion-ios-arrow-forward"></i></a></span> <span>Job Post</span></p>
<h1 class="mb-3 bread">Want a Job</h1>
</div>
</div>
</div>
</div>


<section class="ftco-section">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-7 heading-section text-center ftco-animate">
<span class="subheading">Job Categories</span>
<h2 class="mb-0">Top Categories</h2>
</div>
</div>
<div class="row">
<div class="col-md-3 ftco-animate">
<ul class="category text-center">
<li><a href="#">Web Development <br><span class="number">354</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Graphic Designer <br><span class="number">143</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Multimedia <br><span class="number">100</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Advertising <br><span class="number">90</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
</ul>
</div>
<div class="col-md-3 ftco-animate">
<ul class="category text-center">
<li><a href="#">Education &amp; Training <br><span class="number">100</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">English <br><span class="number">200</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Social Media <br><span class="number">300</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Writing <br><span class="number">150</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
</ul>
</div>
<div class="col-md-3 ftco-animate">
<ul class="category text-center">
<li><a href="#">PHP Programming <br><span class="number">400</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Project Management <br><span class="number">100</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Finance Management <br><span class="number">222</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Office &amp; Admin <br><span class="number">123</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
</ul>
</div>
<div class="col-md-3 ftco-animate">
<ul class="category text-center">
<li><a href="#">Web Designer <br><span class="number">324</span> <span>Open position</span></span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Customer Service <br><span class="number">564</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Marketing &amp; Sales <br><span class="number">234</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
<li><a href="#">Software Development <br><span class="number">425</span> <span>Open position</span><i class="ion-ios-arrow-forward"></i></a></li>
</ul>
</div>
</div>
</div>
</section>

<section class="ftco-section ftco-no-pb bg-light">
<div class="container">
<div class="row justify-content-center mb-4">
<div class="col-md-7 text-center heading-section ftco-animate">
<span class="subheading">Browse Jobs</span>
<h2 class="mb-4">Advance Search</h2>
</div>
</div>
<div class="row">
<div class="ftco-search">
<div class="row">
<div class="col-md-12 nav-link-wrap">
<div class="nav nav-pills text-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active mr-md-1" id="v-pills-1-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">Find a Job</a>

<a class="nav-link" id="v-pills-2-tab" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">Find a Candidate</a>

</div>
</div>
<div class="col-md-12 tab-wrap">

<div class="tab-content p-4" id="v-pills-tabContent">

<div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-nextgen-tab">
<form action="#" class="search-job">
<div class="row no-gutters">
<div class="col-md mr-md-2">
<div class="form-group">
<div class="form-field">
<div class="icon"><span class="icon-briefcase"></span></div>
<input type="text" class="form-control" placeholder="eg. Garphic. Web Developer">
</div>
</div>
</div>
<div class="col-md mr-md-2">
<div class="form-group">
<div class="form-field">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">Category</option>
<option value="">Full Time</option>
<option value="">Part Time</option>
<option value="">Freelance</option>
<option value="">Internship</option>
<option value="">Temporary</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md mr-md-2">
<div class="form-group">
<div class="form-field">
<div class="icon"><span class="icon-map-marker"></span></div>
<input type="text" class="form-control" placeholder="Location">
</div>
</div>
</div>
<div class="col-md">
<div class="form-group">
<div class="form-field">
<button type="submit" class="form-control btn btn-primary">Search</button>
</div>
</div>
</div>
</div>
</form>
</div>

<div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-performance-tab">
<form action="#" class="search-job">
<div class="row">
<div class="col-md">
<div class="form-group">
<div class="form-field">
<div class="icon"><span class="icon-user"></span></div>
<input type="text" class="form-control" placeholder="eg. Adam Scott">
</div>
</div>
</div>
<div class="col-md">
<div class="form-group">
<div class="form-field">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">Category</option>
<option value="">Full Time</option>
<option value="">Part Time</option>
<option value="">Freelance</option>
<option value="">Internship</option>
<option value="">Temporary</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md">
<div class="form-group">
<div class="form-field">
<div class="icon"><span class="icon-map-marker"></span></div>
<input type="text" class="form-control" placeholder="Location">
</div>
</div>
</div>
<div class="col-md">
<div class="form-group">
<div class="form-field border">
<button type="submit" class="form-control btn btn-primary">Search</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="ftco-section bg-light">
<div class="container">
<div class="row">
<div class="col-lg-9 pr-lg-4">
<div class="row">
{% for job in Jobs %}
<div class="col-md-12 ftco-animate">
<div class="job-post-item p-4 d-block d-lg-flex align-items-center">
<div class="one-third mb-4 mb-md-0">

<div class="job-post-item-header align-items-center">
<span class="subadge">{{job.job_timing}}</span>
<h2 class="mr-3 text-black"><a href="#">{{job.job_title}}</a></h2>
</div>
<div class="job-post-item-body d-block d-md-flex">
<div class="mr-3"><span class="icon-layers"></span> <a href="#">{{job.number_of_positions}}</a></div>
<div><span class="icon-my_location"></span> <span>{{job.job_location}}</span></div>
</div>
</div>

<div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
<div>
<a href="#" class="icon text-center d-flex justify-content-center align-items-center icon mr-2">
<span class="icon-heart"></span>
</a>
</div>
<a href="job-single.html" class="btn btn-primary py-2">Apply Job</a>
</div>
</div>
</div><!-- end -->
{% endfor %}
</div>
<div class="row mt-5">
<div class="col text-center">
<div class="block-27">
<ul>
<li><a href="#">&lt;</a></li>
<li class="active"><span>1</span></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&gt;</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 sidebar">
<div class="sidebar-box bg-white p-4 ftco-animate">
<h3 class="heading-sidebar">Browse Category</h3>
<form action="#" class="search-form mb-3">
<div class="form-group">
<span class="icon icon-search"></span>
<input type="text" class="form-control" placeholder="Search...">
</div>
</form>
<form action="#" class="browse-form">
<label for="option-job-1"><input type="checkbox" id="option-job-1" name="vehicle" value="" checked> Website &amp; Software</label><br>
<label for="option-job-2"><input type="checkbox" id="option-job-2" name="vehicle" value=""> Education &amp; Training</label><br>
<label for="option-job-3"><input type="checkbox" id="option-job-3" name="vehicle" value=""> Graphics Design</label><br>
<label for="option-job-4"><input type="checkbox" id="option-job-4" name="vehicle" value=""> Accounting &amp; Finance</label><br>
<label for="option-job-5"><input type="checkbox" id="option-job-5" name="vehicle" value=""> Restaurant &amp; Food</label><br>
<label for="option-job-6"><input type="checkbox" id="option-job-6" name="vehicle" value=""> Health &amp; Hospital</label><br>
</form>
</div>

<div class="sidebar-box bg-white p-4 ftco-animate">
<h3 class="heading-sidebar">Select Location</h3>
<form action="#" class="search-form mb-3">
<div class="form-group">
<span class="icon icon-search"></span>
<input type="text" class="form-control" placeholder="Search...">
</div>
</form>
<form action="#" class="browse-form">
<label for="option-location-1"><input type="checkbox" id="option-location-1" name="vehicle" value="" checked> Sydney, Australia</label><br>
<label for="option-location-2"><input type="checkbox" id="option-location-2" name="vehicle" value=""> New York, United States</label><br>
<label for="option-location-3"><input type="checkbox" id="option-location-3" name="vehicle" value=""> Tokyo, Japan</label><br>
<label for="option-location-4"><input type="checkbox" id="option-location-4" name="vehicle" value=""> Manila, Philippines</label><br>
<label for="option-location-5"><input type="checkbox" id="option-location-5" name="vehicle" value=""> Seoul, South Korea</label><br>
<label for="option-location-6"><input type="checkbox" id="option-location-6" name="vehicle" value=""> Western City, UK</label><br>
</form>
</div>

<div class="sidebar-box bg-white p-4 ftco-animate">
<h3 class="heading-sidebar">Job Type</h3>
<form action="#" class="browse-form">
<label for="option-job-type-1"><input type="checkbox" id="option-job-type-1" name="vehicle" value="" checked> Partime</label><br>
<label for="option-job-type-2"><input type="checkbox" id="option-job-type-2" name="vehicle" value=""> Fulltime</label><br>
<label for="option-job-type-3"><input type="checkbox" id="option-job-type-3" name="vehicle" value=""> Intership</label><br>
<label for="option-job-type-4"><input type="checkbox" id="option-job-type-4" name="vehicle" value=""> Temporary</label><br>
<label for="option-job-type-5"><input type="checkbox" id="option-job-type-5" name="vehicle" value=""> Freelance</label><br>
<label for="option-job-type-6"><input type="checkbox" id="option-job-type-6" name="vehicle" value=""> Fixed</label><br>
</form>
</div>
</div>
</div>
</div>
</section>
</body>
{% endblock body %}

0 comments on commit a686517

Please sign in to comment.