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.
124 lines
5.2 KiB
124 lines
5.2 KiB
{% load static %}
|
|
{% load st_extratags %}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<title>Sinnes-Tau.de</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="{% static 'css/w3.css' %}">
|
|
<link rel="stylesheet" href="{% static 'css/sinnes-tau.css' %}">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
|
|
<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="shortcut icon" href="{% static 'img/favicon.ico' %}">
|
|
<style>
|
|
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
|
|
body, html {
|
|
height: 100%;
|
|
color: #777;
|
|
line-height: 1.8;
|
|
}
|
|
{% block style %}<!-- Style here -->{% endblock %}
|
|
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
|
|
<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">
|
|
<i class="fa fa-info"></i>
|
|
</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-center st-br w3-padding-64 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" titel="Link zum Signal Messeneger"><img src="{% static 'img/signal.png' %}" style="width:30px;height=30px;" 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://www.facebook.com/profile.php?id=100057556356709" titel="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", "");
|
|
}
|
|
}
|
|
|
|
|
|
</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>
|
|
|