<!DOCTYPE html>
<html lang="{{ lang | default('ru') }}">
<head> 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title | default('Мой сайт') }}</title>
    <link rel="stylesheet" href="/src/styles/main.scss">
    {% block head %}{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">

    {% block modal %}
        {% include '../components/modal.twig' %}
    {% endblock %}

    <div class="l-wrapper">
        {% block header %}
            {% include '../components/header.twig' %}
        {%endblock %}


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

        {% block footer %}
            {% include '../components/footer.twig' %}   
        {% endblock %}
    </div>


    <script type="module" src="/src/js/main.js"></script>
</body>
</html>