98 lines
3.5 KiB
HTML
98 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% load wagtailcore_tags %}
|
|
|
|
{% block body_class %}template-homepage{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<section class="relative bg-white">
|
|
<div class="container mx-auto items-center flex xl:flex-row justify-between flex-col p-4">
|
|
<div class="lg:w-3/5 text-center lg:text-left">
|
|
<h2 class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_one_title|richtext }}
|
|
</h2>
|
|
<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">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_one_img|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="relative bg-gray-100">
|
|
<div class="container mx-auto items-center flex xl:flex-row justify-between flex-col p-4">
|
|
<div class="lg:w-2/5">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_two_img|richtext }}
|
|
</div>
|
|
</div>
|
|
<div class="lg:w-3/5 text-center lg:text-left">
|
|
<h2 class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_two_title|richtext }}
|
|
</h2>
|
|
<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_two_text|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="relative bg-white">
|
|
<div class="container mx-auto items-center flex xl:flex-row justify-between flex-col p-4">
|
|
<div class="lg:w-3/5 text-center lg:text-left">
|
|
<h2 class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_three_title|richtext }}
|
|
</h2>
|
|
<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_three_text|richtext }}
|
|
</div>
|
|
</div>
|
|
<div class="lg:w-2/5">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_three_img|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="relative bg-gray-100">
|
|
<div class="container mx-auto items-center flex xl:flex-row justify-between flex-col p-4">
|
|
<div class="lg:w-2/5">
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_four_img|richtext }}
|
|
</div>
|
|
</div>
|
|
<div class="lg:w-3/5 text-center lg:text-left">
|
|
<h2 class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_four_title|richtext }}
|
|
</h2>
|
|
<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_four_text|richtext }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="relative bg-white">
|
|
<div class="container mx-auto grid grid-cols-1 gap-6 p-4">
|
|
<div class="text-center lg:text-center">
|
|
<h2 class="text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
|
|
{{ page.section_five_title|richtext }}
|
|
</h2>
|
|
</div>
|
|
<div class="text-base md:text-lg lg:text-lg text-left leading-smaller sm:leading-mid md:leading-normal lg:leading-loose">
|
|
{{ page.section_five_text|richtext }}
|
|
</div>
|
|
<div class="md:max-h-sm md:max-w-35 mx-auto">
|
|
{{ page.section_five_img|richtext }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% endblock %}
|