<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://ogp.me/ns#">
<head>
    
    <meta name="robots" content="index,follow">
    
    <title>Місто — Платформа</title>

    
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="document-state" content="state">
    <meta name="revisit-after" content="1 days">
    
    
    <meta name="twitter:card" content="summary">
    <meta property="twitter:title" content=""/>
    <meta property="twitter:image" content="https://platfor.ma/images/doc/3/0/30674c0-bike.png"/>
    <meta property="twitter:description"  content="Місто"/>
    
    <meta property="fb:app_id" content="275965892577046">
    
    
    <meta property="og:title" content=""/>
            <meta property="og:type" content="article"/>
            <meta property="og:url" content="https://platfor.ma/rus/magazine/text-sq/pb/"/>
            <meta property="og:image" content="https://platfor.ma/misc/dev/images/01.jpg"/>
            <meta property="og:site_name" content="Платформа"/>
            <meta property="og:description"  content=""/>
    
    <meta name="relap-image" content="https://platfor.ma/images/doc/b/b/bbddf51-small.png">
    <meta name="google-signin-clientid" content="443311981085-3sckbg2aqqgehkuidg07vlva3lf27d5o.apps.googleusercontent.com" />
    <meta name="google-signin-scope" content="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read" />
    <meta name="google-signin-requestvisibleactions" content="//schemas.google.com/AddActivity" />
    <meta name="google-signin-cookiepolicy" content="single_host_origin" />
    <meta name="yandex-verification" content="b4eef8cee34d626d" />
    <link href="https://platfor.ma/misc/dev/css/all.css?v=1.6.4" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://platfor.ma/misc/dev/css/jquery.calendarPicker.css?v=1.0.0" type="text/css" />
<link rel="SHORTCUT ICON" href="https://platfor.ma/favicon.ico">
    <script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery-1.8.3.min.js?v=1.0.0"></script>
<!--<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery-1.10.2.min.js"></script>-->

<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.isotope.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.mousewheel.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.calendarPicker.js?v=1.0.1"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.isotope.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/select.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.main.js?v=1.0.3"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/sly.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/animatescroll.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.scrollTo-min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.cookie.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/tinymce/tinymce.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery-ui-1.10.4.custom.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery-ui-timepicker-addon.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/jquery.form.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/parsley.min.js?v=1.0.0"></script>
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/buy_ticket.js?v=1.2.0"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>




    <script type="text/javascript" src="https://platfor.ma/misc/dev/js/audioplayer.min.js?v=1.0.0"></script>
    <script>

        $( window ).load(function() {
            $( 'audio' ).audioPlayer();
        });
    </script>

    <link title="" type="application/rss+xml" rel="alternate" href="https://platfor.ma/rss/" />

    <div id="fb-root"></div>


    <script type="text/javascript">
        function getCookie(name) {
            var matches = document.cookie.match(new RegExp(
                    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
            ));
            return matches ? decodeURIComponent(matches[1]) : undefined;
        }
        function twitterlogin() {
            $('<input type="hidden" id="rereg"  name="rereg" value="' + getCookie('platforma_user_id') + '"  />').fadeIn('slow').appendTo('.chlbl');
            openpopupcheck();
        }
        function googlelogin() {
            $('<input type="hidden" id="rereg"  name="rereg" value="' + getCookie('platforma_user_id') + '"  />').fadeIn('slow').appendTo('.chlbl');
            openpopupcheck();
        }
        window.fbAsyncInit = function() {
        FB.init({appId: 275965892577046,
        xfbml: true,
        status: true,
        cookie: true,
        version: 'v2.1' });
        };
        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
                js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_GB/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        function fb_login(){
            FB.login(function(response) {
                if (response.authResponse) {
                    access_token = response.authResponse.accessToken; //get access token
                    user_id = response.authResponse.userID; //get FB UID

                    FB.api('/me', function(response) {
                        user_email = response.email; //get user email

                        $.post("https://platfor.ma/ajax/type_fb-registration", { name : response.name, fb_id: response.id, email:user_email },
                                function(data){
                                    if (data){
                                        if (data == "false"){

                                            window.location.reload();
                                        }else {
                                    var cookieName = 'platforma_user_id';
                                    var cookieValue = data;
                                    var myDate = new Date();
                                    myDate.setMonth(myDate.getMonth() + 12);
                                    document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate
                                            + ";domain=.platfor.ma;path=/";

                                    var cookieName1 = 'platforma_user_name';
                                    var cookieValue1 = response.name;

                                    document.cookie = cookieName1 +"=" + cookieValue1 + ";expires=" + myDate
                                            + ";domain=.platfor.ma;path=/";

                                            $('<input type="hidden" id="rereg"  name="rereg" value="' + data + '"  />').fadeIn('slow').appendTo('.chlbl');
                                            openpopupcheck();
                                        }

                                    }

                                }
                        );
                    });

                } else {
                    //user hit cancel button
                    console.log('User cancelled login or did not fully authorize.');
                }
            }, {
                scope: 'publish_stream,email'
            });
        }
        function fb_logout(){
            window.location.reload();
        }

        function checkboxvalid(){

            var i=0;

            $('.popup-holder.reg-popup-check .chlbl label').each(function(){


                var this_el = $(this).find('input');
                var this_url = this_el.attr('checked');
                if (this_url){ i=i+1; }
              });

            if(i>=3) {
                $(".popup-holder.reg-popup-check .chlbl input:checkbox:not(:checked)").attr("disabled", true);
            }else { $(".popup-holder.reg-popup-check .chlbl input:checkbox:not(:checked)").removeAttr("disabled"); }
            return true;
        }

        function openpopupcheck(){
            $('.reg-popup-check').css({"display":"none", "top":"0", "left":"0"});
            $('.reg-popup-check').show();
            $('.reg-popup').hide();
            $('.login-popup').hide();
        }
    </script>

    <!-- (C)2000-2014 Gemius SA - gemiusAudience / platfor.ma / Glavnaja stranica sajta -->
    <script type="text/javascript">
        <!--//--><![CDATA[//><!--
        var pp_gemius_identifier = 'bDGVJJSJJVjUcDv6LhyIzIZR.h6FUsezdDHMZmR_xRb.w7';
        // lines below shouldn't be edited
        function gemius_pending(i) {
            window[i] = window[i] || function() {
                        var x = window[i+'_pdata'] = window[i+'_pdata'] || []; x[x.length]=arguments;
                    };
        };
        gemius_pending('gemius_hit'); gemius_pending('gemius_event'); gemius_pending('pp_gemius_hit'); gemius_pending('pp_gemius_event');
        (function(d,t) {
            try {
                var gt=d.createElement(t),s=d.getElementsByTagName(t)[0],l='http'+((location.protocol=='https:')?'s':''); gt.setAttribute('async','async');
                gt.setAttribute('defer','defer'); gt.src=l+'://ua.hit.gemius.pl/xgemius.js'; s.parentNode.insertBefore(gt,s);
            } catch (e) {

            }
        })(document,'script');
        //--><!]]>
    </script>

    
    
    <meta name="google-site-verification" content="J4b5jA1JlURFJav3twJNHgBq3DOJMiqmPvIqecwq0QA" />
