<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="">
    <meta property="og:title" content="{{ title }}">
    <meta property="og:description" content="{{ description }}">
    <meta property="og:url" content="">
    <meta property="og:locale" content="ru_RU">
    <meta property="og:image" content="img/logo.png"/>
    <meta property="og:image:type" content="image/png"/>
    <meta property="og:image:width" content="300">
    <meta property="og:image:height" content="200">

    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:title" content="{{ title }}"/>
    <meta name="twitter:description" content="{{ description }}"/>
    <meta name="twitter:creator" content="@rudenich_"/>
    <meta name="twitter:image:src" content="img/logo.png"/>
    <meta name="twitter:image:width" content="300"/>
    <meta name="twitter:image:height" content="200"/>
    <meta name="twitter:site" content=""/>
    <script>!function(c){"use strict";function e(e,t,n,o){var r,i=c.document,d=i.createElement("link");if(t)r=t;else{var a=(i.body||i.getElementsByTagName("head")[0]).childNodes;r=a[a.length-1]}var f=i.styleSheets;if(o)for(var l in o)o.hasOwnProperty(l)&&d.setAttribute(l,o[l]);d.rel="stylesheet",d.href=e,d.media="only x",function e(t){if(i.body)return t();setTimeout(function(){e(t)})}(function(){r.parentNode.insertBefore(d,t?r:r.nextSibling)});var s=function(e){for(var t=d.href,n=f.length;n--;)if(f[n].href===t)return e();setTimeout(function(){s(e)})};function u(){d.addEventListener&&d.removeEventListener("load",u),d.media=n||"all"}return d.addEventListener&&d.addEventListener("load",u),(d.onloadcssdefined=s)(u),d}"undefined"!=typeof exports?exports.loadCSS=e:c.loadCSS=e}("undefined"!=typeof global?global:this);</script>

    <script>
        //loadCSS('./css/foundation-lib.css')
        loadCSS('./css/vendor.css')
        //loadCSS('./css/style.css')
    </script>


    <link rel="stylesheet" href="css/foundation-lib.css">
    {#<link rel="stylesheet" href="css/vendor.css">#}
    <link rel="stylesheet" href="css/style.css">
</head>
{% block bodyBegin %}
<body class="{{ body_class }} ">
{% endblock %}


<div class="l-wrapper">

    {% block header %}
        {% include "layouts/_header.twig" %}
    {% endblock %}


    <main class="l-main" id="main">
        {% block content %}{% endblock %}
    </main>

    {% block footer %}
        {% include "layouts/_footer.twig" %}
    {% endblock %}

</div>


{% block modal %}
    {% include 'layouts/_modal.twig' %}
{% endblock %}


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
{#<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDGS_V5ZeY_F7e3PhrLcs8U2vGYV_e637U"></script>#}
{% block extraJsLib %}{% endblock %}
<script type="text/javascript" src="js/libs.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
