Files
zurawik.pl/template/index_good.tpl
2026-05-15 18:33:51 +02:00

354 lines
17 KiB
Smarty

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel=“preload” href=“{$urlStatic}/css/fonts/SourceSansPro-Regular.otf” as="fonts">
<link href="{$urlStatic}/css/fonts.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="apple-touch-icon" sizes="57x57" href="{$urlStatic}/image/Strona/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{$urlStatic}/image/Strona/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{$urlStatic}/image/Strona/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{$urlStatic}/image/Strona/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{$urlStatic}/image/Strona/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{$urlStatic}/image/Strona/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{$urlStatic}/image/Strona/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{$urlStatic}/image/Strona/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{$urlStatic}/image/Strona/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="{$urlStatic}/image/Strona/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="{$urlStatic}/image/Strona/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="{$urlStatic}/image/Strona/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="{$urlStatic}/image/Strona/favicon/favicon-16x16.png">
<link rel="manifest" href="{$urlStatic}/image/Strona/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{$urlStatic}/image/Strona/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--[if lte IE 8]><script src="{$urlStatic}/script/jQuery/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="{$urlStatic}/css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="{$urlStatic}/css/Strona/swipebox.css" type="text/css" />
<link rel="stylesheet" href="{$urlStatic}/css/Strona/skin.css" type="text/css" />
<link rel="stylesheet" href="{$urlStatic}/css/Strona/jquery.flipster.css" type="text/css" />
<link rel="stylesheet" href="{$urlStatic}/css/Strona/style.css" type="text/css" />
{* <link rel="stylesheet" href="{$urlStatic}/css/bjqs.css" />*}
<meta name="keywords" content="{$metaKeywords|default:" $defaultKeywords"}" />
<meta name="description" content="{$metaDescription|default:" $defaultDescription"}" />
{if $headerRedirect.url!=''}
<meta http-equiv="Refresh"
content="{$headerRedirect.time}; URL={$headerRedirect.url}" />
{/if}
<title>{$pageTitle}</title>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script src="{url label="translateJs"}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var mainUrl = '{$urlMain}';</script>
{section name=s loop=$javaScript} {if $javaScript[s].file!=''}
<script src="{$javaScript[s].file}" type="text/javascript"
charset="utf-8"></script>
{/if} {if $javaScript[s].code!=''}
<script type="text/javascript">
<!-- <![CDATA[{
$javaScript[s].code
}
// ]]> -->
</script>
{/if} {/section}
{literal}
<script type="text/javascript">
$(function () {
$('#gallery a').swipebox();
$('a.gallery').swipebox();
$( '.swipebox' ).swipebox();
$('a.ckelightbox').swipebox();
});
</script>
{/literal}
{literal}
<script type="text/javascript">
function beforeSlider_001(slider) {
$(slider.get(0)).find('.desc-wrap h1').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap h2').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap h3').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap .desc p').each(function () {
$(this).css('opacity', 0);
});
$(slider.get(0)).find('.desc-wrap a').each(function () {
$(this).css('opacity', 0);
});
}
function afterSlider_001(slider) {
var content = $(slider.slides.get(slider.currentSlide));
content.find('.desc-wrap h1').css('visibility', 'visible');
content.find('.desc-wrap h1').delay(200).animate({opacity: 1}, 1000);
content.find('.desc-wrap h2').css('visibility', 'visible');
content.find('.desc-wrap h2').delay(500).animate({opacity: 1}, 1000);
content.find('.desc-wrap h3').css('visibility', 'visible');
content.find('.desc-wrap h3').delay(400).animate({opacity: 1}, 1000);
content.find('.desc-wrap .desc p').css('visibility', 'visible');
content.find('.desc-wrap .desc p').delay(700).animate({opacity: 1}, 1000);
content.find('.desc-wrap a').css('visibility', 'visible');
content.find('.desc-wrap a').delay(1200).animate({opacity: 1}, 1000);
}
$(window).load(function () {
$('.flexslider').flexslider({
slideshowSpeed: {/literal}{$slideshowSpeed*1000}{literal},
animationSpeed: 1000,
easing: "ease-in-out",
useCSS: "false",
touch: false,
slideshow: true,
animation: "slide",
start: function (slider) {
beforeSlider_001(slider);
afterSlider_001(slider);
},
before: function (slider) {
beforeSlider_001(slider);
},
after: function (slider) {
afterSlider_001(slider);
}
});
});
</script>
<script>
$(window).load(function () {
$(".boxFb").delay(500).queue(function(){
$(this).addClass("boxFbShow").dequeue();
});
$(".boxInsta").delay(1000).queue(function(){
$(this).addClass("boxInstaShow").dequeue();
});
$(".boxLinkedin").delay(1500).queue(function(){
$(this).addClass("boxLinkedinShow").dequeue();
});
//scrollAnim
$('.rowIntro').addClass('scrollHiddenOff');
$('.slider').addClass('sliderBG');
$( window ).scroll(function() {
if ($('#intro').visible(true)) {
$('.rowIntro').addClass('scrollHiddenOff');
$('.rowIntro').removeClass('scrollHiddenOn');
} else {
$('.rowIntro').addClass('scrollHiddenOn');
$('.rowIntro').removeClass('scrollHiddenOff');
}
// if ($('.trescSG').visible(true)) {
// $('.trescSG p').addClass('scrollHiddenOff');
// $('.trescSG p').removeClass('scrollHiddenOn');
//} else {
// $('.trescSG p').addClass('scrollHiddenOn');
// $('.trescSG p').removeClass('scrollHiddenOff');
//}
if ($('.statementSG').visible(true)) {
$('.statementSG p').addClass('scrollHiddenOff');
$('.statementSG p').removeClass('scrollHiddenOn');
} else {
$('.statementSG p').addClass('scrollHiddenOn');
$('.statementSG p').removeClass('scrollHiddenOff');
}
if ($('.footer').visible(true)) {
$('.product').addClass('scrollHiddenOff');
$('.address').addClass('scrollHiddenOff');
$('.product').removeClass('scrollHiddenOn');
$('.address').removeClass('scrollHiddenOn');
} else {
$('.product').addClass('scrollHiddenOn');
$('.product').removeClass('scrollHiddenOff');
$('.address').addClass('scrollHiddenOn');
$('.address').removeClass('scrollHiddenOff');
}
//if ($('.footer').visible(true)) {
// $('.footer').addClass('scrollTrapBoxOff');
// $('.footer').removeClass('scrollTrapBoxOn');
// } else {
// $('.footer').addClass('scrollTrapBoxOn');
// $('.footer').removeClass('scrollTrapBoxOff');
// }
});
//scrollAnim End
});
</script>
{/literal}
{if isset($indexSG)}
{literal}
{/literal}
{/if}
{if isset($analyticsCode)}
{$analyticsCode}
{/if}
</head>
<body>
<div class="menuRwd" onclick="menuRwd();"></div>
{* Header *}
<header id="header" class="header">
{* Top *}
<div class="top">
<div class="logoContainer col-s-12">
<h1 id="logo" class="logo"><a title="{'Strona Główna'|translate} - aem" href="{$urlMain}/{$lang}"></a></h1>
</div>
<!--<div class="navLang">
{if $lang == 'pl'}
<a href="{$urlMain}/en">en</a>
{else}
<a href="{$urlMain}/pl">pl</a>
{/if}
</div> !-->
{* Nav *}
<nav class="col-s-12 navigation">
{$MenuTopTree}
<div class="cb"></div>
</nav>
<div class="cb"></div>
</div>
<div class="cb"></div>
<div class="headerPasek">
</div>
</header>
<header class="headerFixed">
<div class="top">
</div>
<div class="socialBox">
<div class="socialBoxItem boxFb"><a href="{'box1_fb_url'|translate}" >&nbsp;</a></div>
<div class="socialBoxItem boxInsta"><a href="{'box1_insta_url'|translate}" ></a></div>
{* <div class="socialBoxItem boxLinkedin"><a href="{'box1_linkedin_url'|translate}" ></a></div>*}
</div>
</header>
<div class="cb"></div>
{* Slider *}
{$banerBox}
<div class="cb"></div>
{* Main Container *}
{if isset($indexSG)}
{$content}
{else}
<section class="main style3 dark fullscreen">
<div class="container ">
{*<div class="breadCrumbs">
{breadCrumbs}
</div>*}
{$content}
{if isset($moduleSharedVariableArray) && is_array($moduleSharedVariableArray)}
{foreach $moduleSharedVariableArray as $keyModule => $moduleSharedVariable}
{$addModule_{$keyModule}}
{/foreach}
{/if}
<div class="cb"></div>
</div>
</section>
{if isset($actionSetTemplate) && $actionSetTemplate}
<section class="main style3 primary">
<div class="actionSetTemplate">
<div class="container">
{$actionSetTemplate}
</div>
</div>
</section>
{/if}
{/if}
<footer id="contact" class="main footer" {if !isset($indexSG)}style="background-color: #f9f9f9;"{/if}>
<div class="footer_container">
<div class="col-8 col-s-12 cb" style="float: initial; margin: auto;">
<div class="col-2 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_1'|translate}</div>
<div class="col-3 left" style="text-align:left; padding-left:20px; padding-top:10px;">{'footer_box_3'|translate}</div>
<div class="col-5 right" style="text-align:right;">{'footer_box_2'|translate}</div>
<div class="cb"></div>
</div>
<div class="cb"></div>
</div>
</footer>
<div style="display: none">
<div id="slide1">Slide 1 Content</div>
</div>
{if !isset($polityka_akceptacja)}
<div class="tekst" id="polityka" style="border: #e5e0cf 1px dotted; text-align: center; position:fixed; margin: auto; bottom: 0px; padding: 5px; background: #e5e0cf; width: 100%; min-height: 30px; padding: 5px; display: block; z-index:9999;">
<p>{'polityka_plikow_cookies_text'|translate}
<b><a href="#" onclick="setCookie('polityka_akceptacja', '1', 365);" title="{'Akceptuj'|translate}">[{'Akceptuję'|translate}]</a></b> </p></div>
{/if}
</body>
</html>