179 lines
5.7 KiB
HTML
179 lines
5.7 KiB
HTML
{% load static i18n %}<!DOCTYPE html>
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
<html lang="{{ LANGUAGE_CODE }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>{% block title %}VBV Lernwelt{% endblock title %}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="VBV Lernumgebung">
|
|
<meta name="author" content="Iterativ GmbH">
|
|
|
|
<link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
|
|
|
|
{% block css %}
|
|
<!-- Your stuff: Third-party CSS libraries go here -->
|
|
<!-- This file stores project-specific CSS -->
|
|
<link href="{% static 'css/project.min.css' %}" rel="stylesheet">
|
|
<link href="{% static 'css/tailwind-output.css' %}" rel="stylesheet">
|
|
{% endblock %}
|
|
<!-- Le javascript
|
|
================================================== -->
|
|
{# Placed at the top of the document so pages load faster with defer #}
|
|
{% block javascript %}
|
|
<!-- Your stuff: Third-party javascript libraries go here -->
|
|
<!-- place project specific Javascript in this file -->
|
|
<script defer src="{% static 'js/project.js' %}"></script>
|
|
|
|
{% endblock javascript %}
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container mx-auto bg-blue-900">
|
|
<div class="flex flex-col md:flex-row items-center p-4 text-white space-x-8">
|
|
<div class="text-2xl mx-4">
|
|
VBV Ausbildungsportal
|
|
</div>
|
|
|
|
<div>Kurse / Shop</div>
|
|
<div>Infos zu Berufen</div>
|
|
<div>Branchennews</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-dismissible {% if message.tags %}alert-{{ message.tags }}{% endif %}">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div> <!-- /container -->
|
|
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto">
|
|
<div class="flex justify-between flex-col md:flex-row">
|
|
<img class="w-full md:w-2/4" src="https://www.thezebra.com/insurance-news/wp-content/uploads/2016/01/Tree-fallen-on-car-1024x682.jpeg"/>
|
|
<div class="w-full md:w-2/4 flex flex-col justify-center p-4 md:p-16">
|
|
<h2 class="text-xl md:text-3xl font-bold">Machen Sie hier eine Selbstevaluation</h2>
|
|
<p class="my-4 text-xl">Hier steht noch etwas mehr Text</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mx-auto bg-blue-100 border-t-2 border-gray-900">
|
|
<div class="p-8 flex flex-col md:flex-row">
|
|
|
|
<div class="w-full md:w-1/2 xl:w-1/3 px-4">
|
|
<div class="bg-white rounded-lg overflow-hidden mb-10 shadow-md">
|
|
<img
|
|
src="https://cdn.tailgrids.com/1.0/assets/images/cards/card-01/image-01.jpg"
|
|
alt="image"
|
|
class="w-full"
|
|
/>
|
|
<div class="p-8 sm:p-9 md:p-7 xl:p-9 text-center">
|
|
<a
|
|
href="javascript:void(0)"
|
|
class="
|
|
inline-block
|
|
py-2
|
|
px-7
|
|
border border-[#E5E7EB]
|
|
rounded-full
|
|
text-base text-body-color
|
|
font-medium
|
|
hover:border-primary hover:bg-primary hover:text-white
|
|
transition
|
|
"
|
|
>
|
|
Kurs X
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-full md:w-1/2 xl:w-1/3 px-4">
|
|
<div class="bg-white rounded-lg overflow-hidden mb-10 shadow-md">
|
|
<img
|
|
src="https://cdn.tailgrids.com/1.0/assets/images/cards/card-01/image-02.jpg"
|
|
alt="image"
|
|
class="w-full"
|
|
/>
|
|
<div class="p-8 sm:p-9 md:p-7 xl:p-9 text-center">
|
|
<a
|
|
href="javascript:void(0)"
|
|
class="
|
|
inline-block
|
|
py-2
|
|
px-7
|
|
border border-[#E5E7EB]
|
|
rounded-full
|
|
text-base text-body-color
|
|
font-medium
|
|
hover:border-primary hover:bg-primary hover:text-white
|
|
transition
|
|
"
|
|
>
|
|
Kurs Y
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-full md:w-1/2 xl:w-1/3 px-4">
|
|
<div class="bg-white rounded-lg overflow-hidden mb-10 shadow-md">
|
|
<img
|
|
src="https://cdn.tailgrids.com/1.0/assets/images/cards/card-01/image-03.jpg"
|
|
alt="image"
|
|
class="w-full"
|
|
/>
|
|
<div class="p-8 sm:p-9 md:p-7 xl:p-9 text-center">
|
|
<a
|
|
href="javascript:void(0)"
|
|
class="
|
|
inline-block
|
|
py-2
|
|
px-7
|
|
border border-[#E5E7EB]
|
|
rounded-full
|
|
text-base text-body-color
|
|
font-medium
|
|
hover:border-primary hover:bg-primary hover:text-white
|
|
transition
|
|
"
|
|
>
|
|
Kurs Z
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="p-8 text-right">weitere Kurse entdecken und buchen</p>
|
|
|
|
<div class="border-t-2 border-blue-400 m-8 p-8"></div>
|
|
</div>
|
|
|
|
|
|
{% endblock content %}
|
|
|
|
|
|
{% block modal %}{% endblock modal %}
|
|
|
|
{% block inline_javascript %}
|
|
{% comment %}
|
|
Script tags with only code, no src (defer by default). To run
|
|
with a "defer" so that you run inline code:
|
|
<script>
|
|
window.addEventListener('DOMContentLoaded', () => {/* Run whatever you want */});
|
|
</script>
|
|
{% endcomment %}
|
|
{% endblock inline_javascript %}
|
|
</body>
|
|
</html>
|