JourneyJoker/templates/frontend/base.html

539 lines
40 KiB
HTML
Raw Normal View History

2021-03-01 09:56:10 +00:00
{% 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 "Meine Urlaubsauktion" %}<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">B2B<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>
{% else %}
<li><a class="dropdown-item" href="/">{% trans "Bieten" %}</a></li>
<li><a class="dropdown-item" href="/">{% trans "Buchungen verwalten" %}</a></li>
{% endif %}
</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>Für Newsletter anmelden</h2>
<p>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="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">Kontakt</h3>
<ul class="list-unstyled">
<li><span><i class="fa fa-map-marker"></i></span>Think:Put Die Agentur für Denken & Tun, Kolingasse 10/10, 1090 Wien</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">Think:Put</h3>
<ul class="list-unstyled">
<li><a href="https://thinkput.at/">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">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://thinkput.at/">Think:Put Die Agentur für Denken & Tun</a> Web-Entwicklung: <a href="https://">Kumi Systems e.U.</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="#">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>