New Header / Slider / Infos from API
This commit is contained in:
Kevin Adametz
parent
645ea5da7d
commit
ee89626864
49 changed files with 6213 additions and 965 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -117,11 +117,9 @@
|
|||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" href="{{ nav_page.urlPath }}"
|
||||
title="{{ nav_page.title }}">
|
||||
{{ nav_page.title|replace({'Reisen': ''}) }}<span
|
||||
class="hidden-md hidden-sm">Reisen</span>
|
||||
{{ nav_page.title|replace({'Reisen': ''}) }} Reisen
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li class="first" role="menuitem" itemprop="name">
|
||||
<a itemprop="url" href="{{ nav_page.urlPath }}"
|
||||
title="{{ nav_page.title }}">
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,4 +1,4 @@
|
|||
<footer class="clearfix">
|
||||
<!--<footer class="clearfix">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-12 col-xs-12">
|
||||
|
|
@ -20,7 +20,131 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>-->
|
||||
|
||||
<style>
|
||||
/* Info Bar */
|
||||
.info-bar {
|
||||
margin:0;
|
||||
border:0;
|
||||
padding:10px 0;
|
||||
display: block;
|
||||
background-color: rgba(80, 80, 80, 0.1);
|
||||
border-top: rgba(0,0,0,0.05) 1px solid;
|
||||
color: #777;
|
||||
}
|
||||
.info-bar div.row>div {
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
margin:0 !important;
|
||||
border-right:rgba(0,0,0,0.1) 1px solid;
|
||||
}
|
||||
.info-bar div.row>div:last-child {
|
||||
border:0;
|
||||
}
|
||||
.info-bar div.row>div i {
|
||||
font-size:34px;
|
||||
line-height: 1.2;
|
||||
margin-right:10px;
|
||||
float:left;
|
||||
}
|
||||
.info-bar h1,
|
||||
.info-bar h2,
|
||||
.info-bar h3,
|
||||
.info-bar h4,
|
||||
.info-bar h5,
|
||||
.info-bar h6,
|
||||
.info-bar p {
|
||||
font-size:18px;
|
||||
line-height:1.5;
|
||||
font-weight: 600;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border-bottom: none;
|
||||
|
||||
}
|
||||
.info-bar p {
|
||||
font-size: 12px;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
.info-bar.info-bar-color div.row>div {
|
||||
border-right-color:rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* bordered */
|
||||
.info-bar.info-bar-bordered {
|
||||
margin:30px 0;
|
||||
border: rgba(0,0,0,0.1) 1px solid;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.info-bar.info-bar-bordered div.row>div {
|
||||
padding-top:15px;
|
||||
padding-bottom:15px;
|
||||
}
|
||||
|
||||
|
||||
.footer p.hl4 {
|
||||
text-transform: none;
|
||||
}
|
||||
.footer p {
|
||||
font-size: 90%;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.footer .left-img {
|
||||
max-width: 180px;
|
||||
}
|
||||
.footer .c4 li {
|
||||
margin: 10px 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.text-success {
|
||||
color:#648859;
|
||||
}
|
||||
</style>
|
||||
<section class="info-bar">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<i class="fa fa-phone-square text-success"></i>
|
||||
<h3><a href="tel:030 - 700 94 100">030 - 700 94 100</a></h3>
|
||||
<p>{% if(content.available.phone.active) %}
|
||||
<span class="text-success">erreichbar</span>
|
||||
{% else %}
|
||||
erreichbar
|
||||
{% endif %}
|
||||
{{ content.available.phone.content }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<i class="fa fa-envelope text-success"></i>
|
||||
<h3><a href="mailto:stern@sterntours.de">stern@sterntours.de</a></h3>
|
||||
<p>schreiben Sie uns jederzeit</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<i class="fa fa-envelope-open text-success"></i>
|
||||
<h3><a href="/kontakt">Kontaktformular</a></h3>
|
||||
<p>oder nutzen Sie einfach unser:</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<i class="fa fa-users text-success"></i>
|
||||
<h3><a href="/ueber-uns" title="Über uns">Über uns</a></h3>
|
||||
<p>Erfahren Sie mehr über unser Reisebüro.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<footer class="footer clearfix">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
@ -29,7 +153,7 @@
|
|||
<p>Unsere Produktauswahl ist vielfältig. Neben dem Pauschaltourismus und Jugendreisen sind wir auf individuelle Kulturreisen spezialisiert.</p>
|
||||
|
||||
|
||||
<img class="left-img lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset('/images/stern-tours_20.png') }}" alt="Stern Tours 20 Jahre">
|
||||
<img class="left-img lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset('/images/STERN_22-Jahre.png') }}" alt="Stern Tours 20 Jahre">
|
||||
<ul class="c4">
|
||||
<li>Spezialist seit 1998</li>
|
||||
<li>Top Service</li>
|
||||
|
|
@ -39,20 +163,21 @@
|
|||
</div><!-- end col -->
|
||||
|
||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||
<p class="hl4">ANGESCHLOSSEN AN PROFIS DER REISEBRANCHE:</p>
|
||||
<p class="hl4">Angeschlossen an Profis der Reisebranche:</p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-6 col-sm-6 col-xs-6">
|
||||
<div class="col-md-4 col-sm-6 col-xs-6">
|
||||
<br>
|
||||
{% image '@AppBundle/Resources/public/images/logos/iata.png' %}
|
||||
<img class="img-responsive lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset_url }}" alt="IATA">
|
||||
{% endimage %}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 col-xs-6">
|
||||
<div class="col-md-4 col-sm-6 col-xs-6">
|
||||
{% image '@AppBundle/Resources/public/images/logos/rundv.png' %}
|
||||
<img class="img-responsive lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset_url }}" alt="R + V">
|
||||
{% endimage %}
|
||||
</div>
|
||||
<div class="clearfix padding-bottom"></div>
|
||||
<div class="col-md-6 col-sm-6 col-xs-6">
|
||||
<div class="col-md-4 col-sm-6 col-xs-6">
|
||||
<br>
|
||||
{% image '@AppBundle/Resources/public/images/logos/DB.png' %}
|
||||
<img class="img-responsive lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset_url }}" alt="DB Bahn">
|
||||
{% endimage %}
|
||||
|
|
@ -65,7 +190,7 @@
|
|||
<div class="clearfix padding-bottom"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||
<p class="hl4">Sicherheit & starke Marken:</p>
|
||||
<p class="hl4">Sicherheit</p>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-12">
|
||||
{% image '@AppBundle/Resources/public/images/logos/ssl.png' %}
|
||||
|
|
@ -88,11 +213,11 @@
|
|||
<div class="copyrights clearfix" style="padding-bottom:270px;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-left">
|
||||
<div class="col-md-4 text-left">
|
||||
<p>STERN TOURS © {{ 'now'|date('Y') }}</p>
|
||||
</div><!-- end col -->
|
||||
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="col-md-8 text-right">
|
||||
<div class="link-footer">
|
||||
<a href="/impressum" title="Impressum">Impressum</a> |
|
||||
<a href="/arb" title="ARB">ARB</a> |
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,130 @@
|
|||
{% form_theme search_form 'default/form/theme.html.twig' %}
|
||||
|
||||
<section class="section fullscreen background start-slider">
|
||||
<div class="absolute-section">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-xs-12">
|
||||
<div class="home-message text-center">
|
||||
<div class="home-info-box">
|
||||
<div id="eKomiSeal_default" class="eKomi-header" style="padding-top: 5px;padding-left: 2px;">
|
||||
<img class="lozad" border="0" src="{{ asset('images/dummy.png') }}" data-src="/bundles/app/images/logo-qualitaet.png" alt="Top Kundenservice" height="78">
|
||||
</div>
|
||||
<ul class="c4">
|
||||
<li>Spezialist für Kulturreisen </li>
|
||||
<li>Reiseexperte seit 1998</li>
|
||||
<li>Beratung für individuelle Reisen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- end homemessage -->
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row -->
|
||||
</div><!-- end container -->
|
||||
</div>
|
||||
<div id="myCarousel" class="carousel slide">
|
||||
<!-- Indicators -->
|
||||
|
||||
<!-- Wrapper for Slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<!-- Set the first background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_aegypten.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_aegypten.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
</div>
|
||||
<div class="item">
|
||||
|
||||
|
||||
<!-- Set the second background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image=" {{ image('bundles/app/images/travel/slider_felsendom.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_felsendom.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
</div>
|
||||
<div class="item">
|
||||
<!-- Set the third background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_petra.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_petra.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- end section -->
|
||||
|
||||
|
||||
|
||||
<section class="nopadding">
|
||||
<div class="container-full absolute">
|
||||
<div class="container-fluid container-form">
|
||||
<div class="home-form">
|
||||
<!-- Nav tabs
|
||||
Hier bitte die Tabs über Parameter Steuer, wenn JS aus.
|
||||
Paramter an URL hängen und dann den jeweiligen Tab auf active setzen.
|
||||
-->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="tab_01">
|
||||
<form class="bookform form-inline row st-search-form" style="margin-right: -5px; margin-left: -5px;" action="/suche" method="get">
|
||||
<div class="form-group col-lg-2 col-md-12 col-sm-12 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
|
||||
|
||||
<div class="head_tap">KULTURREISEN</div>
|
||||
</div>
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.b, 'Anreise') }}
|
||||
</div>
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.e, 'Abreise') }}
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.c) }}
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
<label class="sr-only" for="departure">Abfahrtsort</label>
|
||||
<div class="dropdown form-bottom">
|
||||
<select id="departure" class="selectpicker" data-style="btn-white" data-dropup-auto="false">
|
||||
<option>Abfahrtsort beliebig</option>
|
||||
<option>Basel</option>
|
||||
<option>Berlin</option>
|
||||
<option>Berlin Schönefeld</option>
|
||||
<option>Berlin Tegel</option>
|
||||
<option>Bonn</option>
|
||||
<option>Bremen</option>
|
||||
<option>Dresden</option>
|
||||
<option>Düsseldorf</option>
|
||||
<option>Eigenanreise</option>
|
||||
<option>Erfurt</option>
|
||||
<option>Frankfurt</option>
|
||||
<option>Friedrichshafen</option>
|
||||
<option>Genf</option>
|
||||
<option>Graz</option>
|
||||
<option>Hamburg</option>
|
||||
<option>Hannover</option>
|
||||
<option>Köln</option>
|
||||
<option>Leipzig</option>
|
||||
<option>Linz</option>
|
||||
<option>München</option>
|
||||
<option>Nürnberg</option>
|
||||
<option>Saarbrücken</option>
|
||||
<option>Salzburg</option>
|
||||
<option>Stuttgart</option>
|
||||
<option>Wien</option>
|
||||
<option>Zürich</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-12 col-sm-12 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
|
||||
<button type="submit" class="btn btn-primary btn-block text-center">suchen</button>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- end tab-pane -->
|
||||
|
||||
|
||||
</div><!-- end tab-content -->
|
||||
</div><!-- end homeform -->
|
||||
</div>
|
||||
</div><!-- end container -->
|
||||
</section><!-- end section -->
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<div class="home-message text-center">
|
||||
<div class="home-info-box">
|
||||
<div id="eKomiSeal_default" class="eKomi-header" style="padding-top: 5px;padding-left: 2px;">
|
||||
<img class="lozad" border="0" src="{{ asset('images/dummy.png') }}" data-src="/bundles/app/images/logo-qualitaet.png" alt="Top Kundenservice" height="78">
|
||||
<img class="lozad" border="0" src="{{ asset('images/dummy.png') }}" data-src="/bundles/app/images/logo-qualitaet-22.png" alt="Top Kundenservice" height="78">
|
||||
</div>
|
||||
<ul class="c4">
|
||||
<li>Spezialist für Kulturreisen </li>
|
||||
|
|
@ -27,8 +27,8 @@
|
|||
<!-- Wrapper for Slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<!-- Set the first background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_aegypten.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<!-- Set the first background image using inline CSS below. .cropResize(1024).guess(70) -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_aegypten.jpg') }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_aegypten.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
|
|
@ -36,15 +36,15 @@
|
|||
<div class="item">
|
||||
|
||||
|
||||
<!-- Set the second background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image=" {{ image('bundles/app/images/travel/slider_felsendom.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<!-- Set the second background image using inline CSS below. .cropResize(1024).guess(70) -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image=" {{ image('bundles/app/images/travel/slider_felsendom.jpg') }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_felsendom.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
</div>
|
||||
<div class="item">
|
||||
<!-- Set the third background image using inline CSS below. -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_petra.jpg').cropResize(1024).guess(70) }}"></div>
|
||||
<!-- Set the third background image using inline CSS below. .cropResize(1024).guess(70) -->
|
||||
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_petra.jpg') }}"></div>
|
||||
<noscript>
|
||||
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_petra.jpg').cropResize(1024).guess(70) }})"></div>
|
||||
</noscript>
|
||||
|
|
@ -66,22 +66,20 @@
|
|||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="tab_01">
|
||||
<form class="bookform form-inline row st-search-form" style="margin-right: -5px; margin-left: -5px;" action="/suche" method="get">
|
||||
<div class="form-group col-lg-2 col-md-12 col-sm-12 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
|
||||
|
||||
<div class="head_tap">KULTURREISEN</div>
|
||||
<div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.b, 'Anreise am') }}
|
||||
|
||||
</div>
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.b, 'Anreise') }}
|
||||
</div>
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.e, 'Abreise') }}
|
||||
<div class="form-group col-lg-2 col-md-2 col-sm-3 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.e, 'Abreise am') }}
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-3 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
{{ form_field_pho(search_form.c) }}
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-6 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
<div class="form-group col-lg-2 col-md-3 col-sm-3 col-xs-6" style="padding-right: 5px;padding-left: 5px;">
|
||||
<label class="sr-only" for="departure">Abfahrtsort</label>
|
||||
<div class="dropdown form-bottom">
|
||||
<select id="departure" class="selectpicker" data-style="btn-white" data-dropup-auto="false">
|
||||
|
|
@ -116,8 +114,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-lg-2 col-md-12 col-sm-12 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
|
||||
<button type="submit" class="btn btn-primary btn-block text-center">suchen</button>
|
||||
<div class="form-group col-lg-4 col-md-2 col-sm-12 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
|
||||
<button type="submit" class="btn btn-primary btn-block text-center"><i class="fa fa-search" style="font-size: 1.1em"></i> <span class="hidden-md">Kulturreisen</span> suchen</button>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- end tab-pane -->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue