82 lines
3.0 KiB
HTML
82 lines
3.0 KiB
HTML
<header class="sticky top-0 left-0 right-0 z-50 bg-primary text-white">
|
||
<!-- Main Navigation -->
|
||
<f:render partial="Navigation/Main" arguments="{_all}" />
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Main Section -->
|
||
<f:render section="Main" />
|
||
</main>
|
||
|
||
<footer class="bg-primary text-white">
|
||
<div class="container mx-auto max-w-7xl px-4 py-12 space-y-10">
|
||
|
||
<!-- ── Row 1 ───────────────────────────────────────── -->
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
|
||
|
||
<!-- Logo -->
|
||
<div class="flex flex-col items-start">
|
||
<!-- Replace the src with your logo SVG / file -->
|
||
<f:image src="EXT:base/Resources/Public/Images/logo.svg" alt="Logo" class="block max-h-[100px] h-auto w-auto" />
|
||
</div>
|
||
|
||
<!-- Kontaktiere uns -->
|
||
<div>
|
||
<h5 class="text-white">Kontaktiere uns</h5>
|
||
<ul class="space-y-4">
|
||
<li class="flex items-center">
|
||
<!-- mail -->
|
||
<a href="mailto:inquiry@dialogrelations.com" class="hover:text-white text-white">
|
||
inquiry@dialogrelations.com
|
||
</a>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<!-- phone -->
|
||
<a href="tel:+4312313435" class="hover:text-white text-white">
|
||
+43 1231 3435
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Folge uns -->
|
||
<div class="flex flex-col items-start md:items-end">
|
||
<h5 class="text-white">Folge uns</h5>
|
||
<div class="flex space-x-4">
|
||
<!-- Social buttons -->
|
||
|
||
<a href="#" aria-label="LinkedIn" class="w-10 h-10 text-2xl bg-white text-primary rounded-full inline-flex items-center justify-center hover:bg-white hover:text-primary-dark">
|
||
<i class="ci ci-linkedin"></i>
|
||
</a>
|
||
<a href="#" aria-label="Instagram" class="w-10 h-10 text-2xl bg-white text-primary rounded-full inline-flex items-center justify-center hover:bg-white hover:text-primary-dark">
|
||
<i class="ci ci-instagram"></i>
|
||
</a>
|
||
<a href="#" aria-label="Facebook" class="w-10 h-10 text-2xl bg-white text-primary rounded-full inline-flex items-center justify-center hover:bg-white hover:text-primary-dark">
|
||
<i class="ci ci-facebook"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- /Row 1 -->
|
||
|
||
|
||
<!-- ── Row 2 ───────────────────────────────────────── -->
|
||
<div class="flex flex-col-reverse md:flex-row md:justify-between items-start md:items-center text-sm">
|
||
|
||
<!-- Rights reserved -->
|
||
<p class="pt-4 md:pt-0">
|
||
Dialog Relations 2025 — All rights reserved.
|
||
</p>
|
||
|
||
<!-- Privacy links -->
|
||
<p>
|
||
<a href="#" class="hover:text-white text-white">Privacy Policy</a>
|
||
<span class="mx-1">|</span>
|
||
<a href="#" class="hover:text-white text-white">Terms and Conditions</a>
|
||
</p>
|
||
|
||
</div><!-- /Row 2 -->
|
||
|
||
</div>
|
||
</footer>
|