2020-12-28 20:28:52 +01:00
{% extends 'base.html' %}
{% load static %}
{% block content %}
< div class = "hero-wrap js-fullheight" style = "background-image: url('{% static 'images/bg_2.jpg' %}');" data-stellar-background-ratio = "0.5" >
< div class = "overlay" > < / div >
< div class = "container" >
< div class = "row no-gutters slider-text js-fullheight align-items-center justify-content-start" data-scrollax-parent = "true" >
< div class = "col-xl-10 ftco-animate mb-5 pb-5" data-scrollax = " properties: { translateY: '70%' }" >
2021-01-16 09:20:59 +01:00
< p class = "mb-4 mt-5 pt-5" data-scrollax = "properties: { translateY: '30%', opacity: 1.6 }" > We have < span class = "number" data-number = "{{ all_jobs }}" > 0< / span > great job offers you deserve!< / p >
2020-12-28 20:28:52 +01:00
< h1 class = "mb-5" data-scrollax = "properties: { translateY: '30%', opacity: 1.6 }" > Your Dream < br > < span > Job is Waiting< / span > < / h1 >
2021-01-16 09:20:59 +01:00
< div class = "ftco-search" >
< div class = "row" >
2020-12-28 20:28:52 +01:00
< 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" >
2021-01-14 14:54:00 +01:00
< form action = "{% url 'jobs:search' %}" class = "search-job" method = "get" >
2020-12-28 20:28:52 +01:00
< div class = "row" >
< div class = "col-md" >
< div class = "form-group" >
< div class = "form-field" >
< div class = "icon" > < span class = "icon-briefcase" > < / span > < / div >
2021-01-14 14:54:00 +01:00
< input type = "text" name = "job_title" class = "form-control" placeholder = "eg. Garphic. Web Developer" >
2020-12-28 20:28:52 +01:00
< / 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 >
2021-01-14 14:54:00 +01:00
< select name = "job_type" id = "" class = "form-control" >
< option value = "full_time" > Full Time< / option >
< option value = "part_time" > Part Time< / option >
< option value = "freelance" > Freelance< / option >
< option value = "internship" > Internship< / option >
< option value = "temporary" > Temporary< / option >
2020-12-28 20:28:52 +01:00
< / 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 >
2021-01-14 14:54:00 +01:00
< input type = "text" name = "job_location" class = "form-control" placeholder = "Location" >
2020-12-28 20:28:52 +01:00
< / div >
< / div >
< / div >
< div class = "col-md" >
< div class = "form-group" >
< div class = "form-field" >
< input type = "submit" value = "Search" class = "form-control btn btn-primary" >
< / 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" >
< input type = "submit" value = "Search" class = "form-control btn btn-primary" >
< / div >
< / div >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< section class = "ftco-section services-section bg-light" >
< div class = "container" >
< div class = "row d-flex" >
< div class = "col-md-3 d-flex align-self-stretch ftco-animate" >
< div class = "media block-6 services d-block" >
< div class = "icon" > < span class = "flaticon-resume" > < / span > < / div >
< div class = "media-body" >
< h3 class = "heading mb-3" > Search Millions of Jobs< / h3 >
< p > A small river named Duden flows by their place and supplies.< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex align-self-stretch ftco-animate" >
< div class = "media block-6 services d-block" >
< div class = "icon" > < span class = "flaticon-collaboration" > < / span > < / div >
< div class = "media-body" >
< h3 class = "heading mb-3" > Easy To Manage Jobs< / h3 >
< p > A small river named Duden flows by their place and supplies.< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex align-self-stretch ftco-animate" >
< div class = "media block-6 services d-block" >
< div class = "icon" > < span class = "flaticon-promotions" > < / span > < / div >
< div class = "media-body" >
< h3 class = "heading mb-3" > Top Careers< / h3 >
< p > A small river named Duden flows by their place and supplies.< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex align-self-stretch ftco-animate" >
< div class = "media block-6 services d-block" >
< div class = "icon" > < span class = "flaticon-employee" > < / span > < / div >
< div class = "media-body" >
< h3 class = "heading mb-3" > Search Expert Candidates< / h3 >
< p > A small river named Duden flows by their place and supplies.< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< section class = "ftco-section ftco-counter" >
< div class = "container" >
< div class = "row justify-content-center mb-5 pb-3" >
< div class = "col-md-7 heading-section text-center ftco-animate" >
< span class = "subheading" > Categories work wating for you< / span >
< h2 class = "mb-4" > < span > Current< / span > Job Posts< / h2 >
< / div >
< / div >
< div class = "row" >
2020-12-31 15:10:53 +01:00
{% for category in categories %}
2020-12-28 20:28:52 +01:00
< div class = "col-md-3 ftco-animate" >
< ul class = "category" >
2021-01-13 21:11:38 +01:00
< li > < a href = "{% url 'jobs:category_detail' category.slug category.pk %}" > {{ category.title }}< span class = "number" data-number = "{{ category.job_count }}" > 0< / span > < / a > < / li >
2020-12-28 20:28:52 +01:00
< / ul >
< / div >
2020-12-31 15:10:53 +01:00
{% endfor %}
2020-12-28 20:28:52 +01:00
< / div >
< / div >
< / section >
< section class = "ftco-section bg-light" >
< div class = "container" >
< div class = "row justify-content-center mb-5 pb-3" >
< div class = "col-md-7 heading-section text-center ftco-animate" >
< span class = "subheading" > Recently Added Jobs< / span >
< h2 class = "mb-4" > < span > Recent< / span > Jobs< / h2 >
< / div >
< / div >
< div class = "row" >
2020-12-31 10:36:51 +01:00
{% for job in jobs %}
< div class = "col-md-12 ftco-animate" >
2020-12-28 20:28:52 +01:00
< div class = "job-post-item bg-white p-4 d-block d-md-flex align-items-center" >
< div class = "mb-4 mb-md-0 mr-5" >
< div class = "job-post-item-header d-flex align-items-center" >
2020-12-31 10:36:51 +01:00
< h2 class = "mr-3 text-black h4" > {{ job.title }}< / h2 >
2020-12-28 20:28:52 +01:00
< div class = "badge-wrap" >
2020-12-31 10:36:51 +01:00
{% if job.job_type == 'full_time' %}
< span class = "bg-warning text-white badge py-2 px-3" > Full Time< / span >
{% elif job.job_type == 'part_time'%}
< span class = "bg-info text-white badge py-2 px-3" > Part Time< / span >
{% elif job.job_type == 'freelance'%}
< span class = "bg-primary text-white badge py-2 px-3" > Freelance< / span >
{% elif job.job_type == 'internship'%}
< span class = "bg-secondary text-white badge py-2 px-3" > Internship< / span >
{% elif job.job_type == 'temporary'%}
< span class = "bg-danger text-white badge py-2 px-3" > Temporary< / span >
{% endif %}
2020-12-28 20:28:52 +01:00
< / div >
< / div >
< div class = "job-post-item-body d-block d-md-flex" >
2020-12-31 10:36:51 +01:00
< div class = "mr-3" > < span class = "icon-layers" > < / span > < a href = "#" > {{ job.company }}< / a > < / div >
< div > < span class = "icon-my_location" > < / span > < span > {{ job.location }}< / span > < / div >
2020-12-28 20:28:52 +01:00
< / div >
< / div >
< div class = "ml-auto d-flex" >
2021-01-16 19:22:06 +01:00
< a href = "{% url 'jobs:single_job' job.slug job.pk %}" class = "btn btn-primary py-2 mr-1" > Apply Job< / a >
2020-12-28 20:28:52 +01:00
2021-01-16 19:22:06 +01:00
{% if job.id in wish_list %}
< a href = "javascripts:void(0);" id = "jobwl{{ job.id }}" title = "Remove from my wish list" onclick = "removefrommywishlist({{ job.id }})" class = "btn btn-danger rounded-circle btn-favorite d-flex align-items-center" >
< span class = "icon-heart" > < / span >
< / a >
{% else %}
< a href = "javascripts:void(0);" id = "jobwl{{ job.id }}" title = "Add to my wish list" onclick = "addtomywishlist({{ job.id }})" class = "btn btn-primary rounded-circle btn-favorite d-flex align-items-center" >
< span class = "icon-heart" > < / span >
< / a >
{% endif %}
2021-01-16 18:18:29 +01:00
< / div >
2020-12-28 20:28:52 +01:00
< / div >
< / div > <!-- end -->
2020-12-31 10:36:51 +01:00
{% endfor %}
2020-12-28 20:28:52 +01:00
< / div >
< div class = "row mt-5" >
2020-12-31 10:36:51 +01:00
{% if is_paginated %}
< div class = "col text-center" >
< div class = "block-27" >
< ul >
{% if page_obj.has_previous %}
< li > < a href = "?page={{ page_obj.previous_page_number }}" > < < / a > < / li >
{% else %}
< li class = "disabled" > < span > < < / span > < / li >
{% endif %}
{% for i in paginator.page_range %}
{% if page_obj.number == i %}
< li class = "active" > < span > {{ i }}< / span > < / li >
{% else %}
< li > < a href = "?page={{ i }}" > {{ i }}< / a > < / li >
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
< li > < a href = "?page={{ page_obj.next_page_number }}" > > < / a > < / li >
{% else %}
< li class = "disabled" > < span > > < / span > < / li >
{% endif %}
< / ul >
< / div >
< / div >
{% endif %}
< / div >
2020-12-28 20:28:52 +01:00
< / div >
< / section >
< section class = "ftco-section ftco-counter img" id = "section-counter" style = "background-image: url(images/bg_1.jpg);" data-stellar-background-ratio = "0.5" >
< div class = "container" >
< div class = "row justify-content-center" >
< div class = "col-md-10" >
< div class = "row" >
< div class = "col-md-3 d-flex justify-content-center counter-wrap ftco-animate" >
< div class = "block-18 text-center" >
< div class = "text" >
2021-01-16 09:20:59 +01:00
< strong class = "number" data-number = "{{ all_jobs }}" > 0< / strong >
2020-12-28 20:28:52 +01:00
< span > Jobs< / span >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex justify-content-center counter-wrap ftco-animate" >
< div class = "block-18 text-center" >
< div class = "text" >
2021-01-16 09:20:59 +01:00
< strong class = "number" data-number = "{{ candidates }}" > 0< / strong >
2020-12-28 20:28:52 +01:00
< span > Members< / span >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex justify-content-center counter-wrap ftco-animate" >
< div class = "block-18 text-center" >
< div class = "text" >
2021-01-16 09:20:59 +01:00
< strong class = "number" data-number = "{{ resumes }}" > 0< / strong >
2020-12-28 20:28:52 +01:00
< span > Resume< / span >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex justify-content-center counter-wrap ftco-animate" >
< div class = "block-18 text-center" >
< div class = "text" >
2021-01-16 09:20:59 +01:00
< strong class = "number" data-number = "{{ employers }}" > 0< / strong >
2020-12-28 20:28:52 +01:00
< span > Company< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< section class = "ftco-section testimony-section" >
< div class = "container" >
< div class = "row justify-content-center mb-5 pb-3" >
< div class = "col-md-7 text-center heading-section ftco-animate" >
< span class = "subheading" > Testimonial< / span >
< h2 class = "mb-4" > < span > Happy< / span > Clients< / h2 >
< / div >
< / div >
< div class = "row ftco-animate" >
< div class = "col-md-12" >
< div class = "carousel-testimony owl-carousel ftco-owl" >
< div class = "item" >
< div class = "testimony-wrap py-4 pb-5" >
2021-01-16 09:20:59 +01:00
< div class = "user-img mb-4" style = "background-image: url('{% static 'images/person_1.jpg' %}')" >
2020-12-28 20:28:52 +01:00
< span class = "quote d-flex align-items-center justify-content-center" >
< i class = "icon-quote-left" > < / i >
< / span >
< / div >
< div class = "text" >
< p class = "mb-4" > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.< / p >
< p class = "name" > Roger Scott< / p >
< span class = "position" > Marketing Manager< / span >
< / div >
< / div >
< / div >
< div class = "item" >
< div class = "testimony-wrap py-4 pb-5" >
< div class = "user-img mb-4" style = "background-image: url(images/person_2.jpg)" >
< span class = "quote d-flex align-items-center justify-content-center" >
< i class = "icon-quote-left" > < / i >
< / span >
< / div >
< div class = "text" >
< p class = "mb-4" > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.< / p >
< p class = "name" > Roger Scott< / p >
< span class = "position" > Interface Designer< / span >
< / div >
< / div >
< / div >
< div class = "item" >
< div class = "testimony-wrap py-4 pb-5" >
< div class = "user-img mb-4" style = "background-image: url(images/person_3.jpg)" >
< span class = "quote d-flex align-items-center justify-content-center" >
< i class = "icon-quote-left" > < / i >
< / span >
< / div >
< div class = "text" >
< p class = "mb-4" > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.< / p >
< p class = "name" > Roger Scott< / p >
< span class = "position" > UI Designer< / span >
< / div >
< / div >
< / div >
< div class = "item" >
< div class = "testimony-wrap py-4 pb-5" >
< div class = "user-img mb-4" style = "background-image: url(images/person_1.jpg)" >
< span class = "quote d-flex align-items-center justify-content-center" >
< i class = "icon-quote-left" > < / i >
< / span >
< / div >
< div class = "text" >
< p class = "mb-4" > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.< / p >
< p class = "name" > Roger Scott< / p >
< span class = "position" > Web Developer< / span >
< / div >
< / div >
< / div >
< div class = "item" >
< div class = "testimony-wrap py-4 pb-5" >
< div class = "user-img mb-4" style = "background-image: url(images/person_1.jpg)" >
< span class = "quote d-flex align-items-center justify-content-center" >
< i class = "icon-quote-left" > < / i >
< / span >
< / div >
< div class = "text" >
< p class = "mb-4" > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.< / p >
< p class = "name" > Roger Scott< / p >
< span class = "position" > System Analyst< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< section class = "ftco-section bg-light" >
< div class = "container" >
< div class = "row justify-content-center mb-5 pb-3" >
< div class = "col-md-7 heading-section text-center ftco-animate" >
< span class = "subheading" > Our Blog< / span >
< h2 > < span > Recent< / span > Blog< / h2 >
< / div >
< / div >
< div class = "row d-flex" >
< div class = "col-md-3 d-flex ftco-animate" >
< div class = "blog-entry align-self-stretch" >
< a href = "blog-single.html" class = "block-20" style = "background-image: url('{% static 'images/image_1.jpg' %}');" >
< / a >
< div class = "text mt-3" >
< div class = "meta mb-2" >
< div > < a href = "#" > December 2, 2018< / a > < / div >
< div > < a href = "#" > Admin< / a > < / div >
< div > < a href = "#" class = "meta-chat" > < span class = "icon-chat" > < / span > 3< / a > < / div >
< / div >
< h3 class = "heading" > < a href = "#" > Even the all-powerful Pointing has no control about the blind texts< / a > < / h3 >
< p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto enim non iste maxime optio, ut com< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex ftco-animate" >
< div class = "blog-entry align-self-stretch" >
< a href = "blog-single.html" class = "block-20" style = "background-image: url('{% static 'images/image_2.jpg' %}');" >
< / a >
< div class = "text mt-3" >
< div class = "meta mb-2" >
< div > < a href = "#" > December 2, 2018< / a > < / div >
< div > < a href = "#" > Admin< / a > < / div >
< div > < a href = "#" class = "meta-chat" > < span class = "icon-chat" > < / span > 3< / a > < / div >
< / div >
< h3 class = "heading" > < a href = "#" > Even the all-powerful Pointing has no control about the blind texts< / a > < / h3 >
< p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nobis natus incidunt officia assumenda.< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex ftco-animate" >
< div class = "blog-entry align-self-stretch" >
< a href = "blog-single.html" class = "block-20" style = "background-image: url('{% static 'images/image_3.jpg' %}');" >
< / a >
< div class = "text mt-3" >
< div class = "meta mb-2" >
< div > < a href = "#" > December 2, 2018< / a > < / div >
< div > < a href = "#" > Admin< / a > < / div >
< div > < a href = "#" class = "meta-chat" > < span class = "icon-chat" > < / span > 3< / a > < / div >
< / div >
< h3 class = "heading" > < a href = "#" > Even the all-powerful Pointing has no control about the blind texts< / a > < / h3 >
< p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi obcaecati praesentium,< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 d-flex ftco-animate" >
< div class = "blog-entry align-self-stretch" >
< a href = "blog-single.html" class = "block-20" style = "background-image: url('{% static 'images/image_4.jpg' %}');" >
< / a >
< div class = "text mt-3" >
< div class = "meta mb-2" >
< div > < a href = "#" > December 2, 2018< / a > < / div >
< div > < a href = "#" > Admin< / a > < / div >
< div > < a href = "#" class = "meta-chat" > < span class = "icon-chat" > < / span > 3< / a > < / div >
< / div >
< h3 class = "heading" > < a href = "#" > Even the all-powerful Pointing has no control about the blind texts< / a > < / h3 >
< p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor minima, dolores quis, dolorum accusamu< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
2021-01-16 18:18:29 +01:00
< script type = "text/javascript" >
function addtomywishlist(id) {
if (id){
$.ajax({
url:"/users/add-wishlist/" + id,
method:"GET",
success:function () {
2021-01-16 19:22:06 +01:00
$('#jobwl' + id).removeClass('btn-primary').addClass('btn-danger')
2021-01-16 19:37:06 +01:00
const Toast = Swal.mixin({
toast: true,
position: 'top',
showConfirmButton: true,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'success',
title: 'Added'
})
2021-01-16 18:18:29 +01:00
}
});
}
}
function removefrommywishlist(id) {
if (id){
$.ajax({
url:"/users/remove-from-wishlist/" + id,
method:"GET",
success:function () {
2021-01-16 19:22:06 +01:00
$('#jobwl' + id).removeClass('btn-danger').addClass('btn-primary')
2021-01-16 19:37:06 +01:00
const Toast = Swal.mixin({
toast: true,
position: 'top',
showConfirmButton: true,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Removed'
})
2021-01-16 18:18:29 +01:00
}
});
}
}
< / script >
2020-12-28 20:28:52 +01:00
{% endblock %}
