senaduka/old-saburly-wagtail-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend

Browse Source
This commit is contained in:
Amir
2024-09-10 20:21:33 +02:00
parent 1cc67371c5
commit 9b0cb634b5
276 changed files with 16434 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
templates/services/services_page.html Normal file
View File

@@ -0,0 +1,167 @@
{% extends "base.html" %}
{% load wagtailcore_tags %}
{% block body_class %}template-services{% 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>
<section class="relative bg-gray-100">
<div class="container mx-auto p-4">
<div class="text-center mb-8"></div>
<div class="flex flex-col lg:flex-row-reverse">
<div class="lg:w-3/5 mb-4 lg:mb-0 lg:pl-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">
{{ page.section_two_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_two_img|richtext }}
</div>
</div>
</div>
</div>
</section>
<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_three_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_three_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_three_img|richtext }}
</div>
</div>
</div>
</div>
</section>
<section class="relative bg-gray-100">
<div class="container mx-auto p-4">
<div class="text-center mb-8">
</div>
<div class="grid grid-cols-1 lg:grid-cols-1 gap-8">
<div class="text-center text-3xl xsm:text-4xl md:text-5xl py-2 my-2 lg:text-5xl">
{{ page.section_four_title|richtext }}
</div>
<div class="mb-10 text-base md:text-lg lg:text-lg text-left leading-sm sm:leading-mid md:leading-normal lg:leading-loose">
{{ page.section_four_text|richtext }}
</div>
<div class="flex items-center justify-center">
<div class="md:max-h-sm md:max-w-35 mx-auto">
{{ page.section_four_img|richtext }}
</div>
</div>
</div>
</div>
</section>
<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_five_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_five_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_five_img|richtext }}
</div>
</div>
</div>
</div>
</section>
<div class="container mx-auto shadow-xl border border-gray-300">
<div class="grid grid-cols-1 sm:grid-cols-2">
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_one_img|richtext }}</div>
<div>{{ page.sub_section_one|richtext }}</div>
</div>
</div>
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_two_img|richtext }}</div>
<div>{{ page.sub_section_two|richtext }}</div>
</div>
</div>
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_three_img|richtext }}</div>
<div>{{ page.sub_section_three|richtext }}</div>
</div>
</div>
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_four_img|richtext }}</div>
<div>{{ page.sub_section_four|richtext }}</div>
</div>
</div>
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_five_img|richtext }}</div>
<div>{{ page.sub_section_five|richtext }}</div>
</div>
</div>
<div class="border border-gray-300 p-6">
<div class="grid grid-cols-1 gap-4 text-center">
<div class="flex justify-center">{{ page.sub_section_six_img|richtext }}</div>
<div>{{ page.sub_section_six|richtext }}</div>
</div>
</div>
</div>
</div>
</section>
<br />
{% endblock %}