Browse Source

page clean + ausgebucht

master
corbreedy 4 years ago
parent
commit
e142183b0d
  1. 9
      hpst/static/css/sinnes-tau.css
  2. 29
      hpst/templates/index.html
  3. 8
      hpst/templates/st_base.html
  4. 10
      hpst/templates/termine_schnipp.html

9
hpst/static/css/sinnes-tau.css

@ -23,4 +23,11 @@ body, html {
height: 0; height: 0;
width: 0; width: 0;
z-index: -1;} z-index: -1;}
/*Iframe*/
.stframe {
top: 10;
left: 10;
width: 100%;
height: 350px;
border: 1;
}

29
hpst/templates/index.html

@ -47,28 +47,6 @@ function toggleFunction() {
min-height: 100%; min-height: 100%;
} }
/* Second image (Portfolio) */
.bgimg-2 {
background-image: url("{% static 'img/banner.jpg'%}");
min-height: 400px;
}
/* Third image (Contact) */
.bgimg-3 {
background-image: url("{% static 'img/banner.jpg'%}");
min-height: 400px;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1, .bgimg-2, .bgimg-3 {
background-attachment: scroll;
min-height: 400px;
}
}
{% endblock %} {% endblock %}
@ -109,12 +87,13 @@ Mein Ziel ist es die Individualität eines jeden einzelnen wahrzunehmen und mit
<p style="text-align: left;">Fachvorträge und Workshops habe ich besucht (Dunkelfelddiagnostik; Irisdiagnostik; Idiolektik; EFT; &nbsp;Homöopathie nach der Sehgal-Methode; Ernährung bei Intoleranzen, Unverträglichkeiten und Allergien; Darmsymbiose; Mikronährstoffe; Vitalpilze; Heilkräuter uvm.). Natürlich bin ich stets bemüht mein Wissen durch regelmäßige Fort- und Weiterbildungen zu erweitern.</p> <p style="text-align: left;">Fachvorträge und Workshops habe ich besucht (Dunkelfelddiagnostik; Irisdiagnostik; Idiolektik; EFT; &nbsp;Homöopathie nach der Sehgal-Methode; Ernährung bei Intoleranzen, Unverträglichkeiten und Allergien; Darmsymbiose; Mikronährstoffe; Vitalpilze; Heilkräuter uvm.). Natürlich bin ich stets bemüht mein Wissen durch regelmäßige Fort- und Weiterbildungen zu erweitern.</p>
</div> </div>
</div> </div>
</div>
<!-- Container (Portfolio Section) --> <!-- Container (Portfolio Section) -->
<div class="w3-content w3-container w3-padding-64" id="portfolio"> <div class="w3-content w3-container w3-padding-64" id="portfolio">
<h3 class="w3-center">Meine Arbeit</h3> <h3 class="w3-center">Meine Arbeit</h3>
<p class="w3-center"><em>Ich begleite Sie als Wildnispädagogin und Heilpraktikerin in diesen Bereichen:</p> <p class="w3-center"><em>Ich begleite Sie als Wildnispädagogin und Heilpraktikerin in diesen Bereichen:</em></p>
<h4 class="w3-center">Natur erleben</h4> <h4 class="w3-center">Natur erleben</h4>
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) --> <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
<div class="w3-row-padding w3-center"> <div class="w3-row-padding w3-center">
@ -178,6 +157,7 @@ Mein Ziel ist es die Individualität eines jeden einzelnen wahrzunehmen und mit
</a> </a>
</div> </div>
</div> </div>
</div>
@ -195,7 +175,8 @@ Mein Ziel ist es die Individualität eines jeden einzelnen wahrzunehmen und mit
<div class="w3-row w3-padding-32 w3-section"> <div class="w3-row w3-padding-32 w3-section">
<div class="w3-col m4 w3-container"> <div class="w3-col m4 w3-container">
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=11.337032318115236%2C50.20948281383455%2C11.386299133300783%2C50.22807304448059&amp;layer=mapnik&marker=50.218792564567934%2C11.361665725708008" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=50.2188&amp;mlon=11.3617#map=15/50.2188/11.3617">Größere Karte anzeigen</a></small> <iframe class="stframe" src="https://www.openstreetmap.org/export/embed.html?bbox=11.337032318115236%2C50.20948281383455%2C11.386299133300783%2C50.22807304448059&amp;layer=mapnik&marker=50.218792564567934%2C11.361665725708008"></iframe>
<br/><small><a href="https://www.openstreetmap.org/?mlat=50.2188&amp;mlon=11.3617#map=15/50.2188/11.3617">Größere Karte anzeigen</a></small>
</div> </div>

