86 lines
4.1 KiB
HTML
86 lines
4.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>Login</span></p>
|
||
|
|
<h1 class="mb-3 bread" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Login</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="ftco-section bg-light">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-md-12 col-lg-8 mb-5">
|
||
|
|
{% if user.is_employee %}
|
||
|
|
<form action="#" class="p-5 bg-white" method="post">
|
||
|
|
{% csrf_token %}
|
||
|
|
{% if form.errors %}
|
||
|
|
<div class="alert alert-danger alert-dismissible" role="alert">
|
||
|
|
<div id="form_errors">
|
||
|
|
{% for key, value in form.errors.items %}
|
||
|
|
<span class="fieldWrapper">
|
||
|
|
{{ key }}: {{ value }}
|
||
|
|
</span>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
<button type="button" class="close" data-dismiss="alert" aria_hidden="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% for field in form.visible_fields|slice:"3" %}
|
||
|
|
<div class="row form-group">
|
||
|
|
<div class="col-md-12 mb-3 mb-md-0">
|
||
|
|
<label class="font-weight-bold" for="fullname">{{ field.label }}</label>
|
||
|
|
<input type="{{ field.field.widget.input_type }}" id="fullname" class="form-control" placeholder="{{ field.label }}" name="{{ field.html_name }}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
<div class="row form-group">
|
||
|
|
<div class="col-md-12 mb-3 mb-md-0"><h5>Resume</h5>
|
||
|
|
{{ form.media }}
|
||
|
|
{{ form.resume }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row form-group">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<input type="submit" value="Login" class="btn btn-primary py-2 px-5">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-lg-4">
|
||
|
|
<div class="p-4 mb-3 bg-white">
|
||
|
|
<h3 class="h5 text-black mb-3">Contact Info</h3>
|
||
|
|
<p class="mb-0 font-weight-bold">Address</p>
|
||
|
|
<p class="mb-4">203 Fake St. Mountain View, San Francisco, California, USA</p>
|
||
|
|
|
||
|
|
<p class="mb-0 font-weight-bold">Phone</p>
|
||
|
|
<p class="mb-4"><a href="#">+1 232 3235 324</a></p>
|
||
|
|
|
||
|
|
<p class="mb-0 font-weight-bold">Email Address</p>
|
||
|
|
<p class="mb-0"><a href="#"><span class="__cf_email__" data-cfemail="671e081215020a060e0b2703080a060e094904080a">[email protected]</span></a></p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="p-4 mb-3 bg-white">
|
||
|
|
<h3 class="h5 text-black mb-3">More Info</h3>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ad iure porro mollitia architecto hic consequuntur. Distinctio nisi perferendis dolore, ipsa consectetur</p>
|
||
|
|
<p><a href="#" class="btn btn-primary py-2 px-4">Learn More</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% endblock %}
|