<!-- Подключение базового шаблона -->
{% extends 'super-base.html' %}
<!-- Для подключение деректории static -->
{% load staticfiles %}
<!-- Meta данные -->
{% block seo %}
{% endblock seo %}
{#{% block description %}{% endblock description %}#}
{#{% block title %}{% endblock title %}#}

<meta name="author" content="">
<!-- Подключение стилей -->
{% block style %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

    <!-- Customizable CSS -->
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
    <link rel="stylesheet" href="{% static 'css/green.css' %}">
    <link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}">
    <link rel="stylesheet" href="{% static 'css/owl.transitions.css' %}">
    <link rel="stylesheet" href="{% static 'css/animate.min.css' %}">

    <!-- Demo Purpose Only. Should be removed in production -->
    <link rel="stylesheet" href="{% static 'css/config.css' %}">

    <link href="{% static 'css/green.css' %}" rel="alternate stylesheet" title="Green color">
    <link href="{% static 'css/blue.css' %}" rel="alternate stylesheet" title="Blue color">
    <link href="{% static 'css/red.css' %}" rel="alternate stylesheet" title="Red color">
    <link href="{% static 'css/orange.css' %}" rel="alternate stylesheet" title="Orange color">
    <link href="{% static 'css/navy.css' %}" rel="alternate stylesheet" title="Navy color">
    <link href="{% static 'css/dark-green.css' %}" rel="alternate stylesheet" title="Darkgreen color">
    <!-- Demo Purpose Only. Should be removed in production : END -->

    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>

    <!-- Icons/Glyphs -->
    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">

    <!-- Favicon -->
    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">

    <!-- HTML5 elements and media queries Support for IE8 : HTML5 shim and Respond.js -->
    <!--[if lt IE 9]>
			<script src="{% static 'js/html5shiv.js' %}"></script>
			<script src="{% static 'js/respond.min.js' %}"></script>
		<![endif]-->
{% endblock style %}
<!-- Тег body -->
{% block body %}
    <div class="wrapper">
        {% include 'include/menu.html' %}
        {% include 'include/header.html' %}
    <main>
        {% block content %}
            <!-- Контент который будет меняться на страницах -->
        {% endblock content %}
    </main>
        {% include 'include/footer.html' %}

    </div>
    {% include 'include/config.html' %}
{% endblock body %}
<!-- Подключение js и т.д. -->
{% block scripts %}
    {#    <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>#}
    <!-- JavaScripts placed at the end of the document so the pages load faster -->
    <script src="{% static 'js/jquery-1.10.2.min.js' %}"></script>
    <script src="{% static 'js/jquery-migrate-1.2.1.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
    <script src="{% static 'js/gmap3.min.js' %}"></script>
    <script src="{% static 'js/bootstrap-hover-dropdown.min.js' %}"></script>
    <script src="{% static 'js/owl.carousel.min.js' %}"></script>
    <script src="{% static 'js/css_browser_selector.min.js' %}"></script>
    <script src="{% static 'js/echo.min.js' %}"></script>
    <script src="{% static 'js/jquery.easing-1.3.min.js' %}"></script>
    <script src="{% static 'js/bootstrap-slider.min.js' %}"></script>
    <script src="{% static 'js/jquery.raty.min.js' %}"></script>
    <script src="{% static 'js/jquery.prettyPhoto.min.js' %}"></script>
    <script src="{% static 'js/jquery.customSelect.min.js' %}"></script>
    <script src="{% static 'js/wow.min.js' %}"></script>
    <script src="{% static 'js/scripts.js' %}"></script>

    <!-- For demo purposes – can be removed on production -->

    <script src="{% static 'switchstylesheet/switchstylesheet.js' %}"></script>

    <script>
        $(document).ready(function () {
            $(".changecolor").switchstylesheet({seperator: "color"});
            $('.show-theme-options').click(function () {
                $(this).parent().toggleClass('open');
                return false;
            });
        });

        $(window).bind("load", function () {
            $('.show-theme-options').delay(2000).trigger('click');
        });
    </script>
    <!-- For demo purposes – can be removed on production : End -->

    <script src="http://w.sharethis.com/button/buttons.js"></script>
{% endblock scripts %}
