You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
170 lines
6.6 KiB
170 lines
6.6 KiB
{% load core_tags menu_tags static wagtailuserbar wagtailcore_tags wagtailimages_tags %}
|
|
{% get_site_root as site_root %}
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="{{ self.search_description }}">
|
|
<title>FEO GmbH - {% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}</title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="{% static 'favicon.png' %}">
|
|
|
|
<!-- Google Fonts - Roboto -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
|
|
|
<!-- Custom Theme CSS -->
|
|
<link rel="stylesheet" href="{% static 'css/theme.css' %}">
|
|
|
|
{% block extra_css %}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
{% if request.user.is_authenticated %}
|
|
{% wagtailuserbar %}
|
|
{% endif %}
|
|
|
|
<!-- Header -->
|
|
<header>
|
|
<!-- Top Bar -->
|
|
<div class="bg-light py-2">
|
|
<div class="container">
|
|
<div class="d-flex justify-content-end">
|
|
<ul class="nav">
|
|
<li class="nav-item"><a class="nav-link" href="{% slugurl 'contact' %}">Kontakt</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{% slugurl 'imprint' %}">Impressum</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{% slugurl 'datenschutz' %}">Datenschutz</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
{% bootstrap5_top_menu parent=site_root calling_page=self %}
|
|
|
|
<!-- Breadcrumbs -->
|
|
{% if not self.url == site_root.url %}
|
|
<div class="bg-light py-4">
|
|
<div class="container">
|
|
<h1 class="h2 mb-3">{{ self.title }}</h1>
|
|
<nav aria-label="breadcrumb">
|
|
{% bootstrap5_breadcrumbs %}
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</header>
|
|
|
|
<!-- Messages -->
|
|
{% if messages %}
|
|
<div class="container mt-4">
|
|
{% for message in messages %}
|
|
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Full Width Header Block -->
|
|
<div>
|
|
{% block fullwidth_header %}
|
|
{% endblock fullwidth_header %}
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<main class="container py-4">
|
|
{% block content %}
|
|
{% endblock content %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4 mb-md-0">
|
|
<h2 class="h4 mb-3 text-primary">FEO GmbH</h2>
|
|
<p class="mb-4">{% footer_about %}</p>
|
|
|
|
<h2 class="h4 mb-3 text-primary">Newsletter</h2>
|
|
{% footer_newsletter %}
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-4 mb-md-0">
|
|
{% event_calendar %}
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<h2 class="h4 mb-3 text-primary">Kontakt</h2>
|
|
<address>
|
|
<p>
|
|
FEO Gesellschaft für Fortbildungs-<br>
|
|
und Eventorganisation mbH<br>
|
|
Unterer Leinritt 18<br>
|
|
96049 Bamberg
|
|
</p>
|
|
<p>
|
|
Email: <a href="mailto:info@feo.gmbh">info@feo.gmbh</a>
|
|
</p>
|
|
</address>
|
|
|
|
<h2 class="h4 mb-3 text-primary">Stay Connected</h2>
|
|
<div class="d-flex gap-2">
|
|
<a href="https://www.linkedin.com/in/marion-s-a2b81152/" target="_blank" class="btn btn-outline-primary">
|
|
<i class="bi bi-linkedin"></i>
|
|
</a>
|
|
<a href="https://www.xing.com/companies/feogesellschaftf%C3%BCrfortbildungs-undeventorganisationmbh" target="_blank" class="btn btn-outline-primary">
|
|
<i class="bi bi-x"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="copyright">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6 mb-3 mb-md-0">
|
|
<p class="mb-0">
|
|
{% now "Y" %} © FEO GmbH. Alle Rechte vorbehalten.
|
|
<a href="{% slugurl 'datenschutz' %}">Datenschutz</a> |
|
|
<a href="{% slugurl 'agb' %}">AGB</a> |
|
|
<a href="{% slugurl 'imprint' %}">Impressum</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<img src="{% static 'img/logo_feo_white.png' %}" alt="Logo FEO GmbH" height="40">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5 JS Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
{% block extra_js %}
|
|
{% endblock %}
|
|
|
|
<!-- Matomo Tag Manager -->
|
|
<script type="text/javascript">
|
|
var _mtm = window._mtm = window._mtm || [];
|
|
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.src='https://matomo.feo.gmbh/js/container_gFxCmfoy.js'; s.parentNode.insertBefore(g,s);
|
|
</script>
|
|
<!-- End Matomo Tag Manager -->
|
|
</body>
|
|
</html>
|
|
|