317 lines
11 KiB
PHP
317 lines
11 KiB
PHP
<!-- Google Tag Manager (noscript) -->
|
|
<noscript>
|
|
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5L6XLLH" height="0" width="0" style="display:none;visibility:hidden"></iframe>
|
|
</noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
|
|
<? include 'templates_user/components/detect-language.php'; ?>
|
|
|
|
<header>
|
|
<div class="container">
|
|
<div class="header__wrapper">
|
|
<div class="header_left">
|
|
<a href="/">
|
|
<img src="/upload/filemanager/Logos/vidok-com_DE-bialy.svg" alt="logo" class="nowebp" />
|
|
</a>
|
|
</div>
|
|
<div class="header_right">
|
|
<div class="header_right_top">
|
|
<p><strong>KOSTENLOSE ANFRAGE</strong></p>
|
|
|
|
<a href="tel:+48882035886">
|
|
<img src="/upload/filemanager/Icons/iphone_black.svg" alt="phone">
|
|
+48 882 035 886
|
|
</a>
|
|
<a href="mailto:anfrage@vidok.com">
|
|
<img src="/upload/filemanager/Icons/mail_black.svg" alt="mail">
|
|
anfrage@vidok.com
|
|
</a>
|
|
</div>
|
|
<div class="header_right_bottom">
|
|
<nav id="advance_menu">
|
|
<ul class="lvl_1">
|
|
|
|
<li class="parent">
|
|
<a href="/fenster" class="no-click">Fenster</a>
|
|
<ul class="lvl_2 static_height">
|
|
<li class="parent">
|
|
<a href="/holzfenster">Holzfenster</a>
|
|
<ul class="lvl_3 static_height">
|
|
<li>
|
|
<a href="/holzfenster#vd-68">VD-68</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holzfenster#vd-68h">VD-68H</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holzfenster#vd-78">VD-78</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holzfenster#vd-78h">VD-78H</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holzfenster#vd-92">VD-92</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holzfenster#vd-92h">VD-92H</a>
|
|
</li>
|
|
</ul>
|
|
<div class="category_img static_height">
|
|
<img src="/upload/filemanager/Menu/menu_holzfenster.png" alt="">
|
|
</div>
|
|
</li>
|
|
<li class="parent">
|
|
<a href="/holz-alu-fenster">Holz-alu-Fenster</a>
|
|
<ul class="lvl_3 static_height">
|
|
<li>
|
|
<a href="/holz-alu-fenster#vda-86">VDA-86</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holz-alu-fenster#vda-96">VDA-96</a>
|
|
</li>
|
|
<li>
|
|
<a href="/holz-alu-fenster#vda-116">VDA-116</a>
|
|
</li>
|
|
</ul>
|
|
<div class="category_img static_height">
|
|
<img src="/upload/filemanager/Menu/menu_holz_alu_fenster.png" alt="">
|
|
</div>
|
|
</li>
|
|
<li class="parent">
|
|
<a href="/kunststofffenster">Kunststofffenster</a>
|
|
<ul class="lvl_3 static_height">
|
|
<li>
|
|
<a href="/kunststofffenster#vp-70">VP-70</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vp-76">VP-76</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vp-82">VP-82</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vp-74">VP-74</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vp-83">VP-83</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vpe-70">VPE-70</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststofffenster#vpe-70">VPE-76</a>
|
|
</li>
|
|
</ul>
|
|
<div class="category_img static_height">
|
|
<img src="/upload/filemanager/Menu/menu_kunststofffenster.png" alt="">
|
|
</div>
|
|
</li>
|
|
<li class="parent">
|
|
<a href="/kunststoff-alu-fenster">Kunststoff-alu-Fenster</a>
|
|
<ul class="lvl_3 static_height">
|
|
<li>
|
|
<a href="/kunststoff-alu-fenster#tab1669205564864_1">VPA-82</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststoff-alu-fenster#tab1669205564864_2">VPA-88</a>
|
|
</li>
|
|
<li>
|
|
<a href="/kunststoff-alu-fenster#tab1669205564864_3">VPA-94</a>
|
|
</li>
|
|
</ul>
|
|
<div class="category_img static_height">
|
|
<img src="/upload/filemanager/Menu/menu_kunststoff_alu_fenster.png" alt="">
|
|
</div>
|
|
</li>
|
|
<li class="parent">
|
|
<a href="/alu-fenster">Alu-Fenster</a>
|
|
<ul class="lvl_3 static_height">
|
|
<li>
|
|
<a href="/alu-fenster#mb-45">MB-45</a>
|
|
</li>
|
|
<li>
|
|
<a href="/alu-fenster#mb-79n">MB-79N</a>
|
|
</li>
|
|
<li>
|
|
<a href="/alu-fenster#mb-86">MB-86</a>
|
|
</li>
|
|
</ul>
|
|
<div class="category_img static_height">
|
|
<img src="/upload/filemanager/Menu/menu_alu_fenster.png" alt="">
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="/fassaden">Fassaden</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="parent">
|
|
<a href="/turen" class="no-click">Türen</a>
|
|
<ul class="lvl_2">
|
|
<li class="parent">
|
|
<a href="/hebe-schiebe-turen">Hebe-schiebe-türen</a>
|
|
<ul class="lvl_3">
|
|
<li>
|
|
<a href="/hebe-schiebe-turen#vekamotion-82">vekamotion 82</a>
|
|
</li>
|
|
<li>
|
|
<a href="/hebe-schiebe-turen#inova-smoove">inova smoove</a>
|
|
</li>
|
|
<li>
|
|
<a href="/hebe-schiebe-turen#platinum-optima">platinum optima</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="parent">
|
|
<a href="/eingangsturen">Eingangstüren</a>
|
|
<ul class="lvl_3">
|
|
<li>
|
|
<a href="/eingangsturen#aluminium-eingangsturen">Alutüren</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="/verglasung">Verglasung</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="parent">
|
|
<a href="/fensterabdeckungen">Sonnenschutz</a>
|
|
|
|
<ul class="lvl_2">
|
|
<li>
|
|
<a href="/fensterabdeckungen#rollladen">Rollläden</a>
|
|
</li>
|
|
<li>
|
|
<a href="/fensterabdeckungen#raffstores">Raffstores</a>
|
|
</li>
|
|
<li>
|
|
<a href="/fensterabdeckungen#textilscreens">Textilscreens</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/zubehehor">Zubehör</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/sonderangebot">Sonderangebot</a>
|
|
</li>
|
|
<li>
|
|
<a href="/uber-vidok">Über uns</a>
|
|
</li>
|
|
|
|
<li class="parent">
|
|
<a href="/katalogen-und-broschuren">Partnerzone</a>
|
|
<ul class="lvl_2">
|
|
<li>
|
|
<a href="/katalogen-und-broschuren">Katalogen und Broschüren</a>
|
|
</li>
|
|
<li>
|
|
<a href="/dokumenten">Dokumenten</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/kontakt">Kontakt</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="header_big_btn">
|
|
<a href="/kontakt">KOSTENLOSE<br /> ANFRAGE</a>
|
|
</div>
|
|
|
|
<div class="header_social_icons">
|
|
<a href="https://www.linkedin.com/company/vidok-fenster-und-turen/?viewAsMember=true" target="_blank"><img src="/upload/filemanager/Icons/linkedin_black.svg" alt="linkedin"></a>
|
|
<a href="https://www.facebook.com/vidok.fenster.turen/" target="_blank"><img src="/upload/filemanager/Icons/facebook_black.svg" alt="facebook"></a>
|
|
<a href="https://www.youtube.com/@vidokfensterundturen4925" target="_blank"><img src="/upload/filemanager/Icons/youtube_black.svg" alt="youtube"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="main-menu-btn">
|
|
<i class="fa fa-bars"></i>
|
|
</div>
|
|
|
|
<script class="footer" type="text/javascript">
|
|
var user_agent = navigator.userAgent.toLowerCase();
|
|
var click_event = user_agent.match(/(iphone|ipod|ipad)/) ? "touchend" : "click";
|
|
|
|
$(window).resize(function() {
|
|
windowsize = $(window).width();
|
|
});
|
|
|
|
$( 'body' ).on( click_event, '#main-menu-btn', function()
|
|
{
|
|
if ( windowsize <= 1200 )
|
|
{
|
|
if ( $( this ).hasClass( 'active' ) )
|
|
{
|
|
$( this ).removeClass( 'active' );
|
|
$( '#advance_menu' ).removeClass( 'visible' );
|
|
$( '#main-menu-btn i' ).addClass( 'fa-bars' ).removeClass( 'fa-times' );
|
|
}
|
|
else
|
|
{
|
|
$( this ).addClass( 'active' );
|
|
$( '#advance_menu' ).addClass( 'visible' );
|
|
$( '#main-menu-btn i' ).removeClass( 'fa-bars' ).addClass( 'fa-times' );
|
|
}
|
|
}
|
|
});
|
|
|
|
if ( windowsize <= 1200 )
|
|
{
|
|
$( 'body' ).on( click_event, '#advance_menu a', function(e)
|
|
{
|
|
if ( $( this ).parent().hasClass( 'parent' ) )
|
|
e.preventDefault();
|
|
|
|
if ( !$( this ).parent().hasClass( 'active' ) )
|
|
{
|
|
$( this ).parent().addClass( 'active' );
|
|
}
|
|
else
|
|
{
|
|
$( this ).parent().removeClass( 'active' );
|
|
}
|
|
});
|
|
}
|
|
else
|
|
{
|
|
function customMenuLink(URL)
|
|
{
|
|
$(`.tab-container .nav-tabs li a[href="${URL}"]`).trigger("click");
|
|
}
|
|
|
|
$( function()
|
|
{
|
|
let pathHash = $( location ).attr('hash');
|
|
customMenuLink(pathHash)
|
|
});
|
|
|
|
$('#advance_menu ul li a').on("click", function() {
|
|
let thisUrl = $(this).attr('href').split('#');
|
|
let thisUrlFormat = '#' + thisUrl[1]
|
|
customMenuLink(thisUrlFormat)
|
|
});
|
|
}
|
|
|
|
$(window).scroll(function() {
|
|
let scrollPosition = $(window).scrollTop()
|
|
|
|
if (scrollPosition > 0) {
|
|
$('header').addClass('fixed')
|
|
} else {
|
|
$('header').removeClass('fixed')
|
|
}
|
|
})
|
|
</script>
|