{% extends 'base.html' %}
{% load static %}
{% block title %}Kontakt{% endblock title %}
{% block content %}
<section class="dc-header dc-text-white">
<span class="dc-parallax" style="background-image:url({% static 'pictures/Kontakt.webp' %});width:100%"></span>
<div class="dc-header dc-center">
<h1 class="dc-xxlarge dc-main-title">Kontakt</h1>
</div>
</section>
<section class="dc-page-container">
<div style="">
<div class="dc-medium">Bitte melden Sie sich bei Fragen hier bei uns. Sie werden so bald wie möglich eine Antwort erhalten.<br>
Ansonsten dürfen Sie gerne sich direkt melden über <a href="mailto:dhafner1964@hotmail.com">dhafner1964@hotmail.com</a>.</div>
<div class="dc-container dc-light-gray dc-padding-top dc-border-small">			
<form action="" class="dc-container dc-form" method="post">
{% csrf_token %}
{{ contact_form.non_field_errors }}
<div class="dc-container">
{{ contact_form.name.errors }}
<label class="dc-half" for="{{ contact_form.name.id_for_label }}">Name:</label>
<div class="dc-half">{{contact_form.name }}</div></div>
<div class="dc-container">
{{ contact_form.mail.errors }}
<label class="dc-half" for="{{ contact_form.mail.id_for_label }}">Mail-Adresse:</label>
<div class="dc-half">{{contact_form.mail }}</div></div>
<div class="dc-container">
{{ contact_form.message.errors }}
<label class="dc-half" for="{{ contact_form.message.id_for_label }}">Nachricht:</label>
<div style="padding-bottom:7px" class="dc-half">{{contact_form.message }}</div></div>
<input style="width:100%" class="dc-deep-purple dc-padding-small dc-border-small" type="submit" value="Senden">
</form>
</div>
</div>
</section>
{% endblock content %}