8
hpst/templates/st_base.html

@ -1,5 +1,5 @@
<!DOCTYPE html>{% load static %}{% load st_extratags %} <!DOCTYPE html>{% load static %}{% load st_extratags %}
<html> <html lang="de">
<head> <head>
<title>Sinnes-Tau.de</title> <title>Sinnes-Tau.de</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -52,9 +52,9 @@
<a href="#top" class="w3-button st-bl"><i class="fa fa-arrow-up w3-margin-right"></i>nach Oben</a> <a href="#top" class="w3-button st-bl"><i class="fa fa-arrow-up w3-margin-right"></i>nach Oben</a>
<a href="{% url 'index' %}#portfolio" class="w3-button st-bl"><i class="fa fa-th w3-margin-right"></i>Meine Arbeit</a> <a href="{% url 'index' %}#portfolio" class="w3-button st-bl"><i class="fa fa-th w3-margin-right"></i>Meine Arbeit</a>
<div class="w3-xlarge w3-section"> <div class="w3-xlarge w3-section">
<a href="https://signal.me/#p/+4915221700463" titel="Link zum Signal Messeneger"><img src="{% static 'img/signal.png' %}" style="width:30px;height=30px;" alt="Signal Messanger"></a> <a href="https://signal.me/#p/+4915221700463" title="Link zum Signal Messeneger"><img src="{% static 'img/signal.png' %}" width="30" height="30" alt="Signal Messanger"></a>
<a href="https://api.whatsapp.com/send?phone=+4915221700463" titel="Whatsapp Nachricht"><i class="fa fa-whatsapp w3-hover-opacity"></i></a> <a href="https://api.whatsapp.com/send?phone=+4915221700463" title="Whatsapp Nachricht"><i class="fa fa-whatsapp w3-hover-opacity"></i></a>
<a href="https://www.facebook.com/profile.php?id=100057556356709" titel="Facebook Seite"><i class="fa fa-facebook-official w3-hover-opacity"></i></a> <a href="https://www.facebook.com/profile.php?id=100057556356709" title="Facebook Seite"><i class="fa fa-facebook-official w3-hover-opacity"></i></a>
</div> </div>
<p>Powered by <a href="https://www.kuntner.de" title="W3.CSS" target="_blank" class="w3-hover-text-green">kuntner.de</a></p> <p>Powered by <a href="https://www.kuntner.de" title="W3.CSS" target="_blank" class="w3-hover-text-green">kuntner.de</a></p>
</footer> </footer>

10
hpst/templates/termine_schnipp.html

@ -1,22 +1,26 @@
{% load static %} {% load static %}
{% load st_extratags %} {% load st_extratags %}
<!-- Termine --> <!-- Termine -->
<div class="w3-white w3-margin w3-padding-64" id="termine"> <div class="w3-content w3-container w3-padding-64" id="termine">
<div class="w3-container w3-padding st-br"> <div class="w3-container w3-padding st-br">
<h4>Termine</h4> <h4>Termine</h4>
</div> </div>
<ul class="w3-ul w3-hoverable w3-white"> <ul class="w3-ul w3-hoverable w3-white">
{% for te in termine %} {% for te in termine %}
<a href="{% url 'termin' te.id %}" style="text-decoration: none;">
<li class="w3-padding-16"> <li class="w3-padding-16">
<a href="{% url 'termin' te.id %}" style="text-decoration: none;">
<img src="{% static te.bild %}" alt="Image" class="w3-left w3-margin-right" style="width:50px"> <img src="{% static te.bild %}" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-text-grey">{{ te.date|deutschesdatum }}{% if te.end_date %} bis {{te.end_date|deutschesdatum}}{% endif %}</span> <span class="w3-text-grey">{{ te.date|deutschesdatum }}{% if te.end_date %} bis {{te.end_date|deutschesdatum}}{% endif %}</span>
<br> <br>
<span class="w3-large">{{te.titel}}</span> <span class="w3-large">{{te.titel}}</span>
<br> <br>
<span>{{ te.teaser }}</span> <span>{{ te.teaser }}</span>
</li> {% if te.freieplaetze == 0 %}
&nbsp;&nbsp;<span class="w3-text-orange"><b>ausgebucht</b></span>
{% endif %}
</a> </a>
</li>
{% empty %} {% empty %}
<li class="w3-padding-16"> <li class="w3-padding-16">
<img src="{% static 'img/lama_f.jpg' %}" alt="Image" class="w3-left w3-margin-right" style="width:50px"> <img src="{% static 'img/lama_f.jpg' %}" alt="Image" class="w3-left w3-margin-right" style="width:50px">

Loading…
Cancel
Save