JourneyJoker/templates/frontend/base.html
2020-01-26 11:53:25 +01:00

535 lines
40 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% load static %}
{% load i18n %}
{% load dbsetting %}
<!doctype html>
<html lang="en">
<head>
<title>Urlaubsauktion - {{ title }}</title>
<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://fonts.googleapis.com/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 "frontend/css/bootstrap.min4.2.1.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "frontend/css/bootstrap-reboot4.2.1.css" %}">
<!-- Sidebar Stylesheet -->
<link rel="stylesheet" type="text/css" href="{% static "frontend/css/jquery.mCustomScrollbar.min.css" %}">
<!-- Font Awesome Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/fontawesome/css/all.css" %}">
<!-- Custom Stylesheets -->
<link rel="stylesheet" href="{% static "frontend/css/style.css" %}">
<link rel="stylesheet" id="cpswitch" href="{% static "frontend/css/orange.css" %}">
<link rel="stylesheet" href="{% static "frontend/css/responsive.css" %}">
<!-- Owl Carousel Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/css/owl.carousel.css" %}">
<link rel="stylesheet" href="{% static "frontend/css/owl.theme.css" %}">
<!-- Flex Slider Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/css/flexslider.css" %}" type="text/css" />
<!--Date-Picker Stylesheet-->
<link rel="stylesheet" href="{% static "frontend/css/datepicker.css" %}">
<!-- Magnific Gallery -->
<link rel="stylesheet" href="{% static "frontend/css/magnific-popup.css" %}">
</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 %}
<li class="list-inline-item">{% trans "Eingeloggt als:" %} {{ request.user.username }}</li>
<li class="list-inline-item"><a href="{% url "profiles:logout" %}"><span><i class="fa fa-lock"></i></span>{% trans "Logout" %}</a></li>
{% else %}
<li class="list-inline-item"><a href="{% url "profiles:login" %}?next={{ request.path }}"><span><i class="fa fa-lock"></i></span>{% trans "Login" %}</a></li>
<li class="list-inline-item"><a href="{% url "profiles: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 class="list-inline-item">
<div class="form-group currency">
<span><i class="fa fa-angle-down"></i></span>
<select class="form-control">
<option value="">$</option>
<option value="">£</option>
</select>
</div>-->
<!-- end form-group -->
</li>
<li class="list-inline-item">
<div class="form-group language">
<span><i class="fa fa-angle-down"></i></span>
<select class="form-control">
<option>{% if request.LANGUAGE_CODE == "de" %}DE{% else %}EN{% endif %}</option>
<option>{% if request.LANGUAGE_CODE == "de" %}EN{% else %}DE{% endif %}</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:index" %}" class="navbar-brand py-1 m-0"><span><i class="fa fa-plane"></i>URLAUBS</span>AUKTION</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.clientprofile or not request.user.partnerprofile %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Kundenprofil" %}<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="/">{% trans "Gestellte Anfragen" %}</a></li>
<li><a class="dropdown-item" href="/">{% trans "Gebuchte Reisen" %}</a></li>
{% else %}
<li><a class="dropdown-item" href="{% url "profiles:login" %}?next={{ request.path }}">{% trans "Login" %}</a></li>
<li><a class="dropdown-item" href="{% url "profiles: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">Partnerprofil<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/">{% trans "Bieten" %}</a></li>
<li><a class="dropdown-item" href="/">{% trans "Buchungen verwalten" %}</a></li>
</ul>
</li>
{% endif %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Über&nbsp;uns" %}<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
{% if not request.user.partnerprofile %}
<li><a class="dropdown-item" href="/">{% 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>
<li class="dropdown-item search-btn">
<a href="#" class="search-button" onClick="openSearch()"><span><i class="fa fa-search"></i></span></a>
</li>
</ul>
</div><!-- end navbar collapse -->
</div><!-- End container -->
</nav>
<div style="display:none;" class="sidenav-content">
<!-- Sidebar -->
<nav id="sidebar" class="sidenav">
<h2 id="web-name"><span><i class="fa fa-plane"></i></span>Star Travel</h2>
<div id="main-menu">
<div id="dismiss">
<button class="btn" id="closebtn">&times;</button>
</div>
<div class="list-group panel">
<a href="#home-links" class="items-list active" data-toggle="collapse" aria-expanded="false">
<span><i class="fa fa-home link-icon"></i></span>Home<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu text-danger" id="home-links">
<a class="items-list active" href="index.html">Main Homepage</a>
<a class="items-list" href="flight-homepage.html">Flight Homepage</a>
<a class="items-list" href="hotel-homepage.html">Hotel Homepage</a>
<a class="items-list" href="tour-homepage.html">Tour Homepage</a>
<a class="items-list" href="cruise-homepage.html">Cruise Homepage</a>
<a class="items-list" href="car-homepage.html">Car Homepage</a>
<a class="items-list" href="landing-page.html">Landing Page</a>
<a class="items-list" href="travel-agency-homepage.html">Travel Agency Page</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#flights-links" data-toggle="collapse"><span><i class="fa fa-plane link-icon"></i></span>Flights<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="flights-links">
<a class="items-list" href="flight-homepage.html">Flight Homepage</a>
<a class="items-list" href="flight-listing-left-sidebar.html">List View Left Sidebar</a>
<a class="items-list" href="flight-listing-right-sidebar.html">List View Right Sidebar</a>
<a class="items-list" href="flight-grid-left-sidebar.html">Grid View Left Sidebar</a>
<a class="items-list" href="flight-grid-right-sidebar.html">Grid View Right Sidebar</a>
<a class="items-list" href="flight-detail-left-sidebar.html">Detail Left Sidebar</a>
<a class="items-list" href="flight-detail-right-sidebar.html">Detail Right Sidebar</a>
<a class="items-list" href="flight-booking-left-sidebar.html">Booking Left Sidebar</a>
<a class="items-list" href="flight-booking-right-sidebar.html">Booking Right Sidebar</a>
<a class="items-list" href="flight-search-result.html">Search Result</a>
<a class="items-list" href="flight-offers.html">Hot Offers</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#hotels-links" data-toggle="collapse"><span><i class="fa fa-building link-icon"></i></span>Hotels<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="hotels-links">
<a class="items-list" href="hotel-homepage.html">Hotel Homepage</a>
<a class="items-list" href="hotel-listing-left-sidebar.html">List View Left Sidebar</a>
<a class="items-list" href="hotel-listing-right-sidebar.html">List View Right Sidebar</a>
<a class="items-list" href="hotel-grid-left-sidebar.html">Grid View Left Sidebar</a>
<a class="items-list" href="hotel-grid-right-sidebar.html">Grid View Right Sidebar</a>
<a class="items-list" href="hotel-detail-left-sidebar.html">Detail Left Sidebar</a>
<a class="items-list" href="hotel-detail-right-sidebar.html">Detail Right Sidebar</a>
<a class="items-list" href="hotel-booking-left-sidebar.html">Booking Left Sidebar</a>
<a class="items-list" href="hotel-booking-right-sidebar.html">Booking Right Sidebar</a>
<a class="items-list" href="hotel-search-result.html">Search Result</a>
<a class="items-list" href="hotel-offers.html">Hot Offers</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#tours-links" data-toggle="collapse"><span><i class="fa fa-globe link-icon"></i></span>Tours<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="tours-links">
<a class="items-list" href="tour-homepage.html">Tour Homepage</a>
<a class="items-list" href="tour-listing-left-sidebar.html">List View Left Sidebar</a>
<a class="items-list" href="tour-listing-right-sidebar.html">List View Right Sidebar</a>
<a class="items-list" href="tour-grid-left-sidebar.html">Grid View Left Sidebar</a>
<a class="items-list" href="tour-grid-right-sidebar.html">Grid View Right Sidebar</a>
<a class="items-list" href="tour-detail-left-sidebar.html">Detail Left Sidebar</a>
<a class="items-list" href="tour-detail-right-sidebar.html">Detail Right Sidebar</a>
<a class="items-list" href="tour-booking-left-sidebar.html">Booking Left Sidebar</a>
<a class="items-list" href="tour-booking-right-sidebar.html">Booking Right Sidebar</a>
<a class="items-list" href="tour-search-result.html">Search Result</a>
<a class="items-list" href="tour-offers.html">Hot Offers</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#cruise-links" data-toggle="collapse"><span><i class="fa fa-ship link-icon"></i></span>Cruise<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="cruise-links">
<a class="items-list" href="cruise-homepage.html">Cruise Homepage</a>
<a class="items-list" href="cruise-listing-left-sidebar.html">List View Left Sidebar</a>
<a class="items-list" href="cruise-listing-right-sidebar.html">List View Right Sidebar</a>
<a class="items-list" href="cruise-grid-left-sidebar.html">Grid View Left Sidebar</a>
<a class="items-list" href="cruise-grid-right-sidebar.html">Grid View Right Sidebar</a>
<a class="items-list" href="cruise-detail-left-sidebar.html">Detail Left Sidebar</a>
<a class="items-list" href="cruise-detail-right-sidebar.html">Detail Right Sidebar</a>
<a class="items-list" href="cruise-booking-left-sidebar.html">Booking Left Sidebar</a>
<a class="items-list" href="cruise-booking-right-sidebar.html">Booking Right Sidebar</a>
<a class="items-list" href="cruise-search-result.html">Search Result</a>
<a class="items-list" href="cruise-offers.html">Hot Offers</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#cars-links" data-toggle="collapse"><span><i class="fa fa-car link-icon"></i></span>Cars<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="cars-links">
<a class="items-list" href="car-homepage.html">Car Homepage</a>
<a class="items-list" href="car-listing-left-sidebar.html">List View Left Sidebar</a>
<a class="items-list" href="car-listing-right-sidebar.html">List View Right Sidebar</a>
<a class="items-list" href="car-grid-left-sidebar.html">Grid View Left Sidebar</a>
<a class="items-list" href="car-grid-right-sidebar.html">Grid View Right Sidebar</a>
<a class="items-list" href="car-detail-left-sidebar.html">Detail Left Sidebar</a>
<a class="items-list" href="car-detail-right-sidebar.html">Detail Right Sidebar</a>
<a class="items-list" href="car-booking-left-sidebar.html">Booking Left Sidebar</a>
<a class="items-list" href="car-booking-right-sidebar.html">Booking Right Sidebar</a>
<a class="items-list" href="car-search-result.html">Search Result</a>
<a class="items-list" href="car-offers.html">Hot Offers</a>
</div><!-- end sub-menu -->
<a class="items-list" href="#features-links" data-toggle="collapse"><span><i class="fa fa-puzzle-piece link-icon"></i></span>Features<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu" id="features-links">
<a class="items-list" href="#header-style-links" data-toggle="collapse">Header<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="header-style-links">
<a class="items-list" href="feature-header-style-1.html">Header Style 1</a>
<a class="items-list" href="feature-header-style-2.html">Header Style 2</a>
<a class="items-list" href="feature-header-style-3.html">Header Style 3</a>
<a class="items-list" href="feature-header-style-4.html">Header Style 4</a>
<a class="items-list" href="feature-header-style-5.html">Header Style 5</a>
<a class="items-list" href="feature-header-style-6.html">Header Style 6</a>
</div>
<a class="items-list" href="#page-title-style-links" data-toggle="collapse">Page Title<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="page-title-style-links">
<a class="items-list" href="feature-page-title-style-1.html">Page Title Style 1</a>
<a class="items-list" href="feature-page-title-style-2.html">Page Title Style 2</a>
<a class="items-list" href="feature-page-title-style-3.html">Page Title Style 3</a>
<a class="items-list" href="feature-page-title-style-4.html">Page Title Style 4</a>
<a class="items-list" href="feature-page-title-style-5.html">Page Title Style 5</a>
<a class="items-list" href="feature-page-title-style-6.html">Page Title Style 6</a>
</div>
<a class="items-list" href="#footer-style-links" data-toggle="collapse">Footer<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="footer-style-links">
<a class="items-list" href="feature-footer-style-1.html">Footer Style 1</a>
<a class="items-list" href="feature-footer-style-2.html">Footer Style 2</a>
<a class="items-list" href="feature-footer-style-3.html">Footer Style 3</a>
<a class="items-list" href="feature-footer-style-4.html">Footer Style 4</a>
<a class="items-list" href="feature-footer-style-5.html">Footer Style 5</a>
</div>
<a class="items-list" href="#f-blog-links" data-toggle="collapse">Blog<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="f-blog-links">
<a class="items-list" href="blog-listing-left-sidebar.html">Blog Listing Left Sidebar</a>
<a class="items-list" href="blog-listing-right-sidebar.html">Blog Listing Right Sidebar</a>
<a class="items-list" href="blog-detail-left-sidebar.html">Blog Detail Left Sidebar</a>
<a class="items-list" href="blog-detail-right-sidebar.html">Blog Detail Right Sidebar</a>
</div>
<a class="items-list" href="#f-gallery-links" data-toggle="collapse">Gallery<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="f-gallery-links">
<a class="items-list" href="gallery-masonry.html">Gallery Masonry</a>
<a class="items-list" href="gallery-2-columns.html">Gallery 2 Columns</a>
<a class="items-list" href="gallery-3-columns.html">Gallery 3 Columns</a>
<a class="items-list" href="gallery-4-columns.html">Gallery 4 Columns</a>
</div>
<a class="items-list" href="#f-forms-links" data-toggle="collapse">Forms<span><i class="fa fa-caret-down arrow"></i></span></a>
<div class="collapse sub-menu mega-sub-menu-links" id="f-forms-links">
<a class="items-list" href="login-1.html">Login 1</a>
<a class="items-list" href="login-2.html">Login 2</a>
<a class="items-list" href="registration-1.html">Registration 1</a>
<a class="items-list" href="registration-2.html">Registration 2</a>
<a class="items-list" href="forgot-password-1.html">Forgot Password 1</a>
<a class="items-list" href="forgot-password-2.html">Forgot Password 2</a>
</div>
</div><!-- end sub-menu -->
<a class="items-list" href="#pages-links" data-toggle="collapse"><span><i class="fa fa-clone link-icon"></i></span>Pages<span><i class="fa fa-chevron-down arrow"></i></span></a>
<div class="collapse sub-menu" id="pages-links">
<div class="list-group-heading ">Standard <span>Pages</span></div>
<a class="items-list" href="about-us-1.html">About Us 1</a>
<a class="items-list" href="about-us-2.html">About Us 2</a>
<a class="items-list" href="services-1.html">Services 1</a>
<a class="items-list" href="services-2.html">Services 2</a>
<a class="items-list" href="team-1.html">Our Team 1</a>
<a class="items-list" href="team-2.html">Our Team 2</a>
<a class="items-list" href="contact-us-1.html">Contact Us 1</a>
<a class="items-list" href="contact-us-2.html">Contact Us 2</a>
<div class="list-group-heading ">User <span>Dashboard</span></div>
<a class="items-list" href="dashboard-1.html">Dashboard 1</a>
<a class="items-list" href="dashboard-2.html">Dashboard 2</a>
<a class="items-list" href="user-profile.html">User Profile</a>
<a class="items-list" href="booking.html">Booking</a>
<a class="items-list" href="wishlist.html">Wishlist</a>
<a class="items-list" href="cards.html">Cards</a>
<div class="list-group-heading ">Special <span>Pages</span></div>
<a class="items-list" href="error-page-1.html">404 Page 1</a>
<a class="items-list" href="error-page-2.html">404 Page 2</a>
<a class="items-list" href="coming-soon-1.html">Coming Soon 1</a>
<a class="items-list" href="coming-soon-2.html">Coming Soon 2</a>
<a class="items-list" href="faq-left-sidebar.html">FAQ Left Sidebar</a>
<a class="items-list" href="faq-right-sidebar.html">FAQ Right Sidebar</a>
<a class="items-list" href="testimonials-1.html">Testimonials 1</a>
<a class="items-list" href="testimonials-2.html">Testimonials 2</a>
<div class="list-group-heading ">Extra <span>Pages</span></div>
<a class="items-list" href="before-you-fly.html">Before Fly</a>
<a class="items-list" href="travel-insurance.html">Travel Insurance</a>
<a class="items-list" href="travel-guide.html">Travel Guide</a>
<a class="items-list" href="holidays.html">Holidays</a>
<a class="items-list" href="thank-you.html">Thank You</a>
<a class="items-list" href="payment-success.html">Payment Success</a>
<a class="items-list" href="pricing-table-1.html">Pricing Table 1</a>
<a class="items-list" href="pricing-table-2.html">Pricing Table 2</a>
<a class="items-list" href="popup-ad.html">Popup Ad</a>
</div><!-- end sub-menu -->
</div><!-- End list-group panel -->
</div><!-- End main-menu -->
</nav>
</div><!-- End sidenav-content -->
{% 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>Subscribe Our Newsletter</h2>
<p>Subscibe to receive our interesting updates</p>
<form>
<div class="form-group">
<div class="input-group">
<input type="email" class="form-control input-lg" placeholder="Enter your email address" 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">Kontakt</h3>
<ul class="list-unstyled">
<li><span><i class="fa fa-map-marker"></i></span>Kumi Systems e.U., Sternäckerweg 51a/2, 8041 Graz</li>
<li><span><i class="fa fa-phone"></i></span>+43 800 093004</li>
<li><span><i class="fa fa-envelope"></i></span>office@kumi.systems</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">Kumi&nbsp;Systems</h3>
<ul class="list-unstyled">
<li><a href="https://kumi.systems/">Website</a></li>
<li><a href="https://kumi.host/">Webhosting</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">Urlaubsauktion</h3>
<ul class="list-unstyled">
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">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>Die Urlaubsauktion 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 <a href="https://kumi.systems/">Kumi Systems e.U.</a> Alle Rechte vorbehalten.</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="#">Allgemeine Geschäftsbedingungen</a></li>
<li class="list-inline-item"><a href="#">Datenschutzerklärung</a></li>
</ul>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end footer-bottom -->
</section><!-- end footer -->
</div>
<!-- Page Scripts Starts -->
<script>var language="{{ request.LANGUAGE_CODE }}";</script>
<script src="{% static "frontend/js/jquery-3.3.1.min.js" %}"></script>
<script src="{% static "frontend/js/jquery.magnific-popup.min.js" %}"></script>
<script src="{% static "frontend/js/jquery.mCustomScrollbar.concat.min.js" %}"></script>
<script src="{% static "frontend/js/bootstrap.min4.2.1.js" %}"></script>
<script src="{% static "frontend/js/jquery.flexslider.js" %}"></script>
<script src="{% static "frontend/js/bootstrap-datepicker.js" %}"></script>
<script src="{% static "frontend/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>
<script src="{% static "frontend/js/popup-ad.js" %}"></script>
<script src="{% static "frontend/js/autocomplete.js" %}"></script>
{% block "scripts" %}
{% endblock %}
<!-- Page Scripts Ends -->
</body>
</html>