{% extends "base.html" %}
{% load staticfiles %}
{% load sitetree %} 

{% block title %}{{prostopages.title_us|safe}}{% endblock %}
{% block description %}{{prostopages.description|safe}}{% endblock %}

{% block og_title %}{{prostopages.title_us|safe}}{% endblock %}
{% block og_description %}{{prostopages.description|safe}}{% endblock %}
{% block og_url %}{{ request.build_absolute_uri }}{% endblock %}
{% block image_src %}{% if prostopages.image %}/media/{{prostopages.image|safe}}{% else %}/media/zaglavka.png{% endif %}{% endblock %}

{% block canonical %}{% if request.is_secure %}https://{% else %}http://{% endif %}{{ request.get_host }}{{ prostopages.get_absolute_url }}{% endblock %}


{% block content %}
{% include "header.html" %} 
{% include "menu-left.html" %}




<script>
(function($) {
$(function() {

    $('ul.tabs__caption').on('click', 'li:not(.active)', function() {
        $(this)
            .addClass('active').siblings().removeClass('active')
            .closest('div.tabs_wrapper').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
    });

});
})(jQuery);
</script>

<script type="text/javascript">
(function($) {
    $(function() {
        $('dl.tab').on('click', 'dt', function() {
            $(this).addClass('active').siblings().removeClass('active');
        }).children('dd').each(function() {
            $(this).wrapInner('<div class="tab-content"></div>');
        });
    });
}(jQuery));
</script>



<div class="procedure2">

    <div class="page-navigation-tovar">
        <ul>
            <nav class="woocommerce-breadcrumb">
                <li><a href="/#tops">Салон красоты ФиФа</a></li>&nbsp;/&nbsp;{{prostopages.name_block}}</nav>
        </ul>
    </div>
</div>


<article>
<h1 class="blog">{{prostopages.name_block}}</h1>
  


{% if prostopages.uslugi %}

<div class="procedure">
<div class="display-uslugi">
<dl class="tab vertical active">
    <dt>
    <div class="service__title service__cosmetology">Косметический сервис</div>
    </dt>
    <dd><div class="tab-content">
   {% sitetree_menu from "menu_left_kosmeticheskij_servis" include "trunk" template "sitetree/myfifasalon/menu_left_kosmeticheskij_servis.html" %} 
    </div></dd>
    <dt>
    <div class="service__title service__nail">Ногтевой сервис</div>
    </dt>
    <dd><div class="tab-content">
   {% sitetree_menu from "menu_right_nogtevoj_servis" include "trunk" template "sitetree/myfifasalon/menu_right_nogtevoj_servis.html" %} 
    </div></dd>
    <dt class="active2">
    <div class="service__title service__tonsorial">Парикмахерский сервис</div>
    </dt>
    <dd><div class="tab-content">
   {% sitetree_menu from "menu_right_parihmaherskij_servis" include "trunk" template "sitetree/myfifasalon/menu_right_parihmaherskij_servis.html" %} 
    </div></dd>
    <dt class="active2">
    <div class="service__title service__solyari">Коллариум - Солярий</div>
    </dt>
    <dd><div class="tab-content">
    {% sitetree_menu from "menu_left_kollarium" include "trunk" template "sitetree/myfifasalon/menu_left_kollarium.html" %}
    </div></dd>
</dl>
</div>
</div>
{% endif %}


<div class="clear"></div>

<div class="procedure">

{% if prostopages.image %}
<a href="/media/{{prostopages.image}}" {% if prostopages.title %} title="{{prostopages.title}}" {% else %}{% endif %}>
   <img src="/media/{{ prostopages.image }}" style="float: left;margin: 0px 20px 0px 0px" {% if prostopages.alt %} alt="{{prostopages.alt}}" {% else %}{% endif %}> 
</a><br>
{% else %}{% endif %}

{{prostopages.text_block|safe}}



<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="/dev_static/js/map-contacts.js" type="text/javascript"></script>
</div>


</article>




{% include "menu-right.html" %}
{% include "footer.html" %}
{% endblock %}