74 lines
3.0 KiB
HTML
74 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% load wagtailcore_tags %}
|
|
|
|
{% block body_class %}template-contactpage{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<section class="relative bg-white">
|
|
<div class="container mx-auto p-4">
|
|
<div class="text-center mb-8"></div>
|
|
<div class="flex flex-col lg:flex-row">
|
|
<div class="lg:w-3/5 mb-4 lg:mb-0 lg:pr-8">
|
|
<div class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_one_title|richtext }}
|
|
</div>
|
|
<div class="mb-10 text-base md:text-lg lg:text-lg text-left leading-smaller sm:leading-mid md:leading-normal lg:leading-loose">
|
|
{{ page.section_one_text|richtext }}
|
|
</div>
|
|
</div>
|
|
<div class="lg:w-2/5 flex items-center justify-center">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_one_img|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% load widget_tweaks %}
|
|
|
|
<section class="relative bg-white">
|
|
<div class="container mx-auto p-4">
|
|
<div class="text-center mb-8"></div>
|
|
<div class="flex flex-col lg:flex-row">
|
|
<div class="lg:w-2/5 mb-4 lg:mb-0 lg:pr-8">
|
|
<div class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_two_title|richtext }}
|
|
</div>
|
|
<div class="mb-10 text-base md:text-lg lg:text-lg text-left leading-smaller sm:leading-mid md:leading-normal lg:leading-loose">
|
|
<form action="{% pageurl page %}" method="POST" class="space-y-0 max-w-md mx-auto">
|
|
{% csrf_token %}
|
|
{{ form.non_field_errors }}
|
|
<div class="relative">
|
|
{% render_field form.name class="w-full border-b border-gray-300 text-gray-700 py-1 px-0 focus:outline-none focus:border-cyan-400 transition duration-300 placeholder-gray-500 text-sm" placeholder=form.name.label %}
|
|
{{ form.name.errors }}
|
|
</div>
|
|
<div class="relative mt-2">
|
|
{% render_field form.email class="w-full border-b border-gray-300 text-gray-700 py-1 px-0 focus:outline-none focus:border-cyan-400 transition duration-300 placeholder-gray-500 text-sm" placeholder=form.email.label %}
|
|
{{ form.name.errors }}
|
|
</div>
|
|
<div class="relative mt-2">
|
|
{% render_field form.message class="w-full border-b border-gray-300 text-gray-700 py-1 px-0 focus:outline-none focus:border-cyan-400 transition duration-300 placeholder-gray-500 text-sm" placeholder=form.message.label %}
|
|
{{ form.message.errors }}
|
|
</div>
|
|
<button type="submit" class="w-full text-white text-lg py-2 border rounded-lg focus:outline-none transition duration-300 btn rqbtn mt-4">
|
|
SEND
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="lg:w-3/5 flex items-center justify-center">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_two_img|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
{% endblock %}
|