<!-- GOOGLE DFP ADS -->

<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') + 
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/19398422/platfor.ma_GOLOVNA_blok_afisha_280x93', [280, 93], 'div-gpt-ad-1426977882027-0').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_GOLOVNA_blok_afisha_356x250', [356, 250], 'div-gpt-ad-1426977882027-1').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_GOLOVNA_blok_pid_stattyamy_1200x95', [1200, 95], 'div-gpt-ad-1426977882027-2').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_GOLOVNA_blok_pid_stattyamy_1200x95_2', [1200, 95], 'div-gpt-ad-1426977882027-3').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_PIDTEKSTOM_1', [720, 320], 'div-gpt-ad-1426977882027-4').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_PIDTEKSTOM_2', [720, 320], 'div-gpt-ad-1426977882027-5').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_PIDTEKSTOM_3', [720, 320], 'div-gpt-ad-1426977882027-6').addService(googletag.pubads());
googletag.defineSlot('/19398422/platfor.ma_VSI_topline_vverhu_rezynoviy', [990, 90], 'div-gpt-ad-1426977882027-7').addService(googletag.pubads());
googletag.defineSlot('/19398422/Platfor.ma_Main_1st_screen', [240, 400], 'div-gpt-ad-1434457076486-0').addService(googletag.pubads());
googletag.defineSlot('/19398422/Platfor.ma_Main_2nd_screen', [240, 400], 'div-gpt-ad-1434458101438-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>

<!-- close GOOGLE DFP ADS -->


<!--Блок подключения библиотеки скриптов Admixer-->
<script type='text/javascript'>
(function () {
	var w = window, d = document;
	w.admixZArr = (w.admixZArr || []);
	w.admixerSmOptions = (w.admixerSmOptions || {});
	w.admixerSmOptions.showAdsOnLoad = true;
	if (!w.admixerSm) {
	    var adms = document.createElement('script');
	    adms.async = true;
	    adms.type = 'text/javascript';
	    adms.src = 'http://cdn.admixer.net/scriptlib/asm2.js?v=3';
	    var node = d.getElementsByTagName('script')[0];
	    node.parentNode.insertBefore(adms, node);
	}
})();
</script>		
<!--Конец блока подключения библиотеки скриптов Admixer-->



<!-- Код программы Goal для трекинга поведения подписчиков Mailchimp -->
<script type="text/javascript">
	var $mcGoal = {
'settings':;
	(function() {
		 var sp = document.createElement('script'); sp.type = 'text/javascript'; sp.async = true; sp.defer = true;
		sp.src = ('https:' == document.location.protocol ? 'https://s3.amazonaws.com/downloads.mailchimp.com' : 'http://downloads.mailchimp.com') + '/js/goal.min.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sp, s);
	}
)();
</script>
<!-- Закрыть Код программы Goal для трекинга поведения подписчиков Mailchimp -->



<!-- Yandex.Metrika counter -->
<script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter26933025 = new Ya.Metrika({id:26933025, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/26933025" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->


<meta property="fb:pages" content="146386825386501" />
</head>
<body  >

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PKGGNJ"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-PKGGNJ');</script>
<!-- End Google Tag Manager --> 
    <div id="wrapper" class="only-fixed">
        <!-- Header-->
<style>
    .tips {
        padding: 0 10px;
        float: left;
        font: 15px/20px 'proxima_nova_rgbold';
        text-transform: uppercase;
        letter-spacing: 1px;
        color: red;
    }

    .tips1 {
        padding: 0 10px;
        float: left;
        font: 15px/20px 'proxima_nova_rgbold';
        text-transform: uppercase;
        letter-spacing: 1px;
        color: red;
        top: -20px;
        position: relative;
    }
</style>

<script type="text/javascript">
    jQuery(document).ready(function () {
        var min_logo = $('.min-logo img').attr("src");
        if (min_logo) {
            var min_logo2 = min_logo.length;
            if (min_logo2 > 0) {
                $('.name-bers').addClass('active');
            }
        }

        if ($('.img_logo_part').length > 0) {
            $('.name-bers').addClass('active');
        }

        $('input#pass').click(function () {

            $('.rem-psw').fadeIn();
        });

        $('input#pass').blur(function () {
            var val = $(this).val();
            if (val.length > 5 && val != '') {
                $(this).removeClass('error2').addClass('not_error2');
                $(this).css('border', '1px solid #008000');
            }
            else {
                $(this).removeClass('not_error2').addClass('error2');
                $(this).css('border', '1px solid #FF0000');
            }
            $('.rem-psw').fadeOut();
        });
        /*
         $('#btnRegistration').click(function(e){

         });
         */
        $('.opener-reg-popup').click(function () {
            $('.reg-popup .input-field').val('');
            $('.reg-popup .input-field').css('border', '0');
            $('#eror1').css('display', 'none');
            $('#eror2').css('display', 'none');
        });
        $('.opener-login-popup').click(function () {
            $('.login-popup .input-field').val('');
            $('.login-popup .input-field').css('border', '0');
            $('#eror3').css('display', 'none');
        });
        $('.opener-rem-popup').click(function () {
            $('.remind-popup .input-field').val('');
            $('.remind-popup .input-field').css('border', '0');
            $('#eror4').css('display', 'none');
        });

        $('#btnRegistration').click(function (e) {
            //console.log(1);
            $('#eror1').css('display', 'none');
            $('#eror2').css('display', 'none');
            if ($('#relog').val().length < 4 || $('#readdr').val().length < 4 || $('#repass').val().length < 6) {

                e.preventDefault();
            }
            else

                $.post("/ajax/type_registration", {
                            rename: $('#rename').val(),
                            resurname: $('#resurname').val(),
                            relog: $('#relog').val(),
                            readdr: $('#readdr').val(),
                            repass: $('#repass').val()
                        },
                        function (data) {
                            if (data == 1) $('#eror1').css('display', '');
                            else if (data == 2) $('#eror2').css('display', '');
                            else {

                                $('<input type="hidden" id="rereg"  name="rereg" value="' + data + '"  />').fadeIn('slow').appendTo('.chlbl');
                                openpopupcheck();
                            }//$('.btn-submit1').click();

                            e.preventDefault();

                        });
            e.preventDefault();
        });
        $('.popup-holder.reg-popup-check form').submit(function (e) {
            var i = 0;
            $('.popup-holder.reg-popup-check .chlbl label').each(function () {
                var this_el = $(this).find('input');
                var this_url = this_el.attr('checked');
                if (this_url) {
                    i = i + 1;
                }
            });

            if (i < 1) {
                //e.preventDefault();
            } else

                $.post("/ajax/type_add-check", {

                            recheck_biz: $('#recheck_biz').prop("checked"),
                            recheck_rek: $('#recheck_rek').prop("checked"),
                            recheck_diz: $('#recheck_diz').prop("checked"),
                            recheck_it: $('#recheck_it').prop("checked"),
                            recheck_nau: $('#recheck_nau').prop("checked"),
                            recheck_urb: $('#recheck_urb').prop("checked"),
                            recheck_foto: $('#recheck_foto').prop("checked"),
                            recheck_kino: $('#recheck_kino').prop("checked"),
                            recheck_mis: $('#recheck_mis').prop("checked"),
                            reg: $('#rereg').val()

                        },
                        function (data) {

                            window.location.reload();
                            $('.reg-popup-check').hide();
                            e.preventDefault();

                        });

            e.preventDefault();

        });

        $('#btnLogin').click(function (e) {
            $('#eror3').css('display', 'none');
            if (($('#log').val().length < 4) || ($('#pass').val().length < 6)) {
                e.preventDefault();
            }
            else
                $.post("/ajax/type_loginform",
                        {"log": log.value, "pass": pass.value},
                        function (data) {
                            if (data == log.value) location.reload();
                            else $('#eror3').css('display', '');
                        });
            e.preventDefault();
        });

        $('#btnRemind').click(function (e) {
            $('#eror4').css('display', 'none');
            if ($('#remaddr').val().length < 4) {
                $('#remaddr').css('border', '1px solid #FF0000');
                e.preventDefault();
            }
            else
                $.post("/ajax/type_remindform",
                        {"remaddr": remaddr.value},
                        function (data) {
                            if (data == 1) $('#eror4').css('display', '');
                            else $('#eror5').css('display', '');
                            e.preventDefault();
                        });

            e.preventDefault();
        });

        $('input#relog, input#readdr, input#repass, input#remaddr, input#log').unbind().blur(function () {
            var id = $(this).attr('id');
            var val = $(this).val();
            switch (id) {
                    // Проверка поля "??мя"
                case 'relog':
                    if (val.length > 3 && val != '') {
                        $(this).removeClass('error2').addClass('not_error2');
                        $(this).css('border', '1px solid #008000');
                    }
                    else {
                        $(this).removeClass('not_error2').addClass('error2');
                        $(this).css('border', '1px solid #FF0000');
                    }
                    break;

                case 'remaddr':
                    if (val.length > 3 && val != '') {
                        $(this).removeClass('error2').addClass('not_error2');
                        $(this).css('border', '1px solid #008000');
                    }
                    else {
                        $(this).removeClass('not_error2').addClass('error2');
                        $(this).css('border', '1px solid #FF0000');
                    }
                    break;

                case 'log':
                    if (val.length > 4 && val != '') {
                        $(this).removeClass('error2').addClass('not_error2');
                        $(this).css('border', '1px solid #008000');
                    }
                    else {
                        $(this).removeClass('not_error2').addClass('error2');
                        $(this).css('border', '1px solid #FF0000');
                    }
                    break;

                case 'readdr':

                    if (val.length > 4 && val != '') {
                        $(this).removeClass('error2').addClass('not_error2');
                        $(this).css('border', '1px solid #008000');
                    }
                    else {
                        $(this).removeClass('not_error2').addClass('error2');
                        $(this).css('border', '1px solid #FF0000');
                    }
                    break;

                case 'repass':

                    if (val.length > 5 && val != '') {
                        $(this).removeClass('error2').addClass('not_error2');
                        $(this).css('border', '1px solid #008000');
                    }
                    else {
                        $(this).removeClass('not_error2').addClass('error2');
                        $(this).css('border', '1px solid #FF0000');
                    }
                    break;
            }
        }); // end blur()
        function clickRemind() {
            $('.opener-rem-popup');
        }

        function clickPotok() {
            $('.main-nav li:last-child a').click(function () {
                $('.main-nav li').removeClass('active');
                if ($('.main-nav li .drop').hasClass('active')) {
                    $('.main-nav li .drop').removeClass('active');
                } else {
                    $('.main-nav li .drop').addClass('active');
                    $('.main-nav li:last-child').addClass('active');
                }
            });
            return false;
        }

        function clickProject() {
            $('.top-panel .nav li:last-child a').click(function () {
                if ($(this).parent().hasClass('active')) {
                    $(this).parent().removeClass('active');
                } else {
                    $(this).parent().addClass('active');
                }
//            return false;
            });
        }

        clickPotok();
        clickProject();
    });


</script>
<style type="text/css">
    ::selection {

    background: {
        RGBA2
    }

    ; /* Safari */
    color:#fff

    ;
    }
    ::-moz-selection {

    background: {
        RGBA2
    }

    ; /* Firefox */
    color:#fff

    ;
    }
    .blockquote:before {

    color: {
        RGBA2
    }

    ;
    }
</style>






<div class="section">
    <div id="header">

        
        <div class="top-panel">
            <div class="fixed-top-panel article-stickermenu">
                <div class="align-center">
                    <a href="https://platfor.ma" class="logo"><img src="/misc/dev/images/bg-img/beta-hover.gif" width="136" height="108" alt="Platforma"></a>

                    <!--<div class="city"> <span>Київ</span> <div class="city-list"> <i class="close"></i> <ul> <li class="active"><a href="#">Київ</a></li> <li><a href="#">Одеса</a></li> <li><a href="#">Львів</a></li> <li><a href="#">Харків</a></li> </ul> </div> </div>--> <style> .top-panel .fb { position: absolute; top: -101px; left: 50%; white-space: nowrap; width: 300px; margin: 0 0 0 -669px; text-transform: uppercase; font: 12px/20px 'proxima_nova_rgbold'; } .only-fixed .top-panel .fb, .fixed .top-panel .fb{ width:auto; float:left; margin:13px 38px 0 0; position:relative; top:0; left:0; font-size:12px; display:none; } </style> <div class="fb"> <div class="fb-like" data-href="https://www.facebook.com/platformaua" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> </div>


                    <script language="JavaScript" src="https://platfor.ma/misc/auth.php?lang=ukr" type="text/javascript"></script>

                    <ul class="network-list network-list network-top-indent fix2"> <li> <span class="iframe-wrap"> <div id="fb-root"></div> <script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id; //#xfbml=1&appId=271645993009173
        js.src = "//connect.facebook.net/uk_UA/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script> <div class="fb-share-button" data-type="button_count"></div> </span><span class="name like-name">like</span> </li> <li><span class="iframe-wrap"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Tweet</a> <script>!function(d,s,id)
            {var js,fjs=d.getElementsByTagName(s)[0];
            if(!d.getElementById(id))
            {js=d.createElement(s);
            js.id=id;js.src="https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js,fjs);}


            }(document,"script","twitter-wjs");
</script> </span><span class="name tweet-name">tweet</span></li> <li><span class="iframe-wrap"><div class="g-plusone" data-size="med.ma"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js">
                                {lang: 'uk'}
                            </script> </span><span class="name google-name">+</span></li> </ul>
                </div>
            </div>
            <div class="spec_projects_panel">
                <a href="https://platfor.ma">
                    <img src="/images/plashka_old_web.png">
                </a>
            </div>
            
        </div>
    </div>
</div>


<div class="top-ads-wrap">
    <div class="top-img-wrap">
        <div class="top-ads-holder">
            <div class="top-img" style="height: 500px;">
                <img src="/images/doc/3/0/30674c0-bike.png" alt="">
            </div>
        </div>
    </div>
    <div class="slogan-wrap">
        <span class="bg-slogan user-background-color" style="background-color: rgba(253, 205, 33, 0.5);"></span>

        <!--<div class="blur-wrap" style="top: -350px; height: 500px;">
            <img src="/images/doc/3/0/30674c0-bike.png" width="1540" height="622" alt="" style="">
        </div>-->

        <span class="text user-color" ><span class="name-bers" style="color: ">Місто</span><a href=""
                                                                                                                         target="_blank"></span>
    </div>
</div>


<!-- End Header-->
<!-- Main-->
<!-- Popups-->
<div id="we" class="popup-holder login-popup">
    <div class="bg"></div>
    <form action="#" autocomplete="off" class="popup">

        <h3>ВХІД</h3>
        <a class="opener-reg-popup" href="#">ЗАРЕЄСТРУВАТИСЬ</a>
        <div class="tips1" id="eror3" style="display: none ">Невірний логін або пароль</div>
        <a class="input-network fb-network" href="#" onclick="fb_login();">fb</a>
        <a class="input-network tw-network" href="#"
           onClick="window.open('https://platfor.ma/auth-twitter/', '_blank', 'Toolbar=0, Scrollbars=1, Resizable=0, Width=640, resize=no, Height=480');">tw</a>
        <a class="input-network gl-network" href="#"
           onClick="window.open('https://accounts.google.com/o/oauth2/auth?redirect_uri=https://platfor.ma/auth-google/&response_type=code&client_id=443311981085-3sckbg2aqqgehkuidg07vlva3lf27d5o.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile', '_blank', 'Toolbar=0, Scrollbars=1, Resizable=0, Width=640, resize=no, Height=480');">g+</a>
        <input id="log" autocomplete="off" class="input-field" type="text" placeholder="Логін:" value=""/>
        <div class="holder">
            <input id="pass" autocomplete="off" class="input-field passw" type="password" placeholder="Пароль:" value=""/>
            <a class="rem-psw opener-rem-popup" href="#">Нагадати?</a>
        </div>
        <input class="btn-submit" value="УВІЙТИ" type="submit" id="btnLogin"/>

    </form>
</div>
<div id="rem" class="popup-holder remind-popup">
    <div class="bg"></div>
    <form action="#" autocomplete="off" class="popup">
        <fieldset>
            <h3>ВІДНОВИТИ ПАРОЛЬ</h3>
            <div class="tips" id="eror4" style="display: none ">Невірний e-mail</div>
            <div class="tips" id="eror5" style="display: none ">Пароль відправлено</div>
            <input id="remaddr" class="input-field" type="text" placeholder="Ел. адреса:" value=""/>
            <input id="btnRemind" type="submit" class="btn-submit" value="НАДІСЛАТИ"/>
        </fieldset>
    </form>
</div>
<div class="popup-holder reg-popup">
    <div class="bg"></div>
    <form action="" autocomplete="off" class="popup">
        <fieldset>
            <h3>РЕЄСТРАЦІЯ</h3>
            <a class="opener-login-popup" href="#">ВХІД</a>
            <div class="tips" id="eror1" style="display: none ">Користувач з таким іменем уже зареєстрований</div>
            <div class="tips" id="eror2" style="display: none ">Користувач з такою адресою уже зареєстрований</div>
            <a class="input-network fb-network" href="#" onclick="fb_login();">fb</a>
            <a class="input-network tw-network" href="#"
               onClick="window.open('https://platfor.ma/auth-twitter/', '_blank', 'Toolbar=0, Scrollbars=1, Resizable=0, Width=640, resize=no, Height=480');">tw</a>
            <a class="input-network gl-network" href="#"
               onClick="window.open('https://accounts.google.com/o/oauth2/auth?redirect_uri=https://platfor.ma/auth-google/&response_type=code&client_id=443311981085-3sckbg2aqqgehkuidg07vlva3lf27d5o.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile', '_blank', 'Toolbar=0, Scrollbars=1, Resizable=0, Width=640, resize=no, Height=480');">g+</a>
            <input id="rename" class="input-field" type="text" placeholder="Ім'я:" value=""/>
            <input id="resurname" class="input-field" type="text" placeholder="Прізвище:" value=""/>
            <input id="relog" class="input-field" type="text" placeholder="Логін:" value=""/>
            <input id="readdr" class="input-field" type="text" name="Email" placeholder="Ел. адреса:" value=""/>
            <input id="repass" class="input-field" type="password" placeholder="Пароль:" value=""/>
            <input id="btnRegistration" class="btn-submit" type="submit" value="ЗАРЕЄСТРУВАТИСЬ"/>
            <input class="btn-submit1" type="hidden"/>
        </fieldset>
    </form>
</div>
<div id="reg_check" class="popup-holder reg-popup-check">
    <div class="bg"></div>
    <form action="" autocomplete="off" class="popup popup-inner">
        <fieldset>
            <div class="chlbl">
                <div>Cфери інтересів</div>
                <div>Позначте три теми, що Вам цікаві</div>
                <label><input id="recheck_biz" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Бізнес</label>
                <label><input id="recheck_rek" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Реклама</label>
                <label><input id="recheck_diz" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Дизайн</label>
                <label><input id="recheck_it" onchange="checkboxvalid()" class="input-field" type="checkbox"/>ІТ</label>
                <label><input id="recheck_nau" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Наука</label>
                <label><input id="recheck_urb" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Урбаністика</label>
                <label><input id="recheck_foto" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Фото</label>
                <label><input id="recheck_kino" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Кіно</label>
                <label><input id="recheck_mis" onchange="checkboxvalid()" class="input-field" type="checkbox"/>Мистецтво</label>
            </div>
            <input id="btnRegistration" class="btn-submit" type="submit" value="ОК"/>
            <input class="btn-submit2" type="hidden"/>
        </fieldset>
    </form>
</div>

<!-- BEGIN block_download -->
<div id="download_event" class="popup-holder download-popup">
    <div class="bg"></div>
    <div class="popup">
        <h3>Завантажити квиток</h3>
        

    </div>
    <!-- END block_download -->
</div>
<!-- Popups-->
<div id="do_event" class="popup-holder event-popup">
    <div class="bg"></div>
    <div class="popup">
        <h3 class="opener-reg-popup">Подію успішно додано на модерацію</h3>
        <input class="btn-submit" value="OK" type="button" id="">
    </div>
</div>
<div id="do_mod" class="popup-holder event-popup">
    <div class="bg"></div>
    <div class="popup">
        <h3 class="opener-reg-popup">Дані збережено</h3>
        <input class="btn-submit" value="OK" onclick="location.href='https://platfor.ma/mod/'" type="button" id="">
    </div>
</div>
<div class="content-wrapper zhurnal">
    <div id="main">
<style type="text/css">
    .network-list.network-top-indent{
        display: none;
    }
    .top-ads-wrap{
        margin-top: 100px;
    }
</style> 
<script language="JavaScript" type="text/javascript">
    $(document).ready(function(){
        $('.loader').parent().parent().hide();
        /*ajax*/
        /* Переменная-флаг для отслеживания того, происходит ли в данный момент ajax-запрос. В самом начале даем ей значение false, т.е. запрос не в процессе выполнения */
        var inProgress = false;
        /* С какой статьи надо делать выборку из базы при ajax-запросе */
        var startFrom = 6;

        var lang = "ukr";
        var parent = "46278";

        $(window).scroll(function() {

            if ($(window).scrollTop() >= $(document).height() - $(window).height() - 300 && !inProgress){

                $.ajax({

                    data: {
                        "startFrom" : startFrom,
                        "lang" : lang,
                        "parent" : parent,
                    },

                    /* адрес файла-обработчика запроса */
                    url: 'https://platfor.ma/ajax/type_zhurnal-text',
                    /* метод отправки данных */
                    method: 'GET',
                    /* данные, которые мы передаем в файл-обработчик */

                    beforeSend: function() {
                        /* меняем значение флага на true, т.е. запрос сейчас в процессе выполнения */

                        inProgress = true;}
                    /* что нужно сделать по факту выполнения запроса */
                }).done(function(data){
                            /* Если массив не пуст (т.е. статьи там есть) */
                            if (data.length > 0) {
                                /* Отбираем по идентификатору блок со статьями и дозаполняем его новыми данными */
                                $(".row a.tile-row:last").after(data);
                                /* По факту окончания запроса снова меняем значение флага на false */
                                inProgress = false;
                                // Увеличиваем на 7 порядковый номер статьи, с которой надо начинать выборку из базы
                                startFrom += 7;
                            }else{
                                $('.item-loader').parent().parent().hide();
                                $('.loader').parent().parent().show();
                            }
                        });
            }
        });
    });
</script>

<div class="section">
    <div class="row tile-item-list margin-top50">
        
        <a href="romero-yung/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/6/8/68d5880-romero-jung-2.png" alt="«Не розумне місто, а розумна країна»: розмова видатного архітектора з експертом з інновацій" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile">Елеонора Шатківська</div>
            </div>
            <div class="span span2">
                <div class="date">18 вересня 2017 <span class="autor"></span></div>
                <h3>«Не розумне місто, а розумна країна»: розмова видатного архітектора з експертом з інновацій</h3>
            </div>
        </a>
        
        <a href="shvetsiya-daye-yizdi/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/4/2/42508ce-280-186.jpg" alt="Дорогоцінна дорога: як автостради Швеції стали найбезпечнішими у світі" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile">Павло Федикович</div>
            </div>
            <div class="span span2">
                <div class="date">19 жовтня 2016 <span class="autor"></span></div>
                <h3>Дорогоцінна дорога: як автостради Швеції стали найбезпечнішими у світі</h3>
            </div>
        </a>
        
        <a href="shutki-ne-iz-marshrutki/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/b/d/bdad8e9-280-186.jpg" alt="Шутки не из маршрутки: как берлинский транспорт влюбил в себя соцсети и пассажиров" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile">Богдан Мифтахов</div>
            </div>
            <div class="span span2">
                <div class="date">10 вересня 2016 <span class="autor"></span></div>
                <h3>Шутки не из маршрутки: как берлинский транспорт влюбил в себя соцсети и пассажиров</h3>
            </div>
        </a>
        
        <a href="slavutich-urban/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/7/f/7fbad24-280-186.jpg" alt="Славутич пішов у школу: як студенти з різних країн дослідили наше унікальне місто" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile">Даша Кунец</div>
            </div>
            <div class="span span2">
                <div class="date">24 липня 2016 <span class="autor"></span></div>
                <h3>Славутич пішов у школу: як студенти з різних країн дослідили наше унікальне місто</h3>
            </div>
        </a>
        
        <a href="books-for-architects/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/b/d/bda5f18-280-186.jpg" alt="Читать подано: важные книги о жизни городов" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile"></div>
            </div>
            <div class="span span2">
                <div class="date">20 травня 2016 <span class="autor"></span></div>
                <h3>Читать подано: важные книги о жизни городов</h3>
            </div>
        </a>
        
        <a href="canactions2016/" class="tile-row">
            <div class="span span1">
                <img src="/images/doc/2/7/27bc126-280-186.jpg" alt="Построить планы: семь ярких событий архитектурного фестиваля CANactions" style="max-height: 190px;"/>
            </div>
            <div class="span span1">
                <div class="title-tile">Татьяна Соловей</div>
            </div>
            <div class="span span2">
                <div class="date">16 травня 2016 <span class="autor"></span></div>
                <h3>Построить планы: семь ярких событий архитектурного фестиваля CANactions</h3>
            </div>
        </a>
        
    </div>
    
    <div class="load-wrapper">
        <div class="load-holder">
            <div class="item-loader"></div>
        </div>
    </div>
    
    <div class="load-wrapper">
        <div class="load-holder">
            <div class="loader"></div>
        </div>
    </div>

</div>
</div>
<!--End  Main-->

<script language="JavaScript">
    function subscribMe() {
        $('.subscription-form .tips2').css('display','none');
        if ($('.subscription-text-wrap').text()=='') {
            $('#eror7').css('display','');
        }
        else
            $.post("/ajax/type_subscription",
                    { "emailaddr" : $('.subscription-text-wrap').text() },
                    function(data){
                        console.log(data);
                        //alert(data);
                        if (data==1){
                            $('#eror8').css('display','');
                        } else {
                            $('#eror9').css('display','');
                        }
                        $('.subscription-text-wrap').text('');
                    });

    }
    </script>
<!-- Footer-->
<div id="footer">
    <a href="https://platfor.ma">
        <img src="/images/plashka_old_web.png">
    </a>
    <div class="section">
        <div class="footer-holder">
            <div class="row margin50">
                <div class="span1">
                    <div class="tel" style="font-size: 0;">+380 (44) 361 2 163</div>
                </div>
                <div class="span2">
                    <ul class="menu">
                        
                        <li class="first"><a href="https://platfor.ma/about/">ПРО ПРОЕКТ</a></li>
                        
                        <li><a href="https://platfor.ma/advertising/">РЕКЛАМА</a></li>
                        
                        <li><a href="https://platfor.ma/organizers/">ОРГАНІЗАТОРИ</a></li>
                        
                    </ul>
                </div>
                <div class="span1">
                    <div class="by align-right" style="float: none"><a href="http://visualizers.com.ua" target="_blank">visualizers</a></div>
                    <div class="by align-right"><a href="http://www.yedynkadigital.com" target="_blank">YedynkaDGTL</a></div>
                </div>
            </div>
            <div class="row">
                <div class="span4 align-center">
                    <div class="copyrigt">
                        
                        Platfor.ma, 2010-2017</div>
                    <form style="display: none"></form>
                    <p class="margin50">Використання будь-яких матеріалів сайту заборонене без згоди <a href="/about/" target="_self">редакції</a> "Платформи".<br>Всі права на тексти, зображення і відео належать їхнім авторам. <a href="/rules/">Правила користування сайтом</a></p>
                    <a target="_blank" class="subscribed_link"  href="http://eepurl.com/cmSiT"> <span>ПІДПИСКА НА ДАЙДЖЕСТ PLATFOR.MA</span></a>
                    <!--<form action="#" class="subscription-form" style="min-height: 100%!important;">
                        <fieldset>
                            <div class="title">
                                <span>ПІДПИСКА НА ДАЙДЖЕСТ PLATFOR.MA</span>
                            </div>
                            <!--<div class="tips2" id="eror7" style="display: none ">Введіть Ваш email</div>
                            <div class="tips2" id="eror8" style="display: none ">Підписано, підтвердження відправлено на Ваш email!</div>
                            <div class="tips2" id="eror9" style="display: none ">Відбулася помилка</div>
                            <div class="subscription-row">
                                <div contenteditable="true" class="subscription-text-wrap">
                                    <input size="1" class="subscription-text"  type="hidden" value="" />
                                </div>
                                <input class="submit-btn" onclick="subscribMe(); return false;" value="submit" title="Отправить" />
                            </div>
                        </fieldset>
                    </form>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!--End  Footer-->
</div>
<!--End  Main-->
<script type="text/javascript" src="https://platfor.ma/misc/dev/js/audioplayer.min.js"></script>
<style>
    a.subscribed_link{
        text-decoration: underline;
        display: block;
        z-index: 9999;
        font: 12px/28px 'proxima_nova_rgbold';
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 0 20px;
    }
    a.subscribed_link:hover{
        opacity: 0.5;
    }
</style>
    </div>


</body>
</html>