impuls/templates/homepage.html

{% extends 'base.html' %}
{% load static %}
{% block content %}
<style scoped>
@media (min-width:562px){.dc-main-background {background-image:url({% static 'pictures/background-i.webp' %});width:100%;}}
@media (max-width:561px){.dc-main-background {background-image:url({% static 'pictures/background-mobile.webp' %});width:100%;}}
</style>
<section style="padding-bottom:750px;width:100%"class="dc-header dc-text-white">
<span class="dc-parallax dc-main-background">
<div class="dc-header dc-center">
<h1 class="dc-jumbo">Im·Puls 2024</h1>
<h2 class="dc-xxxlarge">Geistige IDEALE<br>&<br>irdische REALITÄT</h2>
<span class="dc-xlarge">Die aktuelle Tagung findet vom 14. Februar, 17:00, bis zum 18. Februar, 12:30, in Stuttgart statt. 
</div>
<svg class="editorial" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /></defs>
<g class="px1"><use xlink:href="#gentle-wave" x="50" y="3" fill="#fde6a0"/></g>
<g class="px2"><use xlink:href="#gentle-wave" x="50" y="0" fill="#e0be8d"/></g>
<g class="px3"><use xlink:href="#gentle-wave" x="50" y="9" fill="#fee7a1"/></g>
<g class="px4"><use xlink:href="#gentle-wave" x="50" y="6" fill="#995f5e"/></g></svg>
</section>

<section>
<div class="dc-container dc-secondary-background dc-text-white" style="padding:128px 16px" id="contact">
<h3 class="dc-center">Interesse an der Tagung?</h3>
  <div class="dc-center">
  <a href="{% url 'anmeldung' %}" class="dc-btn">Melde dich Hier an!</a>
  </div>
</div>
</section>

{% endblock content %}