48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
{% 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-end justify-content-start" data-scrollax-parent="true">
|
|
<div class="col-md-8 ftco-animate text-center text-md-left mb-5" data-scrollax=" properties: { translateY: '70%' }">
|
|
<p class="breadcrumbs" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><span class="mr-3"><a href="index.html">Home <i class="ion-ios-arrow-forward"></i></a></span> <span class="mr-3"><a href="blog.html">Blog <i class="ion-ios-arrow-forward"></i></a></span> <span>Single</span></p>
|
|
<h1 class="mb-3 bread" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Job detail</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="ftco-section ftco-degree-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 ftco-animate">
|
|
<h2 class="mb-3">{{ job.title }}</h2>
|
|
<p>{{ job.description|safe }}</p>
|
|
|
|
</div> <!-- .col-md-8 -->
|
|
<div class="col-md-4 sidebar ftco-animate">
|
|
<div class="sidebar-box">
|
|
<form action="#" class="search-form">
|
|
<div class="form-group">
|
|
<span class="icon icon-search"></span>
|
|
<input type="text" class="form-control" placeholder="Type a keyword and hit enter">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="sidebar-box ftco-animate">
|
|
<div class="categories">
|
|
<h3>Categories</h3>
|
|
{% for category in categories %}
|
|
<li><a href="#">{{ category.title }} <span>{{ category.job_count }}</span></a></li>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section> <!-- .section -->
|
|
|
|
{% endblock %} |