sterntours/app/Resources/views/default/components/footer.html.twig
2020-07-09 12:49:32 +02:00

204 lines
No EOL
6.9 KiB
Twig

<!--<footer class="clearfix">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12 col-xs-12">
<div class="info-text">
<i class="fa fa-phone"></i>
<p class="text">
{{ getContextBySlug('telefon-header') }}
<span class="small"> {{ getContextBySlug('uhrzeit-header')|replace({'|': " • "})|raw }} Uhr</span>
</p>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12 text-center">
<a href="/kontakt" title=""><i class="fa fa-envelope"></i> Kontaktformular</a>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="social-footer text-right">
<a href="/ueber-uns" title="Über uns"><i class="fa fa-users"></i></a>
</div>
</div>
</div>
</div>
</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">
<div class="col-md-6 col-sm-6 col-xs-12">
<p class="hl4">Ihre Vorteile bei STERN TOURS</p>
<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_22-Jahre.png') }}" alt="Stern Tours 20 Jahre">
<ul class="c4">
<li>Spezialist seit 1998</li>
<li>Top Service</li>
<li>Riesen Auswahl</li>
<li>Individuelle Beratung</li>
</ul>
</div><!-- end col -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-md-6" style="margin-bottom: 1rem;">
<p class="hl4">Reiseversicherung</p>
{% 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="col-md-6">
<p class="hl4">Sicherheit</p>
{% image '@AppBundle/Resources/public/images/logos/ssl.png' %}
<img class="left-img lozad" src="{{ asset('/images/dummy.png') }}" data-src="{{ asset_url }}" alt="SSL" style="margin-top: 0.3rem;">
{% endimage %}
</div>
</div>
</div>
</div>
<div class="clearfix padding-bottom"></div>
</div><!-- end container -->
</footer><!-- end copyrights -->
<div class="copyrights clearfix" style="padding-bottom:270px;">
<div class="container">
<div class="row">
<div class="col-md-4 text-left">
<p>STERN TOURS © {{ 'now'|date('Y') }}</p>
</div><!-- end col -->
<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> |
<a href="/datenschutz" title="Datenschutzerklärung">Datenschutzerklärung</a> |
<a href="/bildnachweis" title="Bildnachweise">Bildnachweise</a> |
<a href="/sitemap" title="Sitemap">Sitemap</a>
</div><!-- end social-footer -->
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end copyrights -->