316 lines
16 KiB
Twig
316 lines
16 KiB
Twig
|
|
|
|
<style>
|
|
#header {
|
|
margin-bottom: 0px;
|
|
}
|
|
#topNav div.nav-main-collapse {
|
|
margin-bottom: -10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
#topNav {
|
|
margin-bottom: 0px;
|
|
}
|
|
.nav-main-collapse-bottom {
|
|
|
|
}
|
|
</style>
|
|
|
|
|
|
<div id="topBar" class="">
|
|
<div class="container-fluid">
|
|
|
|
<!-- left -->
|
|
{% if content.info.office_important_note_active == 1 %}
|
|
<ul class="top-links block">
|
|
<li class="icon">
|
|
<a class="dropdown-toggle no-text-underline" data-toggle="dropdown" data-hover="dropdown" href="#"><i class="fa fa-info"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-left dropdown-menu-infos">
|
|
<div class="dropdown-menu-header">
|
|
<span><i class="fa fa-info"></i> aktuelle Infos</span>
|
|
</div>
|
|
<div class="dropdown-menu-body">
|
|
{{ content.info.office_important_note }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li style="overflow: hidden;width: 100%;">
|
|
<div id="marquee" class="marquee"><span> {{ content.info.office_important_note }}</span></div>
|
|
</li>
|
|
</ul>
|
|
{% endif %}
|
|
|
|
|
|
<ul class="top-links block wrap" id="topNavAccordion">
|
|
<li>
|
|
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopLocal" role="button" aria-expanded="false" aria-controls="collapseTopLocal">
|
|
<i class="fa fa-clock-o"></i> Reisebüro
|
|
{% if(content.available.local.active) %}
|
|
<span class="text-success">geöffnet</span> •
|
|
{% else %}
|
|
<span class="text-danger">geschlossen</span> •
|
|
{% endif %}
|
|
{{ content.available.local.content }}
|
|
<i class="fa fa-caret-collapse"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu-infos collapse" id="collapseTopLocal">
|
|
<div class="dropdown-menu-body">
|
|
<div class="badge badge-default btn-block">
|
|
{% if(content.available.local.active) %}
|
|
<span class="text-success"><i class="fa fa-check-circle fa-lg"></i></span> Unsere Büro ist aktuell geöffnet.
|
|
{% else %}
|
|
<span class="text-danger"><i class="fa fa-times-circle fa-lg"></i></span> Unsere Büro ist aktuell geschlossen.
|
|
{% endif %}
|
|
</div>
|
|
<table class="table table-condensed table-vertical-middle">
|
|
{% for key, val in local %}
|
|
<tr>
|
|
<td class="text-left" style="width: 50%">{{ val.day }} <span class="text-muted pull-right"> {{ key }}</span></td>
|
|
{% if val.active == 0 %}
|
|
<td colspan="3">geschlossen</td>
|
|
{% else %}
|
|
<td>{{ val.from }}</td><td>-</td><td>{{ val.to }}</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopPhone" role="button" aria-expanded="false" aria-controls="collapseTopPhone">
|
|
<i class="fa fa-phone-square"></i> 030 - 700 94 100 •
|
|
{% if(content.available.phone.active) %}
|
|
<span class="text-success">erreichbar</span>
|
|
{% else %}
|
|
erreichbar
|
|
{% endif %}
|
|
{{ content.available.phone.content }}
|
|
<i class="fa fa-caret-collapse"></i>
|
|
</a>
|
|
<!-- ab Montag um 09:00 Uhr -->
|
|
<!-- bis xxx Uhr -->
|
|
<div class="dropdown-menu-infos collapse" id="collapseTopPhone">
|
|
<div class="dropdown-menu-body">
|
|
<p><a href="tel:030 - 700 94 100" class="btn btn-secondary btn-sm btn-block text-center"><i class="fa fa-phone-square text-success" ></i> 030 - 700 94 100</a></p>
|
|
<hr>
|
|
<div class="badge badge-default btn-block">
|
|
{% if(content.available.phone.active) %}
|
|
<span class="text-success"><i class="fa fa-check-circle fa-lg"></i></span> Wir sind zur Zeit telefonisch zu erreichen.
|
|
{% else %}
|
|
<span class="text-danger"><i class="fa fa-times-circle fa-lg"></i></span> Wir sind zur Zeit telefonisch nicht zu erreichen.
|
|
{% endif %}
|
|
</div>
|
|
<table class="table table-condensed table-vertical-middle">
|
|
{% for key, val in phone %}
|
|
<tr>
|
|
<td class="text-left" style="width: 50%">{{ val.day }} <span class="text-muted pull-right"> {{ key }}</span></td>
|
|
{% if val.active == 0 %}
|
|
<td colspan="3">geschlossen</td>
|
|
{% else %}
|
|
<td>{{ val.from }}</td><td>-</td><td>{{ val.to }}</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopContact" role="button" aria-expanded="false" aria-controls="collapseTopContact"><i class="fa fa-envelope"></i> Kontakt • Formular • Terminvereinbarung <i class="fa fa-caret-collapse"></i></a>
|
|
<div class="dropdown-menu-infos collapse" id="collapseTopContact">
|
|
<div class="dropdown-menu-body">
|
|
{{ content.info.office_appointment | raw }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="header" class="sticky clearfix">
|
|
|
|
<!-- TOP NAV -->
|
|
<header id="topNav">
|
|
<div class="container-fluid">
|
|
|
|
<!-- Mobile Menu Button -->
|
|
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
|
|
<i class="fa fa-bars"></i> Menü
|
|
</button>
|
|
|
|
|
|
<!-- Logo -->
|
|
<a class="logo" href="/">
|
|
<img src="{{ asset('images/wlogo.png') }}" alt="Stern Tours">
|
|
</a>
|
|
|
|
<div class="navbar-collapse nav-main-collapse collapse">
|
|
<nav class="nav-main">
|
|
<ul class="topMain nav nav-pills nav-main md-pull-left">
|
|
<li class=" active"><!-- HOME -->
|
|
<a href="/" title="Kulturreisen" itemprop="">
|
|
<i class="fa fa-home fa-lg"></i> <span class="hidden-md hidden-lg">Kulturreisen</span>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
{% for nav_page in nav_pages if nav_page.country is not empty %}
|
|
{% if nav_page.showInNavi == 1 %}
|
|
{# @var nav_page \AppBundle\Entity\Page #}
|
|
<li class="dropdown">
|
|
<a class="dropdown-toggle" href="{{ nav_page.urlPath }}">
|
|
<i class="fa fa-star"></i> {{ nav_page.title|replace({'Reisen': ''}) }} <span class="hidden-md">Reisen</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<h4><i class="fa fa-star"></i> <a href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}">
|
|
{{ nav_page.title|replace({'Reisen': ''}) }} Reisen
|
|
</a></h4>
|
|
</li>
|
|
|
|
{% for childnav_page in nav_page.children %}
|
|
{# @var childnav_page \AppBundle\Entity\Page #}
|
|
|
|
{% if(childnav_page.beforeTitle == "Infos") %}
|
|
<li>
|
|
<h4><i class="fa fa-info-circle"></i> Infos</h4>
|
|
</li>
|
|
{% endif %}
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="{{ childnav_page.urlPath }}" title="{{ childnav_page.title }}">
|
|
{{ childnav_page.titleShort }}
|
|
</a>
|
|
</li>
|
|
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
<ul class="topMain nav nav-pills nav-main md-pull-right">
|
|
<li class="dropdown">
|
|
<a class="dropdown-toggle extra-margin-left" href="/ferienwohnungen">
|
|
<span class="text-usedom">USEDOM</span> <span class="hidden-md">Ferienwohnungen</span> <span class="hidden-sm hidden-lg hidden-xs">FeWo</span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right">
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen" title="Usedom Ferienwohnungen"><i class="isv-fewo"></i> Übersicht </a>
|
|
</li>
|
|
|
|
<li class="divider"></li>
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo1-strandstr29" title="FeWo 1 Strandstr. 29">
|
|
<i class="isv-fewo"></i> FeWo 1 Strandstr. 29
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo2-strandstr29" title="FeWo 2 Strandstr. 29">
|
|
<i class="isv-fewo"></i> FeWo 2 Strandstr. 29
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo3-strandstr29" title="FeWo 3 Strandstr. 29">
|
|
<i class="isv-fewo"></i> FeWo 3 Strandstr. 29
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo4-strandstr29" title="FeWo 4 Strandstr. 29">
|
|
<i class="isv-fewo"></i> FeWo 4 Strandstr. 29
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo1-triftweg10" title="FeWo 1 Triftweg 10">
|
|
<i class="isv-fewo"></i> FeWo 1 Triftweg 10
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo2-triftweg10" title="FeWo 2 Triftweg 10">
|
|
<i class="isv-fewo"></i> FeWo 2 Triftweg 10
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo3-triftweg10" title="FeWo 3 Triftweg 10">
|
|
<i class="isv-fewo"></i> FeWo 3 Triftweg 10
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ferienwohnungen/fewo4-triftweg10" title="FeWo 4 Triftweg 10">
|
|
<i class="isv-fewo"></i> FeWo 4 Triftweg 10
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a class="dropdown-toggle" href="#">
|
|
<i class="fa fa-ellipsis-v fa-lg"></i> <span class="hidden-md hidden-lg">mehr</span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-right">
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/tuerkei-reisen" title="Türkei Reisen"><i class="fa fa-star"></i> Türkei Reisen </a>
|
|
</li>
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/usbekistan-reisen" title="Usbekistan Reisen"><i class="fa fa-star"></i> Usbekistan Reisen </a>
|
|
</li>
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/marokko-urlaub" title="Marokko Reisen"><i class="fa fa-star"></i> Marokko Reisen</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/ueber-uns" title="Über uns"><i class="fa fa-users"></i> Über uns</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/reiseversicherung" title="Reiseversicherung">
|
|
<i class="fa fa-shield"></i> Reiseversicherung
|
|
</a>
|
|
</li>
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/reisefuehrer" title="Reiseführer">
|
|
<i class="fa fa-flag"></i> Reiseführer
|
|
</a>
|
|
</li>
|
|
<li role="menuitem" itemprop="name">
|
|
<a itemprop="url" href="/reisemagazin" title="Reisemagazin">
|
|
<i class="fa fa-book"></i> Reisemagazin
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|