New Header / Slider / Infos from API
This commit is contained in:
parent
645ea5da7d
commit
ee89626864
49 changed files with 6213 additions and 965 deletions
|
|
@ -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> |
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue