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.
66 lines
2.0 KiB
66 lines
2.0 KiB
{% extends "st_base.html" %}
|
|
{% load static %}
|
|
{% load st_extratags %}
|
|
|
|
{% block javascript %}
|
|
var slideIndex = 1;
|
|
showDivs(slideIndex);
|
|
|
|
function plusDivs(n) {
|
|
showDivs(slideIndex += n);
|
|
}
|
|
|
|
function currentDiv(n) {
|
|
showDivs(slideIndex = n);
|
|
}
|
|
|
|
function showDivs(n) {
|
|
var i;
|
|
var x = document.getElementsByClassName("mySlides");
|
|
var dots = document.getElementsByClassName("demo");
|
|
if (n > x.length) {slideIndex = 1}
|
|
if (n < 1) {slideIndex = x.length}
|
|
for (i = 0; i < x.length; i++) {
|
|
x[i].style.display = "none";
|
|
}
|
|
for (i = 0; i < dots.length; i++) {
|
|
dots[i].className = dots[i].className.replace(" w3-white", "");
|
|
}
|
|
x[slideIndex-1].style.display = "block";
|
|
dots[slideIndex-1].className += " w3-white";
|
|
}
|
|
{% endblock %}
|
|
|
|
{% block style %}
|
|
.mySlides {display:none}
|
|
.w3-left, .w3-right, .w3-badge {cursor:pointer}
|
|
.w3-badge {height:13px;width:13px;padding:0}
|
|
.w3-display-container{padding-top: 64px;max-width:1000px;}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
|
|
<!-- Container (About Section) -->
|
|
<div class="w3-content w3-display-container">
|
|
<img class="mySlides" src="{% static 'img/ext_s1.jpg' %}" style="width:100%">
|
|
<img class="mySlides" src="{% static 'img/ext_s2.jpg' %}" style="width:100%">
|
|
<img class="mySlides" src="{% static 'img/ext_s3.jpg' %}" style="width:100%">
|
|
<div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
|
|
<div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">❮</div>
|
|
<div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">❯</div>
|
|
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
|
|
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
|
|
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="w3-content w3-container">
|
|
<h2 class="w3-center">Psychologische Beratung</h2>
|
|
<h3>Anwendung</h3>
|
|
<p>Hilfe in allen Lebenslagen</p>
|
|
</div>
|
|
|
|
|
|
{% endblock %}
|
|
|