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

{% 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-no-pjax.html" %}




<div class="procedure2">

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



<div class="procedure">
    <h1 class="page">Мастера</h1>
</div>





    <link rel="stylesheet" href="{% static "/production/gallery/layout.css"%}">

    <script type="text/javascript" src="{% static "/production/gallery/jquery.isotope.min.js"%}"></script>
    <script type="text/javascript" src="{% static "/production/gallery/jquery.colio.min.js"%}"></script>
    
    <script type="text/javascript">
        $(document).ready(function(){

            $('.portfolio .list').colio({
                id: 'demo_1',
                theme: 'black',
                placement: 'inside',
                hiddenItems: '.isotope-hidden',
            });
            
            // "isotope" plugin
            var filter = '*', isotope_run = function(f) {
                var list = $('.portfolio .list').isotope({layoutMode : 'fitRows', filter: f});
                list.children().css({top: 0, left: 0});
                window.setTimeout(function(){
                    list.trigger('colio','excludeHidden');
                }, 25);
            };
            
            isotope_run(filter);            
            
        });
    </script>




    
<div class="sixteen columns masters_block_wrapper">


    <div class="portfolio clearfix">
        <ul class="list">

{% for master in prostopages.master.all %}
            <li class="masters_all" data-content="#colio_c{{master.id}} ">
                <div class="thumb">

                <a class="colio-link" href="#">
                    <img src="/media/{{master.image}}" style="float:none">
                    <div class="master_block_krug">
                        <div class="master_block_strelka"></div>
                    </div>
                </a>


                </div>
                <div class="master_block_kratko">
                    <div class="master_block_name">
                        {{master.name_block|safe}} 
                    </div>
                    <div class="master_block_speciya">
                        {% if master.text_block %} 
                            {{master.text_block|safe}} 
                        {% endif %} 
                    </div>
                </div>
            </li>
{% endfor %}

        </ul>
        <!-- list -->
    </div>

{% for master in prostopages.master.all %}
    <!-- portfolio -->
   
    <div id="colio_c{{master.id}}" class="colio-content ">
    <div class="master_block_wrapper_hidden_content">
           {% if master.text_block2 %}
                   <div class="master_block_zagolovok"> 
                        Специализация:
                    </div>
                    <div class="master_block_text">
                        {{master.text_block2|safe}} 
                    </div>
                 
                {% endif %} 
        
                {% if master.text_block3 %}
                    -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
                   <div class="master_block_zagolovok">
                        Образование и курсы:
                    </div>
                    <div class="master_block_text">
                        {{master.text_block3|safe}}
                    </div>
                 
                {% endif %} 
        
                {% if master.text_block4 %}
                   -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
                    <div class="master_block_zagolovok">
                        Стаж работы: <span class="master_block_text">
                        {{master.text_block4|safe}}
                    </span>
                    </div>
                {% endif %}
            
                {% if master.image_diplom.all %}
                -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
                    <div class="master_block_zagolovok">
                        Дипломы и сертификаты:
                    </div>
                    
                    <div class="master_block_sertificat_table">
                        {% for image_diplom in master.image_diplom.all %}
                            <a data-fancybox="gallery" href="/media/{{image_diplom.image}}" class="fancybox" rel="fancybox">
                                <div class="master_block_sertificat_table_block">
                                {% thumbnail image_diplom.image "x200" crop="center" as im %}
                                    <img src="{{ im.url }}">
                                {% endthumbnail %}
                                </div>
                            </a> 
                        {% endfor %}
                    </div> <br>
                {% endif %}
    </div>
    </div>
    <!-- colio-content # colio_c1 -->

 {% endfor %}
</div>



<!--  -->

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