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.
144 lines
6.5 KiB
144 lines
6.5 KiB
<!DOCTYPE html>{% load static %}{% load st_extratags %}
|
|
<html lang="de">
|
|
<head>
|
|
<title>Sinnes-Tau.de</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="keywords" content="Naturheilkunde, Naturheilpraxis, Heilkunde, Lamatour, Kinderfreizeit, Körpertherapie, Apitherapie, Pflanzenheilkunde, Blütenseelenfachberatung, Wanderungen, Ohrakupunktur, Honigmassage, Darmsanierung, Kinder- und Jugendentspanung, Sinnes-Tau, Tanja Sünkel" />
|
|
<meta name="description" content="Naturheilpraxis und Körpertherapie in Hinterstöcken, Kronach und Raum Oberfranken" />
|
|
<link rel="stylesheet" href="{% static 'css/w3.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'Lato2OFLWeb/Lato/latofonts.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'Lato2OFLWeb/Lato/latostyle.css' %}">
|
|
<link rel="stylesheet" href="{% static 'css/all.css' %}">
|
|
<link rel="stylesheet" href="{% static 'font-awesome-4.7.0/css/font-awesome.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
|
|
<link rel="shortcut icon" href="{% static 'img/favicon.ico' %}">
|
|
<link rel="stylesheet" href="{% static 'css/sinnes-tau.css' %}">
|
|
<style>
|
|
{% block style %}<!-- Style here -->{% endblock %}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Navbar (sit on top) -->
|
|
<div class="w3-top">
|
|
<div class="w3-bar" id="myNavbar">
|
|
<a class="w3-bar-item w3-button st-hover-bl w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
|
|
<i class="fa fa-bars"></i>
|
|
</a>
|
|
<a href="{% url 'index' %}#home" class="w3-bar-item w3-button st-hover-bl">HOME</a>
|
|
<a href="{% url 'index' %}#about" class="w3-bar-item w3-button w3-hide-small st-hover-bl"><i class="fa fa-user"></i> Tanja Sünkel</a>
|
|
<a href="{% url 'index' %}#portfolio" class="w3-bar-item w3-button w3-hide-small st-hover-bl"><i class="fa fa-th"></i> Meine Arbeit</a>
|
|
<a href="{% url 'index' %}#termine" class="w3-bar-item w3-button w3-hide-small st-hover-bl"><i class="fa fa-calendar"></i> Termine</a>
|
|
<a href="{% url 'index' %}#contact" class="w3-bar-item w3-button w3-hide-small st-hover-bl"><i class="fa fa-envelope"></i> Kontakt</a>
|
|
<a href="{% url 'impressum' %}" class="w3-bar-item w3-button w3-hide-small w3-right st-hover-bl" title="Impressum / Datenschutz">
|
|
<i class="fa fa-info"></i>mpressum
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Navbar on small screens -->
|
|
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
|
|
<a href="{% url 'index' %}#about" class="w3-bar-item w3-button" onclick="toggleFunction()"> Tanja Sünkel</a>
|
|
<a href="{% url 'index' %}#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">Meine Arbeit</a>
|
|
<a href="{% url 'index' %}#termine" class="w3-bar-item w3-button" onclick="toggleFunction()">Termine</a>
|
|
<a href="{% url 'index' %}#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">Kontakt</a>
|
|
<a href="{% url 'impressum' %}" class="w3-bar-item w3-button">Impressum</a>
|
|
</div>
|
|
</div>
|
|
|
|
{% block content %}<!-- Content here -->{% endblock %}
|
|
|
|
<!-- Footer -->
|
|
<footer class="w3-container w3-center st-br w3-padding-32 w3-opacity w3-hover-opacity-off">
|
|
<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>
|
|
<div class="w3-xlarge w3-section">
|
|
<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" title="Whatsapp Nachricht"><i class="fa fa-whatsapp 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>
|
|
<p>Powered by <a href="https://www.kuntner.de" title="W3.CSS" target="_blank" class="w3-hover-text-green">kuntner.de</a></p>
|
|
</footer>
|
|
|
|
|
|
<script>
|
|
{% block javascript %}<!-- Javascript here -->{% endblock %}
|
|
// Modal Image Gallery
|
|
function onClick(element) {
|
|
document.getElementById("img01").src = element.src;
|
|
document.getElementById("modal01").style.display = "block";
|
|
var captionText = document.getElementById("caption");
|
|
captionText.innerHTML = element.alt;
|
|
}
|
|
|
|
// Change style of navbar on scroll
|
|
window.onscroll = function() {myFunction()};
|
|
function myFunction() {
|
|
var navbar = document.getElementById("myNavbar");
|
|
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
|
|
navbar.className = "w3-bar" + " w3-card" + " w3-animate-top" + " st-br";
|
|
} else {
|
|
navbar.className = navbar.className.replace(" w3-card w3-animate-top st-br", "");
|
|
}
|
|
}
|
|
|
|
// Used to toggle the menu on small screens when clicking on the menu button
|
|
function toggleFunction() {
|
|
var x = document.getElementById("navDemo");
|
|
if (x.className.indexOf("w3-show") == -1) {
|
|
x.className += " w3-show";
|
|
} else {
|
|
x.className = x.className.replace(" w3-show", "");
|
|
}
|
|
}
|
|
|
|
//Form functions
|
|
var stack = [];
|
|
if ( document.getElementById("id_message")==null){
|
|
//console.log("Kein Kontaktformular");
|
|
}else{
|
|
//console.log("Habe Kontaktformular");
|
|
const input = document.querySelector('#id_message');
|
|
// Listen for `keyup` event
|
|
input.addEventListener('keyup', (e) => {
|
|
const text = e.currentTarget.value;
|
|
stack.push("k"+getmstime());
|
|
//console.log("Input"+e);
|
|
});
|
|
stack.push("l"+getmstime());
|
|
}
|
|
function absenden(){
|
|
stack.push("e"+getmstime());
|
|
document.Transp.stack.value=stack;
|
|
document.Transp.submit();
|
|
}
|
|
|
|
function getmstime(){
|
|
var zeitdatum = new Date();
|
|
var zeitms = zeitdatum.getTime();
|
|
return zeitms;
|
|
}
|
|
|
|
</script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
|
|
<script>
|
|
window.cookieconsent.initialise({
|
|
"palette": {
|
|
"popup": {
|
|
"background": "#9a8b69"
|
|
},
|
|
"button": {
|
|
"background": "#afed71"
|
|
}
|
|
},
|
|
"content": {
|
|
"message": "Wir benutzen ausschließlich notwendige Cookies für diese Website",
|
|
"dismiss": "Einverstanden",
|
|
"link": "Mehr Info",
|
|
"href": "/impressum#anchor-cookie"
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|