153 lines
4.6 KiB
HTML
Executable File
153 lines
4.6 KiB
HTML
Executable File
[localePicker]
|
|
forceUrl = 1
|
|
==
|
|
<!DOCTYPE html>
|
|
<html lang="{{ activeLocale }}">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ this.page.meta_title }} - TPS advertising</title>
|
|
<meta name="description" content="{{ this.page.meta_description}}">
|
|
<meta name="keywords" content="{{ this.page.description}}">
|
|
<link rel="stylesheet" href="{{ 'assets/fonts/Montserrat/stylesheet.css'|theme}}">
|
|
<link rel="stylesheet" href="{{ 'assets/css/animate.css'|theme}}">
|
|
<link rel="stylesheet" href="{{ 'assets/css/swiper.min.css'|theme}}">
|
|
<link rel="stylesheet" href="{{ 'assets/css/main.css'|theme}}">
|
|
|
|
<style>
|
|
|
|
.header .lang_drop2.active {
|
|
opacity: 1;
|
|
pointer-events: unset;
|
|
top: calc(100% + 20px);
|
|
}
|
|
.header .lang_drop2 {
|
|
position: absolute;
|
|
top: calc(100% + 50px);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
-moz-ransform: translateX(-50%);
|
|
-o-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
-webkit-transform: translateX(-50%);
|
|
background: #fff;
|
|
color: #000;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
-webkit-transition: 0.3s linear;
|
|
transition: 0.3s linear;
|
|
}
|
|
|
|
</style>
|
|
|
|
{% styles %}
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Header ================================= -->
|
|
<header class="header">
|
|
<div class="auto_container">
|
|
<div class="header_wrap">
|
|
<div class="header_row">
|
|
<a href="/" class="logo">
|
|
<div class="logo_group">
|
|
{% partial 'logo-anim' %}
|
|
</div>
|
|
<div class="logo_group-txt">
|
|
{% partial 'logo-anim2' %}
|
|
</div>
|
|
</a>
|
|
|
|
<div class="nav_bg">
|
|
{% partial 'menu' %}
|
|
</div>
|
|
|
|
<div class="burger">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- Header end ============================= -->
|
|
|
|
|
|
{% page %}
|
|
|
|
|
|
<!-- Footer ================================= -->
|
|
<footer class="footer">
|
|
<div class="auto_container">
|
|
<div class="footer_wrap">
|
|
<div class="footer_box">
|
|
<a href="/" class="logo">
|
|
<img src="{{'assets/images/footer_logo.png'|theme}}" alt="logo">
|
|
</a>
|
|
|
|
<p class="copyright">
|
|
{{ 'footer.copyright'|_ }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Footer end ============================= -->
|
|
|
|
|
|
|
|
<script src="{{'assets/js/jquery.js'|theme}}"></script>
|
|
<script src="{{'assets/js/slick.min.js'|theme}}"></script>
|
|
<script src="{{'assets/js/slider.js'|theme}}"></script>
|
|
<script src="{{'assets/js/wow.min.js'|theme}}"></script>
|
|
<script src="{{'assets/js/modal-close.js'|theme}}"></script>
|
|
<script src="{{'assets/js/swiper-bundle.min.js'|theme}}"></script>
|
|
<script src="{{'assets/js/main.js'|theme}}"></script>
|
|
|
|
<script>
|
|
wow = new WOW(
|
|
{
|
|
resetAnimation: false,
|
|
offset: 10,
|
|
}
|
|
);
|
|
wow.init();
|
|
|
|
// Swiper Slider ==================
|
|
|
|
var swiper = new Swiper(".hero_slider", {
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
slidesPerView: 1,
|
|
renderBullet: function (index, className) {
|
|
return '<span class="' + className + '">' + (index + 1) + "</span>";
|
|
},
|
|
},
|
|
lazy: true,
|
|
loop: true,
|
|
keyboard: {
|
|
enabled: true,
|
|
onlyInViewport: false,
|
|
},
|
|
autoplay: {
|
|
delay: 4500,
|
|
disableOnInteraction: false,
|
|
},
|
|
speed: 600,
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev",
|
|
},
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
{% scripts %}
|
|
{% framework extras %}
|
|
</body>
|
|
|
|
</html> |