2021-03-01 09:56:10 +00:00
{% extends "frontend/base.html" %}
{% load static %}
{% load i18n %}
{% load testimonials %}
{% load dbsetting %}
{% load offeroptions %}
2021-05-31 06:08:11 +00:00
{% load datecalc %}
2021-04-17 06:30:26 +00:00
{% block "styles" %}
< link rel = "stylesheet" href = "{% static " vendor / css / jquery-ui . css " % } " >
{% endblock %}
2021-03-01 09:56:10 +00:00
{% block "content" %}
<!-- ========================= FLEX SLIDER ===================== -->
< section class = "flexslider-container" id = "flexslider-container-1" >
< div class = "flexslider slider" id = "slider-1" >
< ul class = "slides" >
< li class = "item-1" style = "background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url({% static " frontend / images / stgilgen . jpg " % } ) 50 % 0 % ; background-size:cover ;
height:100%;">
< div class = " meta" >
< div class = "container" >
2021-03-21 15:50:50 +00:00
< h2 > {% trans "Willkommen bei JourneyJoker" %}< / h2 >
< h1 > {% trans "Mein Urlaub nach Maß" %}< / h1 >
< a href = "#" class = "btn btn-default" > {% trans "Wie geht das?" %}< / a >
2021-03-01 09:56:10 +00:00
< / div > <!-- end container -->
< / div > <!-- end meta -->
< / li > <!-- end item - 1 -->
<!-- <li class="item - 2" style="background:linear - gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url({% static "frontend/images/homepage - slider - 1.jpg" %}) 50% 0%;background - size:cover;
height:100%;">
< div class = " meta" >
< div class = "container" >
< h2 > Discover< / h2 >
< h1 > Australia< / h1 >
< a href = "#" class = "btn btn-default" > View More< / a >
< / div >
< / div >
< / li > -->
< / ul >
< / div > <!-- end slider -->
2021-04-14 11:15:36 +00:00
{% if request.user.is_superuser or not request.user.partnerprofile %}
2021-03-01 09:56:10 +00:00
< div class = "search-tabs" id = "search-tabs-1" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< ul class = "nav nav-tabs justify-content-center" >
2021-06-02 09:19:52 +00:00
< ul class = "nav nav-tabs justify-content-center" >
2021-06-14 05:52:34 +00:00
< li class = "nav-item active" > < a class = "nav-link" href = "#hotels" data-toggle = "tab" > < span > < i class = "fa fa-building" > < / i > < / span > < span class = "d-md-inline-flex d-none st-text" > {% trans "Hotels" %}< / span > < / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "#cruise" data-toggle = "tab" > < span > < i class = "fa fa-ship" > < / i > < / span > < span class = "d-md-inline-flex d-none st-text" > {% trans "Kreuzfahrten" %}< / span > < / a > < / li >
2021-06-02 09:19:52 +00:00
< / ul >
2021-04-08 09:30:19 +00:00
< / ul >
2021-03-01 09:56:10 +00:00
< div class = "tab-content" >
2021-06-02 09:19:52 +00:00
< div id = "hotels" class = "tab-pane in active" >
2021-03-01 09:56:10 +00:00
< form method = "POST" action = "{% url " auction:create_inquiry " % } " >
{% csrf_token %}
< div class = "row" >
< div class = "col-12 col-md-12 col-lg-5 col-xl-4" >
< div class = "row" >
< div class = "col-12 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
2021-04-17 06:33:06 +00:00
< input id = "id_destination_name" name = "destination_name" type = "text" class = "form-control" required placeholder = "{% trans " Zielort " % } " >
2021-06-02 09:19:52 +00:00
< i class = "fa fa-map-marker" > < / i >
< / div >
< / div > <!-- end columns -->
< div class = "col-12 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
< input id = "id_budget" name = "budget" type = "number" step = "1" class = "form-control" required placeholder = "{% trans " Budget " % } " >
< i class = "fa fa-euro-sign" > < / i >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-5 col-xl-4" >
< div class = "row" >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
< input id = "id_arrival" data-mindate = "{% hours_from_now 24 %}" name = "arrival" type = "text" class = "form-control dpd1" required placeholder = "{% trans " Anreise " % } " >
< i class = "fa fa-calendar" > < / i >
< / div >
< / div > <!-- end columns -->
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group right-icon" >
< select id = "id_min_nights" name = "min_nights" class = "form-control" >
2021-06-14 05:52:34 +00:00
< option value = "0" > {% trans "Dauer Egal!" %}< / option >
< option value = "1" > {% trans "Kurztrip (2 – < / option >
< option value = "2" > {% trans "mehr als 3 Nächte" %}< / option >
2021-06-02 09:19:52 +00:00
< / select >
< i class = "fa fa-clock" > < / i >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-2 col-xl-2" >
< div class = "row" >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group right-icon" >
< select id = "id_adults" name = "adults" class = "form-control" >
2021-06-14 05:52:34 +00:00
< option value = "1" > 1 {% trans "Erwachsene*r" %}< / option >
< option value = "2" > 2 {% trans "Erwachsene" %}< / option >
< option value = "3" > 3 {% trans "Erwachsene" %}< / option >
< option value = "4" > 4 {% trans "Erwachsene" %}< / option >
< option value = "5" > 5 {% trans "Erwachsene" %}< / option >
2021-06-02 09:19:52 +00:00
< / select >
< i class = "fa fa-users" > < / i >
< / div >
< / div >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group right-icon" >
< select id = "id_children" name = "children" class = "form-control" >
2021-06-14 05:52:34 +00:00
< option value = "0" > 0 {% trans "Kinder" %}< / option >
< option value = "1" > 1 {% trans "Kind" %}< / option >
< option value = "2" > 2 {% trans "Kinder" %}< / option >
< option value = "3" > 3 {% trans "Kinder" %}< / option >
< option value = "4" > 4 {% trans "Kinder" %}< / option >
< option value = "5" > 5 {% trans "Kinder" %}< / option >
2021-06-02 09:19:52 +00:00
< / select >
< i class = "fa fa-child" > < / i >
< / div >
< / div >
< / div >
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-12 col-xl-2 search-btn" >
< button class = "btn btn-orange" > {% trans "Los!" %}< / button >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / form >
< / div > <!-- end flights -->
< div id = "cruise" class = "tab-pane in" >
< form method = "POST" action = "{% url " auction:create_inquiry " % } " >
{% csrf_token %}
< div class = "row" >
< div class = "col-12 col-md-12 col-lg-5 col-xl-4" >
< div class = "row" >
< div class = "col-12 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
2021-06-14 05:52:34 +00:00
< input id = "id_destination_name" name = "destination_name" disabled value = "{% trans " Kreuzfahrt " % } ! " type = "text" class = "form-control" required placeholder = "{% trans " Zielort " % } " >
2021-03-01 09:56:10 +00:00
< i class = "fa fa-map-marker" > < / i >
< / div >
< / div > <!-- end columns -->
< div class = "col-12 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
2021-04-17 06:33:06 +00:00
< input id = "id_budget" name = "budget" type = "number" step = "1" class = "form-control" required placeholder = "{% trans " Budget " % } " >
2021-03-01 09:56:10 +00:00
< i class = "fa fa-euro-sign" > < / i >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-5 col-xl-4" >
< div class = "row" >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group left-icon" >
2021-05-31 06:08:11 +00:00
< input id = "id_arrival" data-mindate = "{% hours_from_now 24 %}" name = "arrival" type = "text" class = "form-control dpd1" required placeholder = "{% trans " Anreise " % } " >
2021-03-01 09:56:10 +00:00
< i class = "fa fa-calendar" > < / i >
< / div >
< / div > <!-- end columns -->
< div class = "col-6 col-md-6 col-lg-6" >
2021-04-08 09:30:19 +00:00
< div class = "form-group right-icon" >
2021-06-14 05:52:34 +00:00
< select disabled id = "id_min_nights" name = "min_nights" class = "form-control" >
< option value = "0" > {% trans "Dauer Egal!" %}< / option >
< option value = "1" > {% trans "Kurztrip (2 – < / option >
< option value = "2" > {% trans "mehr als 3 Nächte" %}< / option >
2021-04-08 09:30:19 +00:00
< / select >
2021-04-13 12:44:22 +00:00
< i class = "fa fa-clock" > < / i >
2021-03-01 09:56:10 +00:00
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-2 col-xl-2" >
< div class = "row" >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group right-icon" >
< select id = "id_adults" name = "adults" class = "form-control" >
2021-06-14 05:52:34 +00:00
< option value = "1" > 1 {% trans "Erwachsene*r" %}< / option >
< option value = "2" > 2 {% trans "Erwachsene" %}< / option >
< option value = "3" > 3 {% trans "Erwachsene" %}< / option >
< option value = "4" > 4 {% trans "Erwachsene" %}< / option >
< option value = "5" > 5 {% trans "Erwachsene" %}< / option >
2021-03-01 09:56:10 +00:00
< / select >
2021-04-13 12:44:22 +00:00
< i class = "fa fa-users" > < / i >
2021-03-01 09:56:10 +00:00
< / div >
< / div >
< div class = "col-6 col-md-6 col-lg-6" >
< div class = "form-group right-icon" >
< select id = "id_children" name = "children" class = "form-control" >
2021-06-14 05:52:34 +00:00
< option value = "0" > 0 {% trans "Kinder" %}< / option >
< option value = "1" > 1 {% trans "Kind" %}< / option >
< option value = "2" > 2 {% trans "Kinder" %}< / option >
< option value = "3" > 3 {% trans "Kinder" %}< / option >
< option value = "4" > 4 {% trans "Kinder" %}< / option >
< option value = "5" > 5 {% trans "Kinder" %}< / option >
2021-03-01 09:56:10 +00:00
< / select >
2021-04-13 12:44:22 +00:00
< i class = "fa fa-child" > < / i >
2021-03-01 09:56:10 +00:00
< / div >
< / div >
< / div >
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-12 col-xl-2 search-btn" >
2021-06-14 05:52:34 +00:00
< button disabled class = "btn btn-orange" > {% trans "Los!" %}< / button >
2021-03-01 09:56:10 +00:00
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / form >
< / div > <!-- end flights -->
< / div > <!-- end tab - content -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / div > <!-- end search - tabs -->
2021-04-14 11:15:36 +00:00
{% endif %}
2021-03-01 09:56:10 +00:00
< / section > <!-- end flexslider - container -->
<!-- =============== HOTEL OFFERS =============== -->
< section id = "hotel-offers" class = "section-padding" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "page-heading" >
2021-06-14 05:52:34 +00:00
< h2 > {% trans "Teilnehmende Hotels" %}< / h2 >
2021-03-01 09:56:10 +00:00
< hr class = "heading-line" / >
< / div > <!-- end page - heading -->
< div class = "owl-carousel owl-theme owl-custom-arrow" id = "owl-hotel-offers" >
< div class = "item" >
< div class = "main-block hotel-block" >
< div class = "main-img" >
< a href = "#" >
< img src = "{% static " frontend / images / hotel-1 . jpg " % } " class = "img-fluid" alt = "hotel-img" / >
< / a >
< div class = "main-mask" >
< ul class = "list-unstyled list-inline offer-price-1" >
2021-06-14 05:52:34 +00:00
< li class = "list-inline-item price" > 12< span class = "divider" > |< / span > < span class = "pkg" > {% trans "Buchungen diese Woche" %}< / span > < / li >
2021-03-01 09:56:10 +00:00
< li class = "list-inline-item rating" >
2021-04-11 14:19:43 +00:00
{% autoescape off %}{% stars 5 1 "orange" %}{% endautoescape %}
2021-03-24 06:43:05 +00:00
{% autoescape off %}{% hearts 5 "red" %}{% endautoescape %}
2021-03-01 09:56:10 +00:00
< / li >
< / ul >
< / div > <!-- end main - mask -->
< / div > <!-- end offer - img -->
< div class = "main-info hotel-info" >
< div class = "arrow" >
< a href = "#" > < span > < i class = "fa fa-angle-right" > < / i > < / span > < / a >
< / div > <!-- end arrow -->
< div class = "main-title hotel-title" >
2021-04-14 11:15:36 +00:00
< a href = "#" > Habbo Hotel< / a >
< p > 1010 Wien< / p >
2021-03-01 09:56:10 +00:00
< / div > <!-- end hotel - title -->
< / div > <!-- end hotel - info -->
< / div > <!-- end hotel - block -->
< / div > <!-- end item -->
< / div > <!-- end owl - hotel - offers -->
< div class = "view-all text-center" >
< a href = "#" class = "btn btn-orange" > {% trans "Alle anzeigen" %}< / a >
< / div > <!-- end view - all -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / section > <!-- end hotel - offers -->
<!-- ==================== HIGHLIGHTS ==================== -->
< section id = "highlights" class = "section-padding back-size" >
< div class = "container" >
< div class = "row" >
< div class = "col-12 col-md-12 col-lg-12 col-xl-12" >
< div class = "row" >
< div class = "col-12 col-md-4 col-lg-4 col-xl-4 d-flex justify-content-center" >
< div class = "highlight-box" >
< div class = "h-icon" >
< span > < i class = "fa fa-user-astronaut" > < / i > < / span >
< / div > <!-- end h - icon -->
< div class = "h-text" >
< span class = "numbers" > 2496< / span >
< p > {% trans "zufriedene Kunden" %}< / p >
< / div > <!-- end h - text -->
< / div > <!-- end highlight - box -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-4 col-lg-4 col-xl-4 d-flex justify-content-center" >
< div class = "highlight-box" >
< div class = "h-icon" >
< span > < i class = "fa fa-concierge-bell" > < / i > < / span >
< / div > <!-- end h - icon -->
< div class = "h-text cruise" >
< span class = "numbers" > 1906< / span >
< p > {% trans "teilnehmende Unterkünfte" %}< / p >
< / div > <!-- end h - text -->
< / div > <!-- end highlight - box -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-4 col-lg-4 col-xl-4 d-flex justify-content-center" >
< div class = "highlight-box" >
< div class = "h-icon" >
< span > < i class = "fa fa-compass" > < / i > < / span >
< / div > <!-- end h - icon -->
< div class = "h-text taxi" >
< span class = "numbers" > 2033< / span >
< p > {% trans "gebuchte Reisen" %}< / p >
< / div > <!-- end h - text -->
< / div > <!-- end highlight - box -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / section > <!-- end highlights -->
<!-- ==================== TESTIMONIALS ==================== -->
< section id = "testimonials" class = "section-padding back-size" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "page-heading white-heading" >
< h2 > {% trans "Kundenmeinungen" %}< / h2 >
< hr class = "heading-line" / >
< / div > <!-- end page - heading -->
< div class = "carousel slide" data-ride = "carousel" id = "quote-carousel" >
< div class = "carousel-inner text-center" >
{% testimonials as test %}
{% for t in test %}
< div class = "carousel-item {% if forloop.first %}active{% endif %}" >
< blockquote > {{ t.text }}< / blockquote >
< div class = "rating" >
{% autoescape off %}{% stars t.stars %}{% endautoescape %}
2021-03-24 06:43:05 +00:00
{% autoescape off %}{% hearts t.hearts %}{% endautoescape %}
2021-03-01 09:56:10 +00:00
< / div >
< small > {{ t.name }}< / small >
< / div > <!-- end item -->
{% endfor %}
< / div > <!-- end carousel - inner -->
< ol class = "carousel-indicators mx-auto" >
{% for t in test %}
< li data-target = "#quote-carousel" data-slide-to = "{{ forloop.counter0 }}" class = "active" > < img src = "{{ t.image.url }}" class = "img-fluid d-block" alt = "client-img" > < / li >
{% endfor %}
< / ol >
< / div > <!-- end quote - carousel -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / section > <!-- end testimonials -->
{% endblock %}
{% block "scripts" %}
2021-04-17 06:30:26 +00:00
< script src = "{% static " vendor / js / jquery-ui . js " % } " > < / script >
2021-03-01 09:56:10 +00:00
< script src = "{% static " frontend / js / custom-autocomplete . js " % } " > < / script >
{% endblock %}
