375 lines
22 KiB
HTML
375 lines
22 KiB
HTML
{% load static %}
|
||
{% load i18n %}
|
||
{% load dbsetting %}
|
||
{% load startswith %}
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>JourneyJoker{% if title %} - {{ title }}{% endif %}</title>
|
||
{% if js_required %}<noscript><meta http-equiv="refresh" content="20; url=/no_js/"/></noscript>{% endif %}
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<link rel="icon" href="{% static "frontend/images/favicon.png" %}" type="image/x-icon">
|
||
|
||
<!-- Google Fonts -->
|
||
<link href="https://fontproxy.kumi.systems/css?family=Lato:300,300i,400,400i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
|
||
|
||
<!-- Bootstrap Stylesheet -->
|
||
<link rel="stylesheet" href="{% static "vendor/css/bootstrap.min4.2.1.css" %}">
|
||
<link rel="stylesheet" type="text/css" href="{% static "vendor/css/bootstrap-reboot4.2.1.css" %}">
|
||
|
||
<!-- Sidebar Stylesheet -->
|
||
<link rel="stylesheet" type="text/css" href="{% static "vendor/css/jquery.mCustomScrollbar.min.css" %}">
|
||
|
||
<!-- Font Awesome Stylesheet -->
|
||
<link rel="stylesheet" href="https://fa.kumi.systems/css/all.css" >
|
||
|
||
<!-- Custom Stylesheets -->
|
||
<link rel="stylesheet" href="{% static "frontend/css/style.css" %}">
|
||
<link rel="stylesheet" href="{% static "frontend/css/orange.css" %}">
|
||
<link rel="stylesheet" href="{% static "frontend/css/responsive.css" %}">
|
||
|
||
<!-- Owl Carousel Stylesheet -->
|
||
<link rel="stylesheet" href="{% static "vendor/css/owl.carousel.css" %}">
|
||
<link rel="stylesheet" href="{% static "vendor/css/owl.theme.css" %}">
|
||
|
||
<!-- Flex Slider Stylesheet -->
|
||
<link rel="stylesheet" href="{% static "vendor/css/flexslider.css" %}" type="text/css" />
|
||
|
||
<!--Date-Picker Stylesheet-->
|
||
<link rel="stylesheet" href="{% static "vendor/css/datepicker.css" %}">
|
||
|
||
<!-- Magnific Gallery -->
|
||
<link rel="stylesheet" href="{% static "vendor/css/magnific-popup.css" %}">
|
||
|
||
<!-- Toastr -->
|
||
<link rel="stylesheet" href="{% static "vendor/css/toastr.min.css" %}">
|
||
|
||
{% block "styles" %}
|
||
{% endblock %}
|
||
|
||
{{ form.media }}
|
||
</head>
|
||
|
||
|
||
<body id="main-homepage">
|
||
|
||
<div class="wrapper">
|
||
<!--====== LOADER =====-->
|
||
<div class="loader"></div>
|
||
|
||
|
||
<!--======== SEARCH-OVERLAY =========-->
|
||
<div id="myOverlay" class="overlay">
|
||
<span class="closebtn" onClick="closeSearch()" title="Close Overlay">×</span>
|
||
<div class="overlay-content">
|
||
|
||
<form>
|
||
<div class="form-group">
|
||
<div class="input-group">
|
||
<input class="float-left" type="text" placeholder="Search.." name="search">
|
||
<button class="float-left" type="submit"><i class="fa fa-search"></i></button>
|
||
</div><!-- end input-group -->
|
||
</div><!-- end form-group -->
|
||
</form>
|
||
|
||
</div><!-- end overlay-content -->
|
||
</div><!-- end overlay -->
|
||
|
||
|
||
<!--============= TOP-BAR ===========-->
|
||
<div id="top-bar" class="tb-text-white">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-md-6">
|
||
<div id="info">
|
||
<!--<ul class="list-unstyled list-inline">
|
||
<li class="list-inline-item"><span><i class="fa fa-map-marker"></i></span>Kumi Systems e.U., Sternäckerweg 51a/2, 8041 Graz</li>
|
||
<li class="list-inline-item"><span><i class="fa fa-phone"></i></span>+43 800 093004</li>
|
||
</ul>-->
|
||
</div><!-- end info -->
|
||
</div><!-- end columns -->
|
||
<div class="col-12 col-md-6">
|
||
<div id="links">
|
||
<ul class="list-unstyled list-inline">
|
||
{% if request.user.is_authenticated %}
|
||
{% if request.user.is_superuser %}
|
||
<li class="list-inline-item">{% trans "Eingeloggt als:" %} {{ request.user.email }} | </li>
|
||
{% endif %}
|
||
<li class="list-inline-item"><a href="{% url "localauth:logout" %}"><span><i class="fa fa-lock"></i></span>{% trans "Logout" %}</a></li>
|
||
{% else %}
|
||
<li class="list-inline-item"><a href="{% url "localauth:login" %}?next={{ request.path }}"><span><i class="fa fa-lock"></i></span>{% trans "Login" %}</a></li>
|
||
<li class="list-inline-item"><a href="{% url "localauth:register" %}?next={{ request.path }}"><span><i class="fa fa-plus"></i></span>{% trans "Registrieren" %}</a></li>
|
||
{% endif %}
|
||
<li class="list-inline-item">
|
||
<form>
|
||
<ul class="list-inline">
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<div class="form-group language">
|
||
<span><i class="fa fa-angle-down"></i></span>
|
||
<select name="language" id="language" class="form-control">
|
||
{% get_current_language as LANGUAGE_CODE %}
|
||
<option value="de" {% if LANGUAGE_CODE|lower|startswith:"de" %}selected{% endif %}>DE</option>
|
||
<option value="en" {% if LANGUAGE_CODE|lower|startswith:"en" %}selected{% endif %}>EN</option>
|
||
</select>
|
||
</div><!-- end form-group -->
|
||
</li>
|
||
</ul>
|
||
</form>
|
||
</li>
|
||
</ul>
|
||
</div><!-- end links -->
|
||
</div><!-- end columns -->
|
||
</div><!-- end row -->
|
||
</div><!-- end container -->
|
||
</div><!-- end top-bar -->
|
||
|
||
<nav class="navbar navbar-expand-xl sticky-top navbar-custom main-navbar p-1" id="mynavbar-1">
|
||
<div class="container">
|
||
|
||
<a href="{% url "frontend:home" %}" class="navbar-brand py-1 m-0"><img style="max-height:50px;" src="{% static "frontend/images/logo.png" %}"></img></a>
|
||
<div class="header-search d-xl-none my-auto ml-auto py-1">
|
||
<a href="#" class="search-button" onClick="openSearch()"><span><i class="fa fa-search"></i></span></a>
|
||
</div>
|
||
<button class="navbar-toggler ml-2" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="sidebarCollapse">
|
||
<i class="fa fa-navicon py-1"></i>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="myNavbar1">
|
||
<ul class="navbar-nav ml-auto navbar-search-link">
|
||
<li class="nav-item active">
|
||
<a href="/" class="nav-link" id="navbarDropdown" role="button">{% trans "Home" %}</a>
|
||
</li>
|
||
{% if request.user.is_superuser or not request.user.partnerprofile %}
|
||
<li class="nav-item dropdown">
|
||
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Mein Urlaub" %}<span><i class="fa fa-angle-down"></i></span></a>
|
||
<ul class="dropdown-menu">
|
||
{% if request.user.is_authenticated %}
|
||
<li><a class="dropdown-item" href="{% url "clients:dashboard" %}">{% trans "Dashboard" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "clients:profile" %}">{% trans "Mein Profil" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "clients:bookings" %}">{% trans "Anfragen und Buchungen" %}</a></li>
|
||
{% else %}
|
||
<li><a class="dropdown-item" href="{% url "localauth:login" %}?next={{ request.path }}">{% trans "Login" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "localauth:register" %}?next={{ request.path }}">{% trans "Registrieren" %}</a></li>
|
||
{% endif %}
|
||
</ul>
|
||
</li>
|
||
{% endif %}
|
||
{% if request.user.partnerprofile %}
|
||
<li class="nav-item dropdown">
|
||
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Partnerprofil" %}<span><i class="fa fa-angle-down"></i></span></a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="{% url "partners:dashboard" %}">{% trans "Dashboard" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "auction:bidding" %}">{% trans "Bieten" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "partners:offers" %}">{% trans "Angebote verwalten" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "partners:profile" %}">{% trans "Mein Profil" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "partners:establishments" %}">{% trans "Meine Unterkünfte" %}</a></li>
|
||
</ul>
|
||
</li>
|
||
{% endif %}
|
||
<li class="nav-item dropdown">
|
||
<a href="{% url "frontend:inspirations" %}" class="nav-link">{% trans "Inspirationen" %}</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Über uns" %}<span><i class="fa fa-angle-down"></i></span></a>
|
||
<ul class="dropdown-menu">
|
||
{% if not request.user.partnerprofile and not request.user.clientprofile %}
|
||
<li><a class="dropdown-item" href="{% url "partners:register" %}">{% trans "Als Anbieter anmelden" %}</a></li>
|
||
{% endif %}
|
||
<li><a class="dropdown-item" href="/">{% trans "Kontakt" %}</a></li>
|
||
<li><a class="dropdown-item" href="/">{% trans "Datenschutz" %}</a></li>
|
||
<li><a class="dropdown-item" href="/">{% trans "Impressum" %}</a></li>
|
||
</ul>
|
||
</li>
|
||
{% if request.user.is_superuser %}
|
||
<li class="nav-item dropdown">
|
||
<a href="#" class="nav-link" data-toggle="dropdown">Admin<span><i class="fa fa-angle-down"></i></span></a>
|
||
<ul class="dropdown-menu">
|
||
<li><a class="dropdown-item" href="{% url "payment:sepa:apply" %}">{% trans "SEPA-Zahlung anwenden" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "localauth:verify" %}">{% trans "Account verifizieren" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "partners:establishment_verify" %}">{% trans "Unterkunft verifizieren" %}</a></li>
|
||
<li><a class="dropdown-item" href="{% url "admin:index" %}">{% trans "Admin-Panel" %}</a></li>
|
||
</ul>
|
||
</li>
|
||
{% endif %}
|
||
<li class="nav-item dropdown" style="display: none;"></li>
|
||
</ul>
|
||
</div><!-- end navbar collapse -->
|
||
</div><!-- End container -->
|
||
</nav>
|
||
|
||
{% block "content" %}
|
||
{% endblock %}
|
||
{% if not request.user.is_authenticated %}
|
||
<!--========================= NEWSLETTER-1 ==========================-->
|
||
<section id="newsletter-1" class="section-padding back-size newsletter">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-md-12 col-lg-12 col-xl-12 text-center">
|
||
<h2>{% trans "Für Newsletter anmelden" %}</h2>
|
||
<p>{% trans "Abonniere unseren Newsletter um kein Angebot zu verpassen!" %}</p>
|
||
<form>
|
||
<div class="form-group">
|
||
<div class="input-group">
|
||
<input type="email" class="form-control input-lg" placeholder="{% trans "Deine E-Mail-Adresse" %}" required/>
|
||
<span class="input-group-btn"><button class="btn btn-lg"><i class="fa fa-envelope"></i></button></span>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div><!-- end columns -->
|
||
</div><!-- end row -->
|
||
</div><!-- end container -->
|
||
</section><!-- end newsletter-1 -->
|
||
{% endif %}
|
||
|
||
<!--======================= BEST FEATURES =====================-->
|
||
<section id="best-features" class="banner-padding black-features">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="b-feature-block">
|
||
<span><i class="fa fa-coins"></i></span>
|
||
<h3>{% trans "Bares Geld sparen" %}</h3>
|
||
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
|
||
</div><!-- end b-feature-block -->
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="b-feature-block">
|
||
<span><i class="fa fa-lock"></i></span>
|
||
<h3>{% trans "Sicherheit" %}</h3>
|
||
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
|
||
</div><!-- end b-feature-block -->
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="b-feature-block">
|
||
<span><i class="fa fa-thumbs-up"></i></span>
|
||
<h3>{% trans "Zufriedenheit" %}</h3>
|
||
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
|
||
</div><!-- end b-feature-block -->
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="b-feature-block">
|
||
<span><i class="fa fa-bars"></i></span>
|
||
<h3>{% trans "Klarheit" %}</h3>
|
||
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
|
||
</div><!-- end b-feature-block -->
|
||
</div><!-- end columns -->
|
||
</div><!-- end row -->
|
||
</div><!-- end container -->
|
||
</section><!-- end best-features -->
|
||
|
||
<!--======================= FOOTER =======================-->
|
||
<section id="footer" class="ftr-heading-o ftr-heading-mgn-1">
|
||
|
||
<div id="footer-top" class="banner-padding ftr-top-grey ftr-text-white">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-12 col-md-6 col-lg-3 col-xl-3 footer-widget ftr-contact">
|
||
<h3 class="footer-heading">{% trans "Kontakt" %}</h3>
|
||
<ul class="list-unstyled">
|
||
<li><span><i class="fa fa-map-marker"></i></span>{% trans "Think:Put" %}<br>{% trans "Die Agentur für Denken & Tun" %}<br>Kolingasse 10/10<br>1090 Wien</li>
|
||
</ul>
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-12 col-md-6 col-lg-2 col-xl-2 footer-widget ftr-links">
|
||
<h3 class="footer-heading">{% trans "Think:Put" %}</h3>
|
||
<ul class="list-unstyled">
|
||
<li><a href="https://thinkput.at/">{% trans "Website" %}</a></li>
|
||
</ul>
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-12 col-md-6 col-lg-3 col-xl-3 footer-widget ftr-links ftr-pad-left">
|
||
<h3 class="footer-heading">{% trans "JourneyJoker" %}</h3>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#">{% trans "Impressum" %}</a></li>
|
||
<li><a href="#">{% trans "Kontakt" %}</a></li>
|
||
<li><a href="#">{% trans "Login" %}</a></li>
|
||
<li><a href="#">{% trans "Registrieren" %}</a></li>
|
||
</ul>
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-12 col-md-6 col-lg-4 col-xl-4 footer-widget ftr-about">
|
||
<h3 class="footer-heading">Über uns</h3>
|
||
<p>Der Joker ist ur leiwand. Oida.</p>
|
||
<ul class="social-links list-inline list-unstyled">
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-google-plus"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-pinterest-p"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-linkedin"></i></span></a></li>
|
||
<li class="list-inline-item"><a href="#"><span><i class="fab fa-youtube-play"></i></span></a></li>
|
||
</ul>
|
||
</div><!-- end columns -->
|
||
|
||
</div><!-- end row -->
|
||
</div><!-- end container -->
|
||
</div><!-- end footer-top -->
|
||
|
||
<div id="footer-bottom" class="ftr-bot-black">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 col-md-6 col-lg-6 col-xl-6" id="copyright">
|
||
<p>© 2020 – 2021 <a href="https://thinkput.at/">Think:Put – Die Agentur für Denken & Tun</a></p><p>Entwicklung: <a href="https://kumi.systems/">Kumi Systems e.U.</a> – <a href="https://kumi.media">Kumi Media Ltd.</a></p>
|
||
</div><!-- end columns -->
|
||
|
||
<div class="col-12 col-md-6 col-lg-6 col-xl-6" id="terms">
|
||
<ul class="list-unstyled list-inline">
|
||
<li class="list-inline-item"><a href="{% url "frontend:impressum" %}">{% trans "Impressum" %}</a></li>
|
||
<li class="list-inline-item"><a href="{% url "frontend:tos" %}">{% trans "Allgemeine Geschäftsbedingungen" %}</a></li>
|
||
<li class="list-inline-item"><a href="{% url "frontend:privacy" %}">{% trans "Datenschutzerklärung / Cookie Notice" %}</a></li>
|
||
</ul>
|
||
</div><!-- end columns -->
|
||
</div><!-- end row -->
|
||
</div><!-- end container -->
|
||
</div><!-- end footer-bottom -->
|
||
|
||
</section><!-- end footer -->
|
||
|
||
{% block "modal" %}
|
||
{% endblock %}
|
||
|
||
</div>
|
||
|
||
<!-- Page Scripts Starts -->
|
||
<script src="{% static "vendor/js/jquery-3.3.1.min.js" %}"></script>
|
||
<script src="{% static "frontend/js/language.js" %}"></script>
|
||
<script src="{% static "vendor/js/jquery.magnific-popup.min.js" %}"></script>
|
||
<script src="{% static "vendor/js/jquery.mCustomScrollbar.concat.min.js" %}"></script>
|
||
<script src="{% static "vendor/js/bootstrap.min4.2.1.js" %}"></script>
|
||
<script src="{% static "vendor/js/jquery.flexslider.js" %}"></script>
|
||
<script src="{% static "vendor/js/bootstrap-datepicker.js" %}"></script>
|
||
<script src="{% static "vendor/js/toastr.min.js" %}"></script>
|
||
<script src="{% static "vendor/js/owl.carousel.min.js" %}"></script>
|
||
<script src="{% static "frontend/js/custom-navigation.js" %}"></script>
|
||
<script src="{% static "frontend/js/custom-flex.js" %}"></script>
|
||
<script src="{% static "frontend/js/custom-owl.js" %}"></script>
|
||
<script src="{% static "frontend/js/custom-date-picker.js" %}"></script>
|
||
<script src="{% static "frontend/js/custom-video.js" %}"></script>
|
||
|
||
{% block "scripts" %}
|
||
{% endblock %}
|
||
|
||
{% if messages %}
|
||
{% for message in messages %}
|
||
{% if message.tags == 'success'%}
|
||
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
|
||
{% elif message.tags == 'info' %}
|
||
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
|
||
{% elif message.tags == 'warning' %}
|
||
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
|
||
{% elif message.tags == 'error' %}
|
||
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
<!-- Page Scripts Ends -->
|
||
|
||
</body>
|
||
</html>
|