{"id":212163,"date":"2014-02-17T08:15:03","date_gmt":"2014-02-17T04:15:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=212163"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=212163","title":{"rendered":"<span class=\"post_title\">\u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0448\u0430\u0431\u043b\u043e\u043d 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u043d\u0430 \u0431\u0430\u0437\u0435 Bootstrap \u0432\u0451\u0440\u0441\u0442\u043a\u0438<\/span>"},"content":{"rendered":"<div class=\"content html_format\">\n<h4>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h4>\n<p>  \u0423\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0439 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044c, \u0434\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u0441\u0443\u0442\u0438 \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/211032\/\">\u00ab\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0427\u0430\u0441\u0442\u044c 2 \u2014 Bootstrap\u00bb<\/a> \u0438 \u0437\u0434\u0435\u0441\u044c \u043c\u044b \u043e\u0442\u043e\u0439\u0434\u0451\u043c \u043e\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432\u0451\u0440\u0441\u0442\u043a\u0438, \u0437\u0430\u043d\u044f\u0432\u0448\u0438\u0441\u044c \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0435\u0439 HTML \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 CMS 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441.<\/p>\n<p>  \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u0425\u0430\u0431\u0440\u0430\u044e\u0437\u0435\u0440 <a href=\"http:\/\/habrahabr.ru\/users\/mirantus\/\" class=\"user_link\">Mirantus<\/a> \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043b \u0448\u0430\u0431\u043b\u043e\u043d <a href=\"http:\/\/www.pcklab.com\/item.php?id=16\">Corporate Blue<\/a> \u043e\u0442 \u0441\u0442\u0443\u0434\u0438\u0438 Pcklaboratory \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <a href=\"http:\/\/getbootstrap.com\/\">Bootstrap 3<\/a>.<\/p>\n<p>  <a name=\"habracut\"><\/a><\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/6f8\/c13\/29b\/6f8c1329b9daed544646698108998966.png\" alt=\"image\"\/><\/p>\n<p>  \u0414\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f <a href=\"https:\/\/github.com\/artoodetoo\/whitesquare-bootstrap\">\u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0444\u043e\u0440\u043a\u043e\u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f \u043d\u0430 GitHub<\/a>, \u043f\u0440\u0438\u0432\u0435\u0434\u0451\u043d\u043d\u043e\u0433\u043e \u0432 \u043a\u043e\u043d\u0446\u0435 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u043d\u0451\u043c \u0431\u044b\u043b\u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0430\u0433\u0438.<\/p>\n<h4>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u0430\u0440\u043a\u0430\u0441\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h4>\n<p>  \u0428\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u2013 \u044d\u0442\u043e \u043f\u0430\u043f\u043a\u0430 \u0441 \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432\u043d\u0443\u0442\u0440\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0448\u0430\u0431\u043b\u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d \u043a\u0430\u043a \u0447\u0435\u0440\u0435\u0437 \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 (\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441, \u043f\u043e FTP \u0438\u043b\u0438 SSH), \u0442\u0430\u043a \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0430\u0437\u0434\u0435\u043b\u0430.<\/p>\n<ul>\n<li>\u041f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432 \u043f\u0430\u043f\u043a\u0435 \/bitrix\/templates\/ \u0440\u0430\u0437\u0434\u0435\u043b, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 ID \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 whitesquare-bootstrap (<i>\u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0441\u0442\u0430\u0442\u044c\u0438 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 ID \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/i>).<\/li>\n<li>\u041f\u0435\u0440\u0435\u043d\u0435\u0441\u0451\u043c \u0432 \u043f\u0430\u043f\u043a\u0443 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043e\u0431\u0449\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b (JS, CSS, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0448\u0440\u0438\u0444\u0442\u044b) \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/326\/481\/b1f\/326481b1fd526275f57e7eb7eb5859e4.png\"\/>  <\/li>\n<li>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0441\u043e\u0437\u0434\u0430\u0442\u044c HTML \u043a\u0430\u0440\u043a\u0430\u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043d \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 2 \u0447\u0430\u0441\u0442\u0435\u0439, \u043a\u0430\u0436\u0434\u0430\u044f \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u043b\u0435\u0436\u0430\u0442\u044c \u0441 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 \u0432 \u043f\u0430\u043f\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430:\n<ul>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/header.php<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/footer.php<\/li>\n<\/ul>\n<p>  \u0415\u0441\u043b\u0438 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0448\u0430\u0431\u043b\u043e\u043d \u0447\u0435\u0440\u0435\u0437 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u0437\u0434\u0435\u043b 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 (<nobr>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438&gt;&gt;\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430&gt;&gt;\u0421\u0430\u0439\u0442\u044b&gt;&gt;\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0421\u0430\u0439\u0442\u043e\u0432<\/nobr>), \u0442\u043e \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0432 header.php \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u0451\u043d \u043e\u0442 footer.php \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0433\u0430 #WORK_AREA#.<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/8d6\/383\/e79\/8d6383e79e8f7fb7967894c889921387.png\"\/><br \/>  \u041c\u044b \u043b\u0435\u0433\u043a\u043e \u043c\u043e\u0436\u0435\u043c \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c (\u0442.\u0435. \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b):<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/a13\/bf1\/38c\/a13bf138c1c58621f95fbc14b49f4ce8.png\"\/><br \/>  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0434 index.html \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u043e \u0442\u0440\u0451\u043c \u0444\u0430\u0439\u043b\u0430\u043c:  <\/p>\n<ul>\n<li>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\/bitrix\/templates\/whitesquare-bootstrap\/header.php<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"html\">&lt;!DOCTYPE html&gt; &lt;html&gt;   &lt;head&gt;     &lt;title&gt;Whitesquare&lt;\/title&gt;     &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;     &lt;link href=&quot;css\/styles.css&quot; rel=&quot;stylesheet&quot;&gt; \t&lt;link href=&quot;http:\/\/fonts.googleapis.com\/css?family=Oswald:400,300&quot; rel=&quot;stylesheet&quot;&gt;     &lt;!--[if lt IE 9]&gt;       &lt;script src=&quot;https:\/\/oss.maxcdn.com\/libs\/html5shiv\/3.7.0\/html5shiv.js&quot;&gt;&lt;\/script&gt;       &lt;script src=&quot;https:\/\/oss.maxcdn.com\/libs\/respond.js\/1.3.0\/respond.min.js&quot;&gt;&lt;\/script&gt;     &lt;![endif]--&gt;   &lt;\/head&gt;   &lt;body&gt; \t&lt;div class=&quot;wrapper container&quot;&gt; \t\t&lt;header&gt; \t\t\t&lt;form name=&quot;search&quot; action=&quot;#&quot; method=&quot;get&quot; class=&quot;form-inline form-search pull-right&quot;&gt; \t\t\t\t&lt;div class=&quot;input-group&quot;&gt; \t\t\t\t\t&lt;label class=&quot;sr-only&quot; for=&quot;searchInput&quot;&gt;Search&lt;\/label&gt; \t\t\t\t\t&lt;input class=&quot;form-control&quot; id=&quot;searchInput&quot; type=&quot;text&quot; name=&quot;search&quot; placeholder=&quot;Search&quot;&gt; \t\t\t\t\t&lt;div class=&quot;input-group-btn&quot;&gt; \t\t\t\t\t\t&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;GO&lt;\/button&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt; \t\t\t&lt;\/form&gt;     \t\t&lt;a href=&quot;\/&quot;&gt;&lt;img src=&quot;images\/logo.png&quot; alt=&quot;Whitesquare logo&quot;&gt;&lt;\/a&gt; \t\t&lt;\/header&gt; \t\t&lt;nav class=&quot;navbar navbar-default&quot;&gt; \t\t\t&lt;ul class=&quot;nav navbar-nav&quot;&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/home\/&quot;&gt;Home&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;\/about\/&quot;&gt;About us&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/services\/&quot;&gt;Services&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/partners\/&quot;&gt;Partners&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/customers\/&quot;&gt;Customers&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/projects\/&quot;&gt;Projects&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/careers\/&quot;&gt;Careers&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;li&gt;&lt;a href=&quot;\/contact\/&quot;&gt;Contact&lt;\/a&gt;&lt;\/li&gt; \t\t\t&lt;\/ul&gt; \t\t&lt;\/nav&gt; \t\t&lt;div class=&quot;heading&quot;&gt; \t\t\t&lt;h1&gt;About us&lt;\/h1&gt; \t\t&lt;\/div&gt; \t\t&lt;div class=&quot;row&quot;&gt; \t\t\t&lt;aside class=&quot;col-md-7&quot;&gt; \t\t\t\t&lt;ul class=&quot;list-group submenu&quot;&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item active&quot;&gt;Lorem ipsum&lt;\/li&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;\/donec\/&quot;&gt;Donec tincidunt laoreet&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;\/vestibulum\/&quot;&gt;Vestibulum elit&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;\/etiam\/&quot;&gt;Etiam pharetra&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;\/phasellus\/&quot;&gt;Phasellus placerat&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;\/cras\/&quot;&gt;Cras et nisi vitae odio&lt;\/a&gt;&lt;\/li&gt; \t\t\t\t&lt;\/ul&gt; \t\t\t\t&lt;div class=&quot;panel panel-primary&quot;&gt; \t\t\t\t\t&lt;div class=&quot;panel-heading&quot;&gt;Our offices&lt;\/div&gt; \t\t\t\t\t&lt;div class=&quot;panel-body&quot;&gt; \t\t\t\t\t\t&lt;img src=&quot;images\/map.png&quot; class=&quot;img-responsive&quot; alt=&quot;Our offices&quot;&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt; \t\t\t&lt;\/aside&gt; \t\t\t&lt;section class=&quot;col-md-17&quot;&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <\/li>\n<li>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\/Index.php<\/b><\/p>\n<div class=\"spoiler_text\">(\u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438) \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043f\u043e\u043c\u0438\u043c\u043e Html \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432\u044b\u0437\u043e\u0432 header\u2019\u0430 \u0438 footer\u2019\u0430 (\u043e\u043d\u0438 \u0441\u043e\u0437\u0434\u0430\u0434\u0443\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0435\u0441\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441):  <\/p>\n<pre><code class=\"html\">&lt;?require($_SERVER[&quot;DOCUMENT_ROOT&quot;].&quot;\/bitrix\/header.php&quot;);?&gt;   \t\t\t\t&lt;div class=&quot;jumbotron&quot;&gt; \t\t\t\t\t&lt;blockquote&gt; \t\t\t\t\t\t&lt;p&gt; \t\t\t\t\t\t\t&ldquo;Quisque in enim velit, at dignissim est. nulla ul corper, dolor ac pellentesque \t\t\t\t\t\t\tplacerat, justo tellus gravida erat, vel porttitor libero erat.&rdquo; \t\t\t\t\t\t&lt;\/p&gt; \t\t\t\t\t\t&lt;small&gt;John Doe, Lorem Ipsum&lt;\/small&gt; \t\t\t\t\t&lt;\/blockquote&gt; \t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;p&gt; \t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non neque ac sem accumsan rhoncus ut \t\t\t\t\tut turpis. In hac habitasse platea dictumst. Proin eget nisi erat, et feugiat arcu. Duis semper \t\t\t\t\tporttitor lectus, ac pharetra erat imperdiet nec. Morbi interdum felis nulla. Aenean eros orci, \t\t\t\t\tpellentesque sed egestas vitae, auctor aliquam nisi. Nulla nec libero eget sem rutrum iaculis. \t\t\t\t\tQuisque in enim velit, at dignissim est. Nulla ullamcorper, dolor ac pellentesque placerat, justo \t\t\t\t\ttellus gravida erat, vel porttitor libero erat condimentum metus. Donec sodales aliquam orci id \t\t\t\t\tsuscipit. Proin sed risus sit amet massa ultrices laoreet quis a erat. Aliquam et metus id erat \t\t\t\t\tvulputate egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus \t\t\t\t\tmus. \t\t\t\t&lt;\/p&gt; \t\t\t\t&lt;p&gt; \t\t\t\t\tDonec vel nisl nibh. Aenean quam tortor, tempus sit amet mattis dapibus, egestas tempor dui. Duis \t\t\t\t\tvestibulum imperdiet risus pretium pretium. Nunc vitae porta ligula. Vestibulum sit amet nulla quam. \t\t\t\t\tAenean lacinia, ante vitae sodales sagittis, leo felis bibendum neque, mattis sagittis neque urna \t\t\t\t\tvel magna. Sed at sem vitae lorem blandit feugiat. \t\t\t\t&lt;\/p&gt; \t\t\t\t&lt;p&gt; \t\t\t\t\tDonec vel orci purus, ut ornare orci. Aenean rutrum pellentesque quam. Quisque gravida adipiscing \t\t\t\t\taugue, eget commodo augue egestas varius. Integer volutpat, tellus porta tincidunt sodales, lacus \t\t\t\t\test tempus odio, fringilla blandit tortor lectus ut sem. Pellentesque nec sem lacus, sit amet \t\t\t\t\tconsequat neque. Etiam varius urna quis arcu cursus in consectetur dui tincidunt. Quisque arcu orci, \t\t\t\t\tlacinia eget pretium vel, iaculis pellentesque nibh. Etiam cursus lacus eget neque viverra \t\t\t\t\tvestibulum. Aliquam erat volutpat. Duis pulvinar tellus ut urna facilisis mollis. Maecenas ac \t\t\t\t\tpharetra dui. Pellentesque neque ante, luctus eget congue eget, rhoncus vel mauris. Duis nisi magna, \t\t\t\t\taliquet a convallis non, venenatis at nisl. Nunc at quam eu magna malesuada dignissim. Duis bibendum \t\t\t\t\tiaculis felis, eu venenatis risus sodales non. In ligula mi, faucibus eu tristique sed, vulputate \t\t\t\t\trutrum dolor. \t\t\t\t&lt;\/p&gt; \t\t\t\t&lt;div class=&quot;row&quot;&gt; \t\t\t\t\t&lt;div class=&quot;col-md-12&quot;&gt; \t\t\t\t\t\t&lt;img src=&quot;images\/about-1.png&quot; alt=&quot;&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t&lt;div class=&quot;col-md-12&quot;&gt; \t\t\t\t\t\t&lt;img src=&quot;images\/about-2.png&quot; alt=&quot;&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;h2&gt;Our team&lt;\/h2&gt; \t\t\t\t&lt;div class=&quot;team&quot;&gt; \t\t\t\t\t&lt;div class=&quot;row&quot;&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Doe.jpg&quot; alt=&quot;John Doe&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;John Doe&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;ceo&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Pittsley.jpg&quot; alt=&quot;Saundra Pittsley&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Saundra Pittsley&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;team leader&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Simser.jpg&quot; alt=&quot;Julio Simser&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Julio Simser&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;senior developer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Venuti.jpg&quot; alt=&quot;Margery Venuti&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Margery Venuti&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;senior developer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Tondrea.jpg&quot; alt=&quot;Fernando Tondrea&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Fernando Tondrea&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;developer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t&lt;div class=&quot;row&quot;&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Nobriga.jpg&quot; alt=&quot;Ericka Nobriga&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Ericka Nobriga&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;art director&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Rousselle.jpg&quot; alt=&quot;Cody Rousselle&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Cody Rousselle&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;senior ui designer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Wollman.jpg&quot; alt=&quot;Erik Wollman&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Erik Wollman&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;senior ui designer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Shoff.jpg&quot; alt=&quot;Dona Shoff&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Dona Shoff&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;ux designer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col col-md-4 col-md-offset-1&quot;&gt; \t\t\t\t\t\t\t&lt;img src=&quot;images\/team\/Brunton.jpg&quot; alt=&quot;Darryl Brunton&quot; class=&quot;thumbnail&quot;&gt; \t\t\t\t\t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t\t\t\t\t\t&lt;h3&gt;Darryl Brunton&lt;\/h3&gt; \t\t\t\t\t\t\t\t&lt;p&gt;ui designer&lt;\/p&gt; \t\t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt;   &lt;?require($_SERVER[&quot;DOCUMENT_ROOT&quot;].&quot;\/bitrix\/footer.php&quot;);?&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <\/li>\n<li>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\/bitrix\/templates\/whitesquare-bootstrap\/footer.php<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"html\">\t\t\t&lt;\/section&gt; \t\t&lt;\/div&gt; \t&lt;\/div&gt; \t&lt;footer&gt; \t\t&lt;div class=&quot;container&quot;&gt; \t\t\t&lt;div class=&quot;row&quot;&gt; \t\t\t\t&lt;div class=&quot;col-md-8 twitter&quot;&gt; \t\t\t\t\t&lt;h3&gt;Twitter feed&lt;\/h3&gt; \t\t\t\t\t&lt;time datetime=&quot;2012-10-23&quot;&gt;&lt;a href=&quot;#&quot;&gt;23 oct&lt;\/a&gt;&lt;\/time&gt; \t\t\t\t\t&lt;p&gt; \t\t\t\t\t\tIn ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean aug \t\t\t\t\t&lt;\/p&gt; \t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;div class=&quot;col-md-4 sitemap&quot;&gt; \t\t\t\t\t&lt;h3&gt;Sitemap&lt;\/h3&gt; \t\t\t\t\t&lt;div class=&quot;row&quot;&gt; \t\t\t\t\t\t&lt;div class=&quot;col-md-12&quot;&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/home\/&quot;&gt;Home&lt;\/a&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/about\/&quot;&gt;About&lt;\/a&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/services\/&quot;&gt;Services&lt;\/a&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t\t&lt;div class=&quot;col-md-12&quot;&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/partners\/&quot;&gt;Partners&lt;\/a&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/customers\/&quot;&gt;Support&lt;\/a&gt; \t\t\t\t\t\t\t&lt;a href=&quot;\/contact\/&quot;&gt;Contact&lt;\/a&gt; \t\t\t\t\t\t&lt;\/div&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;div class=&quot;col-md-4 social&quot;&gt; \t\t\t\t\t&lt;h3&gt;Social networks&lt;\/h3&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/twitter.com\/&quot; class=&quot;social-icon twitter&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/facebook.com\/&quot; class=&quot;social-icon facebook&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/plus.google.com\/&quot; class=&quot;social-icon google-plus&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/vimeo.com\/&quot; class=&quot;social-icon-small vimeo&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/youtube.com\/&quot; class=&quot;social-icon-small youtube&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/flickr.com\/&quot; class=&quot;social-icon-small flickr&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;http:\/\/instagram.com\/&quot; class=&quot;social-icon-small instagram&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;a href=&quot;\/rss\/&quot; class=&quot;social-icon-small rss&quot;&gt;&lt;\/a&gt; \t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;div class=&quot;col-md-8 footer-logo&quot;&gt; \t\t\t\t\t&lt;a href=&quot;\/&quot;&gt;&lt;img src=&quot;images\/footer-logo.png&quot; alt=&quot;Whitesquare logo&quot;&gt;&lt;\/a&gt; \t\t\t\t\t&lt;p&gt; \t\t\t\t\t\tCopyright &copy; 2012 Whitesquare. A \t\t\t\t\t\t&lt;a href=&quot;http:\/\/pcklab.com&quot;&gt;pcklab&lt;\/a&gt; creation \t\t\t\t\t&lt;\/p&gt; \t\t\t\t&lt;\/div&gt; \t\t\t&lt;\/div&gt; \t\t&lt;\/div&gt; \t&lt;\/footer&gt;   &lt;\/body&gt; &lt;\/html&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<\/li>\n<\/ul>\n<p>  <\/li>\n<\/ul>\n<h4>\u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441<\/h4>\n<ul>\n<li>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u043b\u043e\u0433\u0430 \u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u042d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a \u0432 header.php, \u0442\u0430\u043a \u0438 \u0432 footer.php (\u0442.\u0435. \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 #WORKAREA#)<br \/> \n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die(); IncludeTemplateLangFile(__FILE__);?&gt;<\/code><\/pre>\n<\/li>\n<li>\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u0442\u0435\u043a\u0441\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430 &lt;title&gt; \u043d\u0430 \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438:<br \/> \n<pre><code class=\"php\">&lt;title&gt;&lt;? $APPLICATION-&gt;ShowTitle(false); ?&gt;&lt;\/title&gt;<\/code><\/pre>\n<\/li>\n<li>\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u0442\u0435\u043a\u0441\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430 &lt;h1&gt; \u043d\u0430 \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438:<br \/> \n<pre><code class=\"php\">&lt;h1&gt;&lt;?$APPLICATION-&gt;ShowTitle()?&gt;&lt;\/h1&gt;<\/code><\/pre>\n<p><i>\u041a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u044f \u0440\u0430\u0437\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0430 \u043e\u0434\u043d\u043e\u0439 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f SEO\u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430\u043c.<\/i><\/li>\n<li>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432\u044b\u0432\u043e\u0434 \u043c\u0435\u0442\u0430-\u0434\u0430\u043d\u043d\u044b\u0445 (\u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043b\u043e\u0432 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c):<br \/> \n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;ShowMeta(&quot;keywords&quot;)?&gt; &lt;?$APPLICATION-&gt;ShowMeta(&quot;description&quot;)?&gt;<\/code><\/pre>\n<\/li>\n<li>\u0417\u0430\u0434\u0430\u0434\u0438\u043c \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u043a\u043e \u0432\u0441\u0435\u043c \u0444\u0430\u0439\u043b\u0430\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0430 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430, CSS, JS, \u0448\u0440\u0438\u0444\u0442\u0430\u043c) \u2014 <nobr>&lt;?=SITE_TEMPLATE_PATH?&gt;<\/nobr> \u2014 \u0434\u0430\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u0434\u0430\u0451\u0442 \u043f\u0443\u0442\u044c \u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0443 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u043e\u0440\u043d\u044f \u0441\u0430\u0439\u0442\u0430 (\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0435 \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0432 \u044f\u0432\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u0447\u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u043f\u0440\u0438 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043e\u043d\u043e\u0433\u043e). \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c:<br \/> \n<pre><code class=\"html\">&lt;link href=&quot;&lt;?=SITE_TEMPLATE_PATH?&gt;\/css\/styles.css&quot; rel=&quot;stylesheet&quot;&gt; \u2026 &lt;a href=&quot;\/&quot;&gt;&lt;img src=&quot;&lt;?=SITE_TEMPLATE_PATH?&gt;\/images\/logo.png&quot; alt=&quot;Whitesquare logo&quot;&gt;&lt;\/a&gt; \u2026 &lt;img src=&quot;&lt;?=SITE_TEMPLATE_PATH?&gt;\/images\/map.png&quot; class=&quot;img-responsive&quot; alt=&quot;Our offices&quot;&gt; \u2026 &lt;a href=&quot;\/&quot;&gt;&lt;img src=&quot;&lt;?=SITE_TEMPLATE_PATH?&gt;\/images\/footer-logo.png&quot; alt=&quot;Whitesquare logo&quot;&gt;&lt;\/a&gt;<\/code><\/pre>\n<p><i>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c SITE_TEMPLATE_PATH \u0438 \u0432 index.php, \u043e\u0434\u043d\u0430\u043a\u043e \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0441\u0430\u0439\u0442\u0430, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c\u043e\u0433\u043e \u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f \u0438 \u044d\u0442\u043e\u0442 \u043f\u0443\u0442\u044c!<\/i>  <\/li>\n<li>&lt;?$APPLICATION-&gt;ShowMeta(&quot;description&quot;)?&gt;<br \/>  \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 $APPLICATION-&gt;ShowHead();, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043b\u0443\u0436\u0438\u0442 \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c \u0446\u0435\u043b\u044f\u043c (\u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e CSS \u0438 JS \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a, \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u0432 \u0442\u0435\u043b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435, \u0430 \u0442\u0430\u043a \u0436\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u0438 \u0441\u0436\u0438\u043c\u0430\u0435\u0442 \u044d\u0442\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0435\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441)<br \/>  \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 SetAdditionalCSS \u0438 AddHeadScript \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c CSS \u0438 JS \u0432 &lt;header&gt;, \u0430 \u0442\u0430\u043a \u0436\u0435 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a (\u044d\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f JQuery, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0435 \u0435\u0451 \u043d\u0435 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0441\u0430\u0439\u0442\u0430, \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u0438 \u0442\u0430\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e).<br \/>  \u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0442\u0438\u043f\u0430 &lt;!&#8212;[if lt IE 9]&gt; \u0434\u043b\u044f \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0432\u0438\u0434:<br \/> \n<pre><code class=\"php\">&lt;? $APPLICATION-&gt;ShowHead(); $APPLICATION-&gt;SetAdditionalCSS(SITE_TEMPLATE_PATH.'\/css\/styles.css'); $APPLICATION-&gt;SetAdditionalCSS('http:\/\/fonts.googleapis.com\/css?family=Oswald:400,300'); ?&gt;     &lt;!--[if lt IE 9]&gt;       &lt;script src=&quot;https:\/\/oss.maxcdn.com\/libs\/html5shiv\/3.7.0\/html5shiv.js&quot;&gt;&lt;\/script&gt;       &lt;script src=&quot;https:\/\/oss.maxcdn.com\/libs\/respond.js\/1.3.0\/respond.min.js&quot;&gt;&lt;\/script&gt;     &lt;![endif]--&gt;<\/code><\/pre>\n<p>  <\/li>\n<li>\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0430\u043d\u0435\u043b\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f \u0442\u0435\u0433\u0430 &lt;body&gt; \u2014 <nobr>&lt;?$APPLICATION-&gt;ShowPanel();?&gt;<\/nobr><\/li>\n<\/ul>\n<p>  \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0439 HTML \u043a\u0430\u0440\u043a\u0430\u0441 \u0441 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<br \/>  \u0414\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0430\u044f \u043d\u0430\u0448\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u2013 \u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441.<\/p>\n<h4>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441<\/h4>\n<p>  \u0412 \u0440\u0430\u043c\u043a\u0430\u0445 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043c\u044b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0441\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441. \u041c\u044b \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u043e\u0432\u044b\u0435.<\/p>\n<p>  \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 1.php) \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0431\u0443\u0434\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043f\u043e 1 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441.<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430<\/b><\/p>\n<div class=\"spoiler_text\">\u0420\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0444\u043e\u0440\u043c\u0443 \u043f\u043e\u0438\u0441\u043a\u0430 \u2014 bitrix:search.form) \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430:<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/363\/d2a\/a8c\/363d2aa8ced0b2a8a6809569809a9566.png\"\/><br \/>  \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u043f\u0440\u0430\u0432\u043a\u0438 \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0432\u0435\u0434\u0451\u043c \u043a\u0443\u0440\u0441\u043e\u0440 \u043c\u044b\u0448\u0438 \u043d\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c, \u0434\u043e\u0436\u0434\u0451\u043c\u0441\u044f \u043f\u043e\u043a\u0430 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0441 \u0448\u0435\u0441\u0442\u0435\u0440\u0451\u043d\u043a\u043e\u0439 \u0438 \u043d\u0430\u0436\u043c\u0451\u043c \u043d\u0430 \u0441\u0442\u0440\u0435\u043b\u043a\u0443 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0430:<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/6a4\/fa4\/e5a\/6a4fa4e5a3ce1f150e38fb3c209ec37b.png\"\/><br \/>  \u0412 \u043f\u043e\u044f\u0432\u0438\u0432\u0448\u0435\u043c\u0441\u044f \u0434\u0438\u0430\u043b\u043e\u0433\u0435 \u043d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0438\u043c\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e whitesquare-bootstrap):<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/43c\/f6f\/83c\/43cf6f83cdd813f9c02750eb9601a5b5.png\"\/><br \/>  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043d\u0430\u0448\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0432 \u0428\u0430\u0431\u043b\u043e\u043d\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \/bitrix\/templates\/whitesquare-bootstrap\/ \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0435\u0449\u0451 \u043e\u0434\u043d\u0430 \u043f\u0430\u043f\u043a\u0430 \u2013 components \u2013 \u0432 \u043d\u0435\u0439 \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0432\u0441\u0435\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430.<br \/>  \u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u044f\u0432\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/<br \/>  <i>\u041e\u043f\u044b\u0442\u043d\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0441\u0440\u0430\u0437\u0443 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u043a\u043e\u043f\u0438\u0440\u0443\u044f \u0435\u0433\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430 \u0438\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430.<\/i><\/p>\n<p>  \u0418\u043d\u043e\u0433\u0434\u0430 \u0434\u043b\u044f \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043e\u0434\u0438\u043d \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0445 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439. \u0422\u043e\u0433\u0434\u0430 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043d\u0438\u0445 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435. \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043f\u043e \u043d\u0430\u0436\u0430\u0442\u0438\u044e \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u0448\u0435\u0441\u0442\u0435\u0440\u0451\u043d\u043a\u0438:<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/0bc\/b02\/f98\/0bcb02f9887ce98ed3d138ade044d7e2.png\"\/>  <\/div>\n<\/div>\n<h5>\u0412\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 (\u043b\u043e\u0433\u043e, \u043a\u043e\u043f\u0438\u0440\u0430\u0439\u0442, \u0441\u043e\u0446 \u0441\u0435\u0442\u0438)<\/h5>\n<p>  \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u0435\u0431\u044f \u043b\u044e\u0431\u043e\u0439 \u0442\u0435\u043a\u0441\u0442, HTML \u0438\u043b\u0438 php \u043a\u043e\u0434, \u0430 \u0442\u0430\u043a \u0436\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u044d\u0442\u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u0438\u043b\u0438 \u0432\u0435\u0437\u0434\u0435, \u0433\u0434\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c.<br \/>  \u0414\u043b\u044f \u0432\u0441\u0435\u0445 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0445 \u0432\u044b\u0448\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u043c\u044b \u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0440\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0441 \u0446\u0435\u043b\u044c\u044e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u044d\u0442\u0438 \u0431\u043b\u043e\u043a\u0438 \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0422.\u0435. \u0434\u043b\u044f \u0438\u0445 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e \u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u043b\u0430\u0434\u0435\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c\u043e\u043c \u043f\u043e\u0437\u043d\u0430\u043d\u0438\u0439 \u0432 HTML.<br \/>  <i>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044b \u043c\u043e\u0433\u0443\u0442 \u0432\u043e\u0437\u0440\u0430\u0437\u0438\u0442\u044c, \u0447\u0442\u043e \u0434\u043b\u044f \u0431\u043b\u043e\u043a\u0430 \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 \u0441\u043e\u0446 \u0441\u0435\u0442\u0435\u0439 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b\u043e \u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043e\u0434\u043d\u0430\u043a\u043e \u043d\u0430\u043c \u044d\u0442\u043e \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u043d\u0435 \u0440\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c. \u041f\u0440\u043e\u0449\u0435 \u0437\u0430\u0433\u043d\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0437\u0430 10 \u043c\u0438\u043d\u0443\u0442 \u0432\u043e \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0438 \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438, \u0432\u0435\u0434\u044c \u0430\u0434\u0440\u0435\u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 Facebook \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c!<\/i><\/p>\n<p>  \u0412\u0441\u0435 \u044d\u0442\u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0441\u0451\u043c \u0441\u0430\u0439\u0442\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043d\u043e\u0432\u0443\u044e \u043f\u0430\u043f\u043a\u0443 include, \u0433\u0434\u0435 \u0431\u0443\u0434\u0435\u043c \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0445 \u043e\u0431\u043b\u0430\u0441\u0442\u0435\u0439:  <\/p>\n<ul>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/include\/bottom-logo.php<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/include\/copyright.php<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/include\/social-networks.php<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/include\/top_logo.php<\/li>\n<\/ul>\n<p>  \u041a\u043e\u0434 \u0432\u044b\u0437\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435:  <\/p>\n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;IncludeComponent( \t&quot;bitrix:main.include&quot;, \t&quot;&quot;, \tArray( \t\t&quot;AREA_FILE_SHOW&quot; =&gt; &quot;file&quot;, \t\t&quot;PATH&quot; =&gt; SITE_TEMPLATE_PATH.&quot;\/include\/bottom-logo.php&quot;, \t\t&quot;EDIT_TEMPLATE&quot; =&gt; &quot;&quot; \t), false );?&gt; <\/code><\/pre>\n<p>  \u0412\u043d\u0443\u0442\u0440\u0438 \u0444\u0430\u0439\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u043c \u043a\u0443\u0441\u043e\u043a HTML \u043a\u043e\u0434\u0430:  <\/p>\n<pre><code class=\"html\">&lt;a href=&quot;\/&quot;&gt;&lt;img src=&quot;&lt;?=SITE_TEMPLATE_PATH?&gt;\/images\/footer-logo.png&quot; alt=&quot;Whitesquare logo&quot;&gt;&lt;\/a&gt; <\/code><\/pre>\n<p>  \u041c\u044b \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 Twitter \u041b\u0435\u043d\u0442\u044b, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u0430\u043c\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2013 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 \u0442\u0432\u0438\u0442\u0442\u0435\u0440\u0430 \u0432\u043e \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c \u0432\u044b\u0448\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c.<br \/>  \u0422\u0430\u043a \u0436\u0435 \u0432 Marketplace 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u0432\u044b\u0432\u043e\u0434\u044f\u0449\u0438\u0445 \u0442\u0432\u0438\u0442\u0442\u0435\u0440 \u043b\u0435\u043d\u0442\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0432\u044b \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f.<\/p>\n<h5>\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0438\u0441\u043a\u0430<\/h5>\n<p>  \u041c\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c bitrix:search.form \u0438 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043b\u0438 suggest \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430.<br \/>  HTML \u043a\u043e\u0434 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/template.php  <\/p>\n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt; &lt;div class=&quot;search-form&quot;&gt; &lt;form action=&quot;&lt;?=$arResult[&quot;FORM_ACTION&quot;]?&gt;&quot;&gt; \t&lt;?$APPLICATION-&gt;IncludeComponent( \t\t&quot;bitrix:search.suggest.input&quot;, \t\t&quot;&quot;, \t\tarray( \t\t\t&quot;NAME&quot; =&gt; &quot;q&quot;, \t\t\t&quot;VALUE&quot; =&gt; &quot;&quot;, \t\t\t&quot;INPUT_SIZE&quot; =&gt; 15, \t\t\t&quot;DROPDOWN_SIZE&quot; =&gt; 10, \t\t), \t\t$component, array(&quot;HIDE_ICONS&quot; =&gt; &quot;Y&quot;) \t);?&gt;&nbsp;&lt;input name=&quot;s&quot; type=&quot;submit&quot; value=&quot;&lt;?=GetMessage(&quot;BSF_T_SEARCH_BUTTON&quot;);?&gt;&quot; \/&gt; &lt;\/form&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u043c, \u0443 \u043d\u0430\u0441 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0439, \u0430 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (\u0442.\u0435. \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432 \u0441\u043e\u0441\u0442\u0430\u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u0445\u043e\u0434\u044f\u0442 \u0434\u0440\u0443\u0433\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b). \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0441\u0430\u043c\u0430 \u0444\u043e\u0440\u043c\u0430 \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0432\u043e\u0434 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430.<br \/>  \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0435\u0451 \u0448\u0430\u0431\u043b\u043e\u043d \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430.<br \/>  \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u2013 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043a\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c 1 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0443 \u043d\u0430\u0441 2. \u0412\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u0441\u0445\u0435\u043c\u043e\u0439 \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432:  <\/p>\n<h6>\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442<\/h6>\n<p>  <\/p>\n<ol>\n<li>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432 \u043f\u0430\u043f\u043a\u0435 \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/ \u043f\u0430\u043f\u043a\u0443 bitrix<\/li>\n<li>\u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.suggest.input\/ \u0432 \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/bitrix\/. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0432:<br \/>  \/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/bitrix\/search.suggest.input\/top\/<\/li>\n<li>\u0412 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 bitrix:search.suggest.input \u0443\u043a\u0430\u0436\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d top:<br \/> \n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;IncludeComponent( \t\t&quot;bitrix:search.suggest.input&quot;, \t\t&quot;top&quot;, \t\tarray( \t\t\t&quot;NAME&quot; =&gt; &quot;q&quot;, \t\t\t&quot;VALUE&quot; =&gt; &quot;&quot;, \t\t\t&quot;INPUT_SIZE&quot; =&gt; 15, \t\t\t&quot;DROPDOWN_SIZE&quot; =&gt; 10, \t\t), \t\t$component, array(&quot;HIDE_ICONS&quot; =&gt; &quot;Y&quot;) );?&gt; <\/code><\/pre>\n<\/li>\n<\/ol>\n<h6>\u0412\u0435\u0440\u043d\u0451\u043c\u0441\u044f \u043a \u0444\u043e\u0440\u043c\u0435 \u043f\u043e\u0438\u0441\u043a\u0430<\/h6>\n<p>  \u0418\u0442\u0430\u043a, \u043c\u044b \u0432\u0438\u0434\u0438\u043c, \u0447\u0442\u043e \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0446\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043f\u043e\u0438\u0441\u043a\u0430 \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435 \u0432 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u043d\u0430\u0448\u0430 \u0444\u043e\u0440\u043c\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u0442\u044c \u0438\u0437 2 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 (\u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0433\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e) \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432.  <\/p>\n<ul>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/template.php<br \/> \n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt;  &lt;form name=&quot;search&quot; action=&quot;&lt;?=$arResult[&quot;FORM_ACTION&quot;]?&gt;&quot; method=&quot;get&quot; class=&quot;form-inline form-search pull-right&quot;&gt; &lt;div class=&quot;input-group&quot;&gt; \t&lt;?$APPLICATION-&gt;IncludeComponent( \t\t&quot;bitrix:search.suggest.input&quot;, \t\t&quot;top&quot;, \t\tarray( \t\t\t&quot;NAME&quot; =&gt; &quot;q&quot;, \t\t\t&quot;VALUE&quot; =&gt; &quot;&quot;, \t\t\t&quot;INPUT_SIZE&quot; =&gt; 15, \t\t\t&quot;DROPDOWN_SIZE&quot; =&gt; 10, \t\t), \t\t$component, array(&quot;HIDE_ICONS&quot; =&gt; &quot;Y&quot;) \t);?&gt;&lt;div class=&quot;input-group-btn&quot;&gt;&lt;input name=&quot;s&quot; class=&quot;btn btn-primary&quot; type=&quot;submit&quot; value=&quot;&lt;?=GetMessage(&quot;BSF_T_SEARCH_BUTTON&quot;);?&gt;&quot; \/&gt;&lt;\/div&gt; &lt;\/div&gt; &lt;\/form&gt; <\/code><\/pre>\n<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/bitrix\/search.suggest.input\/top\/template.php<br \/> \n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die(); CJSCore::Init(array(&quot;ajax&quot;)); ?&gt; &lt;script type=&quot;text\/javascript&quot;&gt; if (!window.oObject || typeof oObject != &quot;object&quot;) \twindow.oObject = {};  window.&lt;?= $arResult[&quot;ID&quot;]?&gt;_CheckThis = document.&lt;?= $arResult[&quot;ID&quot;]?&gt;_CheckThis = function(oObj) { \ttry \t{ \t\tif(SuggestLoaded) \t\t{ \t\t\tif (typeof window.oObject[oObj.id] != 'object') \t\t\t\twindow.oObject[oObj.id] = new JsSuggest(oObj, '&lt;?echo $arResult[&quot;ADDITIONAL_VALUES&quot;]?&gt;'); \t\t\treturn; \t\t} \t\telse \t\t{ \t\t\tsetTimeout(&lt;?echo $arResult[&quot;ID&quot;]?&gt;_CheckThis(oObj), 10); \t\t} \t} \tcatch(e) \t{ \t\tsetTimeout(&lt;?echo $arResult[&quot;ID&quot;]?&gt;_CheckThis(oObj), 10); \t} } &lt;\/script&gt;   &lt;IFRAME style=&quot;width:0px; height:0px; border: 0px;&quot; src=&quot;javascript:''&quot; name=&quot;&lt;?echo $arResult[&quot;ID&quot;]?&gt;_div_frame&quot; id=&quot;&lt;?echo $arResult[&quot;ID&quot;]?&gt;_div_frame&quot;&gt;&lt;\/IFRAME&gt; &lt;label class=&quot;sr-only&quot; for=&quot;searchInput&quot;&gt;Search&lt;\/label&gt; &lt;input class=&quot;form-control&quot; id=&quot;searchInput&quot; type=&quot;text&quot; name=&quot;search&quot; placeholder=&quot;&lt;?=GetMessage(&quot;BSF_T_SEARCH_FORM&quot;);?&gt;&quot; &lt;?if($arParams[&quot;INPUT_SIZE&quot;] &gt; 0):?&gt; size=&quot;&lt;?echo $arParams[&quot;INPUT_SIZE&quot;]?&gt;&quot;&lt;?endif?&gt;  value=&quot;&lt;?echo $arParams[&quot;VALUE&quot;]?&gt;&quot; autocomplete=&quot;off&quot; onfocus=&quot;&lt;?echo $arResult[&quot;ID&quot;]?&gt;_CheckThis(this);&quot; \/&gt; <\/code><\/pre>\n<\/li>\n<li>\u041a\u0430\u043a \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0438\u0434\u0435\u0442\u044c, \u043c\u044b \u0437\u0430\u043c\u0435\u043d\u0438\u043b\u0438 \u0444\u0440\u0430\u0437\u044b \u201cGO\u201d \u0438 \u201cSearch\u201d \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u043d\u0430 \u0432\u044b\u0437\u043e\u0432 GetMessage \u2013 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043c\u044b \u0432\u044b\u043d\u0435\u0441\u043b\u0438 \u0444\u0440\u0430\u0437\u044b \u0432 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0438 \u043c\u043e\u0436\u0435\u043c \u0437\u0430\u0434\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e \u0438 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043e\u0431\u0449\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u043e\u0431\u0449\u0438\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442.<br \/> \n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041f\u0440\u043e \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b<\/b><\/p>\n<div class=\"spoiler_text\">\u042f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432 \u0442\u043e\u0439 \u0436\u0435 \u043f\u0430\u043f\u043a\u0435, \u0447\u0442\u043e \u0438 \u0448\u0430\u0431\u043b\u043e\u043d (\u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430) \u0432 \u043f\u043e\u0434\u043f\u0430\u043f\u043a\u0435 \/lang\/ID_\u044f\u0437\u044b\u043a\u0430\/ \u0432 \u0444\u0430\u0439\u043b\u0435 \u0441 \u0442\u0435\u043c \u0436\u0435 \u0438\u043c\u0435\u043d\u0435\u043c, \u0447\u0442\u043e \u0438 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f GetMessage.<br \/>  \u042f\u0437\u044b\u043a\u043e\u0432\u043e\u0439 \u0444\u0430\u0439\u043b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0438\u0437 \u0441\u0435\u0431\u044f \u043c\u0430\u0441\u0441\u0438\u0432 \u0441 \u043a\u043b\u044e\u0447\u0430\u043c\u0438 \u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0440\u0430\u0437.<br \/>  \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e:  <\/p>\n<ul>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/bitrix\/search.suggest.input\/top\/lang\/ru\/template.php\n<pre><code class=\"php\">&lt;?$MESS ['BSF_T_SEARCH_FORM'] = &quot;\u0417\u0430\u043f\u0440\u043e\u0441&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/bitrix\/search.suggest.input\/top\/lang\/en\/template.php\n<pre><code class=\"php\">&lt;?$MESS ['BSF_T_SEARCH_FORM'] = &quot;Search&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/lang\/ru\/template.php\n<pre><code class=\"php\">&lt;?$MESS ['BSF_T_SEARCH_BUTTON'] = &quot;\u0418\u0421\u041a\u0410\u0422\u042c&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/search.form\/top\/lang\/en\/template.php\n<pre><code class=\"php\">&lt;?$MESS ['BSF_T_SEARCH_BUTTON'] = &quot;GO&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>  <\/div>\n<\/div>\n<p>\u041d\u0430 \u043d\u0430\u0448 \u0432\u0437\u0433\u043b\u044f\u0434 \u0440\u0443\u0441\u0441\u043a\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u043e\u0447\u0435\u043d\u044c \u00ab\u043a\u043e\u0440\u044f\u0432\u044b\u0435\u00bb, \u043e\u0434\u043d\u0430\u043a\u043e \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0438\u0445 \u043b\u0438\u0448\u044c \u0434\u043b\u044f \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. \u041f\u0440\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u0438 \u0432 \u043d\u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439 \u0442\u0435\u043a\u0441\u0442 \u0438\u043b\u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0443\u0441\u0442\u044b\u043c\u0438.<\/li>\n<\/ul>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u043e\u0434 \u0432\u044b\u0437\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435:  <\/p>\n<pre><code class=\"php\">&lt;form name=&quot;search&quot; action=&quot;#&quot; method=&quot;get&quot; class=&quot;form-inline form-search pull-right&quot;&gt; \t&lt;div class=&quot;input-group&quot;&gt; \t\t&lt;label class=&quot;sr-only&quot; for=&quot;searchInput&quot;&gt;Search&lt;\/label&gt; \t\t&lt;input class=&quot;form-control&quot; id=&quot;searchInput&quot; type=&quot;text&quot; name=&quot;search&quot; placeholder=&quot;Search&quot;&gt; \t\t&lt;div class=&quot;input-group-btn&quot;&gt; \t\t\t&lt;button type=&quot;submit&quot; class=&quot;btn btn-primary&quot;&gt;GO&lt;\/button&gt; \t\t&lt;\/div&gt; \t&lt;\/div&gt; &lt;\/form&gt; <\/code><\/pre>\n<h5>\u0412\u0435\u0440\u0445\u043d\u0435\u0435 \u043c\u0435\u043d\u044e<\/h5>\n<p>  \u0414\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u0441\u0430\u0439\u0442\u043e\u043c \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u043a\u0430\u0436\u0434\u044b\u043c \u043c\u0435\u043d\u044e \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b \u043c\u0435\u043d\u044e \u0441 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u0435\u0440\u0445\u043d\u0435\u0435 \u043c\u0435\u043d\u044e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 .top.menu.php \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">&lt;? $aMenuLinks = Array( \tArray( \t\t&quot;Home&quot;,  \t\t&quot;\/&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;About us&quot;,  \t\t&quot;\/about\/&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Services&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Partners&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Customers&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Projects&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Careers&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t), \tArray( \t\t&quot;Contact&quot;,  \t\t&quot;&quot;,  \t\tArray(),  \t\tArray(),  \t\t&quot;&quot;  \t) ); ?&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u043c\u0435\u043d\u044e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c bitrix:menu. \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d .default \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0434 \u0438\u043c\u0435\u043d\u0435\u043c top. \u041e\u043d \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043b\u0438\u0448\u043d\u0435\u0433\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043b\u0435\u0433\u043a\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u043f\u043e\u0434 \u043d\u0430\u0448\u0443 \u0432\u0451\u0440\u0441\u0442\u043a\u0443:  <\/p>\n<pre><code class=\"php\">&lt;?if (!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt;  &lt;?if (!empty($arResult)):?&gt; \t\t&lt;nav class=&quot;navbar navbar-default&quot;&gt; \t\t\t&lt;ul class=&quot;nav navbar-nav&quot;&gt; &lt;? foreach($arResult as $arItem): \tif($arParams[&quot;MAX_LEVEL&quot;] == 1 && $arItem[&quot;DEPTH_LEVEL&quot;] &gt; 1)  \t\tcontinue; ?&gt; \t&lt;?if($arItem[&quot;SELECTED&quot;]):?&gt; \t\t&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;&quot;LINK&quot;]?&gt;&quot;&gt;&quot;TEXT&quot;]?&gt;&lt;\/a&gt;&lt;\/li&gt; \t&lt;?else:?&gt; \t\t&lt;li&gt;&lt;a href=&quot;&quot;LINK&quot;]?&gt;&quot;&gt;&quot;TEXT&quot;]?&gt;&lt;\/a&gt;&lt;\/li&gt; \t&lt;?endif?&gt; \t &lt;?endforeach?&gt; \t\t\t&lt;\/ul&gt; \t\t&lt;\/nav&gt; &lt;?endif?&gt; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u043c\u0435\u043d\u0438\u043c \u0431\u043b\u043e\u043a \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u043c\u0435\u043d\u044e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043d\u0430 \u0432\u044b\u0437\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043c\u0435\u043d\u044e:  <\/p>\n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;IncludeComponent(&quot;bitrix:menu&quot;, &quot;top&quot;, Array( \t&quot;ROOT_MENU_TYPE&quot; =&gt; &quot;top&quot;, \t&quot;MENU_CACHE_TYPE&quot; =&gt; &quot;A&quot;, \t&quot;MENU_CACHE_TIME&quot; =&gt; &quot;3600&quot;, \t&quot;MENU_CACHE_USE_GROUPS&quot; =&gt; &quot;Y&quot;, \t&quot;MENU_CACHE_GET_VARS&quot; =&gt; &quot;&quot;, \t&quot;MAX_LEVEL&quot; =&gt; &quot;1&quot;,\t \t&quot;CHILD_MENU_TYPE&quot; =&gt; &quot;left&quot;,\t \t&quot;USE_EXT&quot; =&gt; &quot;N&quot;,\t \t&quot;DELAY&quot; =&gt; &quot;N&quot;,\t \t&quot;ALLOW_MULTI_SELECT&quot; =&gt; &quot;N&quot;, \t), \tfalse );?&gt; <\/code><\/pre>\n<h5>\u041b\u0435\u0432\u043e\u0435 \u043c\u0435\u043d\u044e<\/h5>\n<p>  \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0432\u0435\u0440\u0445\u043d\u0435\u043c\u0443 \u043c\u0435\u043d\u044e \u0432\u043e\u0437\u044c\u043c\u0451\u043c \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c bitrix:menu. \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d .default \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0434 \u0438\u043c\u0435\u043d\u0435\u043c left.<br \/>  \u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043c:  <\/p>\n<pre><code class=\"php\">&lt;?if (!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt;  &lt;?if (!empty($arResult)):?&gt; &lt;ul class=&quot;list-group submenu&quot;&gt;  &lt;? foreach($arResult as $arItem): \tif($arParams[&quot;MAX_LEVEL&quot;] == 1 && $arItem[&quot;DEPTH_LEVEL&quot;] &gt; 1)  \t\tcontinue; ?&gt; \t&lt;?if($arItem[&quot;SELECTED&quot;]):?&gt; \t\t&lt;li class=&quot;list-group-item active&quot;&gt;&quot;TEXT&quot;]?&gt;&lt;\/li&gt; \t&lt;?else:?&gt; \t\t&lt;li class=&quot;list-group-item&quot;&gt;&lt;a href=&quot;&quot;LINK&quot;]?&gt;&quot;&gt;&quot;TEXT&quot;]?&gt;&lt;\/a&gt;&lt;\/li&gt; \t&lt;?endif?&gt; \t &lt;?endforeach?&gt;  &lt;\/ul&gt; &lt;?endif?&gt; <\/code><\/pre>\n<p>  \u0417\u0430\u043c\u0435\u043d\u0438\u043c \u0431\u043b\u043e\u043a \u043b\u0435\u0432\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430:  <\/p>\n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;IncludeComponent(&quot;bitrix:menu&quot;, &quot;left&quot;, Array( \t&quot;ROOT_MENU_TYPE&quot; =&gt; &quot;left&quot;,\t \t&quot;MENU_CACHE_TYPE&quot; =&gt; &quot;A&quot;,\t \t&quot;MENU_CACHE_TIME&quot; =&gt; &quot;3600&quot;, \t&quot;MENU_CACHE_USE_GROUPS&quot; =&gt; &quot;Y&quot;,\t \t&quot;MENU_CACHE_GET_VARS&quot; =&gt; &quot;&quot;, \t&quot;MAX_LEVEL&quot; =&gt; &quot;1&quot;,\t \t&quot;CHILD_MENU_TYPE&quot; =&gt; &quot;left&quot;, \t&quot;USE_EXT&quot; =&gt; &quot;N&quot;, \t&quot;DELAY&quot; =&gt; &quot;N&quot;,\t \t&quot;ALLOW_MULTI_SELECT&quot; =&gt; &quot;N&quot;, \t), \tfalse );?&gt; <\/code><\/pre>\n<p>  <i>\u041f\u043e\u043b\u044c\u0437\u0443\u044f\u0441\u044c \u0442\u0435\u043c, \u0447\u0442\u043e \u0432 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 \u043c\u0435\u043d\u044e \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u043b\u0435\u0432\u043e\u0433\u043e \u043c\u0435\u043d\u044e .left.menu.php \u0432\u043e \u0432\u0441\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b, \u0433\u0434\u0435 \u043e\u043d\u0438 \u043d\u0443\u0436\u043d\u044b \u0441 \u0440\u0430\u0437\u043d\u044b\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c, \u0430 \u0432 \u043a\u043e\u0440\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u043e\u0432\u0441\u0435 \u0443\u0431\u0440\u0430\u0442\u044c. \u0412\u0451\u0440\u0441\u0442\u043a\u0430 \u043d\u0435 \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u0435\u0442, \u0430 \u043c\u0435\u043d\u044e \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043b\u0438\u0448\u044c \u0442\u0430\u043c, \u0433\u0434\u0435 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e.<\/i><\/p>\n<h5>\u041d\u0438\u0436\u043d\u0435\u0435 \u043c\u0435\u043d\u044e<\/h5>\n<p>  \u041d\u0438\u0436\u043d\u0435\u0435 \u043c\u0435\u043d\u044e (\u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 SiteMap) \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0432 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041c\u043e\u0436\u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043c\u0435\u043d\u044e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043f\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c (\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u043b\u0438\u0431\u043e \u043f\u043e \u043d\u0430\u043b\u0438\u0447\u0438\u044e \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u043d\u044e).<br \/>  \u041e\u0434\u043d\u0430\u043a\u043e, \u043c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u043f\u043e\u0434\u0432\u0430\u043b \u2013 \u043d\u0435 \u0441\u0430\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0438 \u043d\u0435\u0442 \u0441\u043c\u044b\u0441\u043b\u0430 \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0438\u043b\u0438\u044f \u043d\u0430 \u0435\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443.<br \/>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043f\u043e\u0439\u0434\u0451\u043c \u043f\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443 \u043f\u0443\u0442\u0438 (\u0437\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043b\u044e\u0431\u0438\u0442\u0435\u043b\u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e, \u043d\u0430\u0441 \u043f\u0440\u043e\u043a\u043b\u044f\u043d\u0443\u0442) \u2013 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c 2 \u043c\u0435\u043d\u044e: bottomL \u0438 bottomR.<br \/>  \u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043c\u0435\u043d\u044e \u0431\u0443\u0434\u0435\u0442 2 \u0448\u0430\u0431\u043b\u043e\u043d \u043c\u044b \u0434\u043b\u044f \u043d\u0438\u0445 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c 1.<\/p>\n<p>  \u0412\u043d\u043e\u0432\u044c \u0432\u043e\u0437\u044c\u043c\u0451\u043c \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u0443 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c bitrix:menu. \u0421\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d .default \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0434 \u0438\u043c\u0435\u043d\u0435\u043c bottom.<br \/>  \u0428\u0430\u0431\u043b\u043e\u043d:  <\/p>\n<pre><code class=\"php\">&lt;?if (!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt;  &lt;?if (!empty($arResult)):?&gt; &lt;div class=&quot;col-md-12&quot;&gt;  &lt;? foreach($arResult as $arItem): \tif($arParams[&quot;MAX_LEVEL&quot;] == 1 && $arItem[&quot;DEPTH_LEVEL&quot;] &gt; 1)  \t\tcontinue; ?&gt;  &lt;a href=&quot;&quot;LINK&quot;]?&gt;&quot;&gt;&quot;TEXT&quot;]?&gt;&lt;\/a&gt;  &lt;?endforeach?&gt;  &lt;\/div&gt; &lt;?endif?&gt; <\/code><\/pre>\n<h5>\u0421\u0430\u0439\u0434\u0431\u0430\u0440 \u2013 \u043d\u0430\u0448\u0438 \u043e\u0444\u0438\u0441\u044b<\/h5>\n<p>  \u0427\u0435\u0441\u0442\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u044f \u0431\u0435\u0437 \u0434\u0435\u043c\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043d\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u043a\u0430\u043a\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u043e\u043d\u044b\u0439 \u0441\u0430\u0439\u0434\u0431\u0430\u0440 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442. \u0420\u0438\u0441\u043a\u043d\u0451\u043c \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0447\u0442\u043e \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u0432 \u043d\u0451\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 (\u0443\u0436 \u0431\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e), \u0430 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 Google. \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u043e\u043d\u0430 \u043c\u0430\u043b\u043e\u0432\u0430\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u043d\u0430 \u043d\u0435\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0442\u0430\u043a \u0447\u0442\u043e \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u043c\u0430\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0439.<br \/>  \u0415\u0441\u043b\u0438 \u0436\u0435 \u044f \u043d\u0435 \u043f\u0440\u0430\u0432, \u0442\u043e \u043f\u043e\u0436\u0430\u043b\u0443\u0439 \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0430 \u2013 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438.<br \/>  \u0412\u043e\u0437\u044c\u043c\u0451\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 bitrix:map.google.view \u0438 \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d .default \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0432 \u0432 sidebar-map.<br \/>  \u041c\u044b \u0432\u0435\u0441\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440 \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0447\u0430\u0441\u0442\u044c\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a. \u0410 \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e\u0431\u044b \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u0432 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0442\u0435\u043a\u0441\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430.<br \/>  \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0444\u0430\u0439\u043b .parameters.php \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f:  <\/p>\n<pre><code class=\"php\">&lt;? if (!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true) die();  $arTemplateParameters = array( \t&quot;SIDEBAR_MAP_NAME&quot; =&gt; Array( \t\t&quot;NAME&quot; =&gt; GetMessage(&quot;SIDEBAR_MAP_NAME&quot;), \t\t&quot;TYPE&quot; =&gt; &quot;HTML&quot;, \t\t&quot;DEFAULT&quot; =&gt; &quot;Our offices&quot;, \t), ); ?&gt; <\/code><\/pre>\n<p>  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0418 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u043c\u0438 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0444\u043e\u0440\u043c\u044b \u043f\u043e\u0438\u0441\u043a\u0430:<\/b><\/p>\n<div class=\"spoiler_text\">\n<ul>\n<li>RU (\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/map.google.view\/sidebar-map\/lang\/ru\/.parameters.php):<br \/> \n<pre><code class=\"php\">&lt;?$MESS ['SIDEBAR_MAP_NAME'] = &quot;\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u044b&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<li>EN (\/bitrix\/templates\/whitesquare-bootstrap\/components\/bitrix\/map.google.view\/sidebar-map\/lang\/en\/.parameters.php):<br \/> \n<pre><code class=\"php\">&lt;?$MESS ['SIDEBAR_MAP_NAME'] = &quot;Sidebar Map Name&quot;;?&gt;<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>  <\/div>\n<\/div>\n<p>  \u0428\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e (\u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043c \u043a\u0430\u0440\u0442\u0443 \u0432\u043d\u0443\u0442\u0440\u044c \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a):  <\/p>\n<pre><code class=\"php\">&lt;? if (!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true) die();  $arTransParams = array( \t'INIT_MAP_TYPE' =&gt; $arParams['INIT_MAP_TYPE'], \t'INIT_MAP_LON' =&gt; $arResult['POSITION']['google_lon'], \t'INIT_MAP_LAT' =&gt; $arResult['POSITION']['google_lat'], \t'INIT_MAP_SCALE' =&gt; $arResult['POSITION']['google_scale'], \t'MAP_WIDTH' =&gt; $arParams['MAP_WIDTH'], \t'MAP_HEIGHT' =&gt; $arParams['MAP_HEIGHT'], \t'CONTROLS' =&gt; $arParams['CONTROLS'], \t'OPTIONS' =&gt; $arParams['OPTIONS'], \t'MAP_ID' =&gt; $arParams['MAP_ID'], );  if ($arParams['DEV_MODE'] == 'Y') { \t$arTransParams['DEV_MODE'] = 'Y'; \tif ($arParams['WAIT_FOR_EVENT']) \t\t$arTransParams['WAIT_FOR_EVENT'] = $arParams['WAIT_FOR_EVENT']; } ?&gt; \t\t\t\t&lt;div class=&quot;panel panel-primary&quot;&gt; \t\t\t\t\t&lt;div class=&quot;panel-heading&quot;&gt;&lt;?=$arParams['SIDEBAR_MAP_NAME']?&gt;&lt;\/div&gt; \t\t\t\t\t&lt;div class=&quot;panel-body&quot;&gt; &lt;div class=&quot;bx-yandex-view-layout&quot;&gt; \t&lt;div class=&quot;bx-yandex-view-map&quot;&gt; &lt;? \/\/echo '&lt;pre&gt;'; print_r($arResult['POSITION']); echo '&lt;\/pre&gt;';  $APPLICATION-&gt;IncludeComponent('bitrix:map.google.system', '.default', $arTransParams, false, array('HIDE_ICONS' =&gt; 'Y')); ?&gt; \t&lt;\/div&gt; &lt;\/div&gt; &lt;?if (is_array($arResult['POSITION']['PLACEMARKS']) && ($cnt = count($arResult['POSITION']['PLACEMARKS']))):?&gt; &lt;script type=&quot;text\/javascript&quot;&gt; function BX_SetPlacemarks_&lt;?echo $arParams['MAP_ID']?&gt;() { &lt;? \tfor($i = 0; $i &lt; $cnt; $i++): ?&gt; \tBX_GMapAddPlacemark(&lt;?echo CUtil::PhpToJsObject($arResult['POSITION']['PLACEMARKS'][$i])?&gt;, '&lt;?echo $arParams['MAP_ID']?&gt;'); &lt;? \tendfor; ?&gt; }  function BXShowMap_&lt;?echo $arParams['MAP_ID']?&gt;() {BXWaitForMap_view('&lt;?echo $arParams['MAP_ID']?&gt;');}  BX.ready(BXShowMap_&lt;?echo $arParams['MAP_ID']?&gt;); &lt;\/script&gt; \t\t\t\t\t&lt;\/div&gt; \t\t\t\t&lt;\/div&gt; &lt;?endif;?&gt; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432\u044b\u0437\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430 (\u0435\u0441\u043b\u0438 \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0441\u0451\u043c \u0441\u0430\u0439\u0442\u0435, \u0430 \u043b\u0438\u0448\u044c \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u0445, \u0442\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0435\u0433\u043e \u0432\u043e \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c):  <\/p>\n<pre><code class=\"php\">&lt;?$APPLICATION-&gt;IncludeComponent(&quot;bitrix:map.google.view&quot;, &quot;sidebar-map&quot;, array( \t&quot;INIT_MAP_TYPE&quot; =&gt; &quot;ROADMAP&quot;, \t&quot;MAP_DATA&quot; =&gt; &quot;a:4:{s:10:\\&quot;google_lat\\&quot;;d:55.7383;s:10:\\&quot;google_lon\\&quot;;d:37.5946;s:12:\\&quot;google_scale\\&quot;;i:13;s:10:\\&quot;PLACEMARKS\\&quot;;a:1:{i:0;a:3:{s:4:\\&quot;TEXT\\&quot;;s:10:\\&quot;Test point\\&quot;;s:3:\\&quot;LON\\&quot;;d:37.593626976013184;s:3:\\&quot;LAT\\&quot;;d:55.736905609230966;}}}&quot;, \t&quot;MAP_WIDTH&quot; =&gt; &quot;235&quot;, \t&quot;MAP_HEIGHT&quot; =&gt; &quot;180&quot;, \t&quot;CONTROLS&quot; =&gt; array( \t), \t&quot;OPTIONS&quot; =&gt; array( \t\t0 =&gt; &quot;ENABLE_SCROLL_ZOOM&quot;, \t\t1 =&gt; &quot;ENABLE_DBLCLICK_ZOOM&quot;, \t\t2 =&gt; &quot;ENABLE_DRAGGING&quot;, \t\t3 =&gt; &quot;ENABLE_KEYBOARD&quot;, \t), \t&quot;MAP_ID&quot; =&gt; &quot;&quot;, \t&quot;SIDEBAR_MAP_NAME&quot; =&gt; &quot;Our offices&quot; \t), \tfalse );?&gt; <\/code><\/pre>\n<p>  <b>\u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0438\u0448\u043b\u0430 \u043f\u043e\u0440\u0430 \u0432\u0437\u044f\u0442\u044c\u0441\u044f \u0437\u0430 \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c!<\/b><\/p>\n<h5>\u0421\u043f\u0438\u0441\u043e\u043a \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/h5>\n<p>  \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0445. \u0418\u0437 \u0438\u043c\u0435\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u044b \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c 4 \u043f\u043e\u043b\u044f:  <\/p>\n<ul>\n<li>\u0418\u043c\u044f<\/li>\n<li>\u0424\u043e\u0442\u043e (\u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0430)<\/li>\n<li>\u0414\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c<\/li>\n<li>\u041f\u043e\u0440\u044f\u0434\u043e\u043a \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u0440\u0443\u0433\u0438\u0445 \u0447\u043b\u0435\u043d\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/li>\n<\/ul>\n<p>  \u0414\u043b\u044f \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044f (\u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c) \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a\u0430.<br \/>  \u0414\u043b\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435 ID, \u0430 \u0441\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u043a\u043e\u0434\u0430\u043c\u0438 \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a\u043e\u0432 (\u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0437\u0434\u043e\u0440\u043e\u0432\u043e \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0441 \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043d\u0430 \u0431\u043e\u0435\u0432\u043e\u0439, \u0435\u0441\u043b\u0438 \u0442\u0430\u043c \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0438\u043b\u0438 \u0440\u0430\u0437\u043d\u044b\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a\u043e\u0432 \u0438 \u0438\u0445 ID \u043d\u0435 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u044e\u0442).  <\/p>\n<ul>\n<li>\u0421\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a\u0430 \u2013 TEAM<\/li>\n<li>\u0421\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u00ab\u0414\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c\u00bb \u2014 POSITION<\/li>\n<\/ul>\n<p>  \u041c\u043e\u0436\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043d\u0430\u043c \u043f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 catalog.section \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c board (\u044d\u0442\u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0441 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432), \u043e\u0434\u043d\u0430\u043a\u043e \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438 \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0432\u0435\u0441\u044c\u043c\u0430 \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0441\u043b\u043e\u0436\u043d\u0435\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0432\u0441\u0451 \u0436\u0435 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f bitrix:news.list (\u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0432 \u0448\u0430\u0431\u043b\u043e\u043d .default \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0434 \u0438\u043c\u0435\u043d\u0435\u043c team-list) \u0438 \u0434\u043e\u043f\u0438\u0448\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430.<br \/>  \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432 .parameters.php \u043d\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435:  <\/p>\n<pre><code class=\"php\">$arTemplateParameters = array( \t&quot;LIST_NAME&quot; =&gt; Array( \t\t&quot;NAME&quot; =&gt; GetMessage(&quot;LIST_NAME&quot;), \t\t&quot;TYPE&quot; =&gt; &quot;HTML&quot;, \t\t&quot;DEFAULT&quot; =&gt; &quot;Our Team&quot;, \t), ); <\/code><\/pre>\n<p>  \u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b!<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0422\u0435\u043f\u0435\u0440\u044c \u0432\u043e\u0437\u044c\u043c\u0451\u043c\u0441\u044f \u0437\u0430 \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0422\u0443\u0442 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u0435\u043d\u044c\u043a\u0438\u0439 \u0441\u0447\u0451\u0442\u0447\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 row \u0438 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f 2,3,4 \u0438 5 \u0431\u043b\u043e\u043a\u043e\u0432 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435.<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\"> &lt;? $i++; if ($i &gt;= 5) {    $i = 0; ?&gt;    &lt;\/div&gt;&lt;div class=&quot;row&quot;&gt; &lt;? } ?&gt; &lt;?endforeach;?&gt;  &lt;? if ($i &gt; 0) { ?&gt;    &lt;\/div&gt; &lt;? } ?&gt; <\/code><\/pre>\n<p>  <i>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043e\u0431\u043d\u0443\u043b\u0438\u0442\u044c \u0441\u0447\u0451\u0442\u0447\u0438\u043a \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c \u0446\u0438\u043a\u043b\u0430 \u043d\u0430 \u0432\u0441\u044f\u043a\u0438\u0439 \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u0439.<\/i><\/div>\n<\/div>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0430 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u00ab\u0414\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c\u00bb, \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043c\u044b \u0437\u0430\u0434\u0430\u043b\u0438 \u043a\u043e\u0434 POSITION. \u0412 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0442\u0434\u0430\u0451\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u044d\u0442\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 $arResult[\u00abITEMS\u00bb][\u00abPROPERTIES\u00bb][\u00abPOSITION\u00bb][\u00abVALUE\u00bb], \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0432 \u043f\u0435\u0440\u0435\u0431\u0438\u0440\u0430\u0435\u043c\u043e\u043c \u043f\u043e ITEMS \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u0442\u043e \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c:  <\/p>\n<pre><code class=\"php\">&quot;PROPERTIES&quot;][&quot;POSITION&quot;][&quot;VALUE&quot;]?&gt;<\/code><\/pre>\n<p>  \u0421\u0430\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0442\u043e\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die(); $i=0;?&gt; &lt;h2&gt;&lt;?=$arParams['LIST_NAME']?&gt;&lt;\/h2&gt;  &lt;div class=&quot;team&quot;&gt; \t&lt;div class=&quot;row&quot;&gt; &lt;?if($arParams[&quot;DISPLAY_TOP_PAGER&quot;]):?&gt; \t&lt;?=$arResult[&quot;NAV_STRING&quot;]?&gt;&lt;br \/&gt; &lt;?endif;?&gt; &lt;?foreach($arResult[&quot;ITEMS&quot;] as $arItem):?&gt; \t&lt;? \t$this-&gt;AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem[&quot;IBLOCK_ID&quot;], &quot;ELEMENT_EDIT&quot;)); \t$this-&gt;AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem[&quot;IBLOCK_ID&quot;], &quot;ELEMENT_DELETE&quot;), array(&quot;CONFIRM&quot; =&gt; GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM'))); \t?&gt; \t\t&lt;div class=&quot;col col-md-4 &lt;?if($i &gt; 0){?&gt;col-md-offset-1&lt;?} ?&gt;&quot; id=&quot;&lt;?=$this-&gt;GetEditAreaId($arItem['ID']);?&gt;&quot;&gt; \t\t&lt;img src=&quot;&quot;PREVIEW_PICTURE&quot;][&quot;SRC&quot;]?&gt;&quot; alt=&quot;&quot;PREVIEW_PICTURE&quot;][&quot;ALT&quot;]?&gt;&quot; title=&quot;&quot;PREVIEW_PICTURE&quot;][&quot;TITLE&quot;]?&gt;&quot; class=&quot;thumbnail&quot;&gt; \t\t\t&lt;div class=&quot;caption&quot;&gt; \t\t\t&lt;h3&gt;&lt;?echo $arItem[&quot;NAME&quot;]?&gt;&lt;\/h3&gt; \t\t\t&lt;P&gt;&quot;PROPERTIES&quot;][&quot;POSITION&quot;][&quot;VALUE&quot;]?&gt;&lt;\/P&gt; \t\t\t&lt;\/div&gt; \t\t&lt;\/div&gt;  &lt;? $i++; if ($i &gt;= 5) {    $i = 0; ?&gt;    &lt;\/div&gt;&lt;div class=&quot;row&quot;&gt; &lt;? } ?&gt; &lt;?endforeach;?&gt;  &lt;? if ($i &gt; 0) { ?&gt;    &lt;\/div&gt; &lt;? } ?&gt; &lt;?if($arParams[&quot;DISPLAY_BOTTOM_PAGER&quot;]):?&gt; \t&lt;br \/&gt;&lt;?=$arResult[&quot;NAV_STRING&quot;]?&gt; &lt;?endif;?&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  \u041c\u044b \u043d\u0435 \u0441\u0442\u0430\u043b\u0438 \u0437\u0430\u043c\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u0432\u044b\u043d\u043e\u0441\u043e\u043c \u043a\u043e\u0434\u0430 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u0430 \u0442\u0430\u043a \u0436\u0435 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u043a\u043e\u0439 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 \u0441\u0442\u0440\u043e\u043a\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430.<br \/>  \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435, \u0432 \u043d\u0451\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u043f\u0438\u0441\u043a\u0430 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 (\u0438 \u043e\u043d \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043b\u0435\u0433\u0447\u0435 \u0433\u0440\u043e\u043c\u043e\u0437\u0434\u043a\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430).<\/p>\n<p>  <b>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043d\u0435\u043d\u0443\u0436\u043d\u0443\u044e \u0431\u043e\u043b\u0435\u0435 \u043f\u0430\u043f\u043a\u0443<\/b> \/bitrix\/templates\/whitesquare-bootstrap\/images\/team\/ \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u0431\u043b\u043e\u043a\u0430 \u0441 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043c\u0438 \u043d\u0430 \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a! <\/p>\n<h5>\u0422\u0435\u043a\u0441\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b ABOUT<\/h5>\n<p>  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0443 \u043d\u0430\u0441 \u043d\u0435\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u043a\u0430\u043a\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0434\u043e\u043b\u0436\u043d\u0430 \u043b\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0430\u044f \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438, \u0441\u043a\u0430\u0436\u0435\u043c, \u0434\u043e\u043b\u0436\u043d\u044b \u043b\u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0432\u0435\u0441\u0442\u0438 \u0432 \u0444\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u044e, \u043c\u044b \u043f\u043e\u0439\u0434\u0451\u043c \u043f\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443 \u043f\u0443\u0442\u0438.<br \/>  \u0412\u0435\u0441\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u043c, \u043c\u044b \u043b\u0438\u0448\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0438\u043b\u0435\u0439, \u0447\u0442\u043e\u0431\u044b \u0431\u0443\u0434\u0443\u0449\u0438\u0435 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e\u043c.<br \/>  \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0444\u0430\u0439\u043b\u043e\u043c \u0441\u0442\u0438\u043b\u0435\u0439 \u0441\u0430\u0439\u0442\u0430, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u0448\u0430\u0431\u043b\u043e\u043d\u0443 \/bitrix\/templates\/whitesquare-bootstrap\/styles.css (\u0438\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u043c):<br \/>  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f CSS \u043a \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443 \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435, \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u00ab\u0437\u0430\u0431\u044b\u0442\u044c\u00bb \u043e \u043a\u0430\u0441\u043a\u0430\u0434\u043d\u043e\u0441\u0442\u0438 CSS \u0438 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u0438 \u0431\u0435\u0437 \u0443\u0447\u0451\u0442\u0430 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<br \/>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0446\u0438\u0442\u0430\u0442\u0430 \u0441\u0442\u0430\u043d\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"css\">.jumbotron {             border-radius: 0;               \tpadding: 0;             margin: 0; font-size: 18px; font-weight: 200; background-color: #29c5e6; box-sizing: border-box; color: #ffffff; line-height: 2.1428571435; display: block; box-sizing: border-box; font-family: Tahoma, sans-serif;              blockquote {                 border-left: none;                  p {                     font: 300 italic 33px @brand-font;                     text-transform: uppercase;                     margin-bottom: 0;                     color: #ffffff;                 }                  small {                     display: block;                     text-align: right;                     color: #1D8EA6;                     color: #1D8EA6;                     font: 300 20px @brand-font;                      &:before {                         content: '';                     }                 }             }         } <\/code><\/pre>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/a60\/fb2\/e99\/a60fb2e9972817490201607214d40e47.png\"\/><br \/>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0441\u0430\u043c\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0442\u0438\u043b\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0438\u0437 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u0444\u0430\u0439\u043b .styles.php \u0432 \u043a\u043e\u0440\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043c\u0430\u0441\u0441\u0438\u0432 \u0441\u0442\u0438\u043b\u0435\u0439:  <\/p>\n<pre><code class=\"php\">&lt;? return array( \t&quot;jumbotron&quot; =&gt; &quot;\u0446\u0438\u0442\u0430\u0442\u0430&quot;, ); ?&gt; <\/code><\/pre>\n<p>  \u0418\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 (\u0432\u043a\u043b\u0430\u0434\u043a\u0430 \u00ab\u0441\u0442\u0438\u043b\u0438 \u0441\u0430\u0439\u0442\u0430\u00bb):<br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/f47\/469\/c79\/f47469c7905583a97a376c02e47dac82.png\"\/><\/p>\n<h4>\u041d\u0430\u0432\u043e\u0434\u0438\u043c \u043c\u0430\u0440\u0430\u0444\u0435\u0442<\/h4>\n<p>  \u0421 \u0446\u0435\u043b\u044c\u044e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0441\u0430\u0439\u0442\u0430 \u043f\u0430\u043f\u043a\u0443 \/page_templates\/, \u0433\u0434\u0435 \u0431\u0443\u0434\u0443\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0430\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<br \/>  \u0428\u0430\u0431\u043b\u043e\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0438\u0437 \u0441\u0435\u0431\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u0439 php \u0444\u0430\u0439\u043b, \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438.<br \/>  \u041f\u043e\u043c\u0438\u043c\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0442\u0430\u043a \u0436\u0435 \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0444\u0430\u0439\u043b .content.php \u0441 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0432\u0441\u0435\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442:  <\/p>\n<pre><code class=\"php\">&lt;?if(!defined(&quot;B_PROLOG_INCLUDED&quot;) || B_PROLOG_INCLUDED!==true)die();?&gt;&lt;? IncludeTemplateLangFile(__FILE__); $TEMPLATE[&quot;about.php&quot;] = Array(&quot;name&quot;=&gt;GetMessage(&quot;about&quot;), &quot;sort&quot;=&gt;1); ?&gt; <\/code><\/pre>\n<p>  \u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b!  <\/p>\n<ul>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/lang\/ru\/page_templates\/.content.php<\/li>\n<li>\/bitrix\/templates\/whitesquare-bootstrap\/lang\/ru\/page_templates\/.content.php<\/li>\n<\/ul>\n<p>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0435 \u0431\u044b\u043b \u043d\u0435\u043e\u043f\u043e\u0437\u043d\u0430\u043d\u043d\u044b\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c \u0434\u043b\u044f \u0438\u043c\u0435\u044e\u0449\u0438\u0445 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0443 \u043e\u0444\u043e\u0440\u043c\u0438\u043c \u0444\u0430\u0439\u043b \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0438\u043c \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442! \u041e\u043d\u0438 \u043f\u043e\u0434\u0445\u0432\u0430\u0442\u044f\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438:  <\/p>\n<ul>\n<li>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u2014 description.php \u0432 \u043a\u043e\u0440\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<br \/> \n<pre><code class=\"php\">&lt;?$arTemplate = array( \t&quot;NAME&quot; =&gt; &quot;\u0428\u0430\u0431\u043b\u043e\u043d 1 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u0425\u0430\u0431\u0440\u0430\u0425\u0430\u0431\u0440&quot;, \t&quot;DESCRIPTION&quot; =&gt; &quot;\u0428\u0430\u0431\u043b\u043e\u043d \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Bootstrap \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0432 \u0441\u0432\u0435\u0442\u043b\u043e-\u0441\u0438\u043d\u0438\u0445 \u0442\u043e\u043d\u0430\u0445&quot;, \t&quot;SORT&quot; =&gt; 100, ); ?&gt; <\/code><\/pre>\n<\/li>\n<li>\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u2014 screen.gif \u0432 \u043a\u043e\u0440\u043d\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/li>\n<\/ul>\n<p>  <b>\u0412\u043e\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u0432\u0441\u0451!<\/b><br \/>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/4f7\/650\/cf9\/4f7650cf92012e67a833ca20edc20104.png\"\/><\/p>\n<p>  \u041c\u044b \u043d\u0430\u0442\u044f\u043d\u0443\u043b\u0438 \u0433\u043e\u0442\u043e\u0432\u0443\u044e HTML \u0432\u0451\u0440\u0441\u0442\u043a\u0443 Bootstrap \u043d\u0430 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441, \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d!<\/p>\n<h4>\u041f\u043e\u0441\u043b\u0435\u0441\u043b\u043e\u0432\u0438\u0435<\/h4>\n<p>  \u0421\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u043e\u0447\u0435\u043d\u044c \u0434\u043b\u0438\u043d\u043d\u0430\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0447\u0438\u0442\u0430\u0442\u044c \u0432\u0441\u0435 \u043d\u0435\u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0438. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0448\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0443 \u2013 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043c\u043d\u0435 \u0432 \u043b\u0438\u0447\u043a\u0443, \u0438 \u044f \u0441 \u0443\u0434\u043e\u0432\u043e\u043b\u044c\u0441\u0442\u0432\u0438\u0435\u043c \u0435\u0451 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044e!<br \/>  \u041e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u0441\u043f\u0430\u0441\u0438\u0431\u043e <a href=\"http:\/\/habrahabr.ru\/users\/mirantus\/\" class=\"user_link\">Mirantus<\/a> \u0437\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u0433\u043e\u0442\u043e\u0432\u0443\u044e \u0432\u0451\u0440\u0441\u0442\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u0441\u043c\u043e\u0433 \u0432\u0437\u044f\u0442\u044c \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u0443!<br \/>  \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0431\u043e\u043d\u0443\u0441\u0430 \u0432 GitHub \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u043e\u043c\u0438\u043c\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u044f \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043b \u043f\u0430\u043f\u043a\u0443 IMPORT_DATA, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0434\u0430\u043c\u043f \u0434\u0435\u043c\u043e-\u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0444\u043e\u0431\u043b\u043e\u043a\u0430 \u0441 \u0447\u043b\u0435\u043d\u0430\u043c\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0432\u0448\u0435\u0433\u043e \u0432 \u0441\u0442\u0430\u0442\u044c\u0435. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u043a XML \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \/bitrix\/admin\/iblock_xml_import.php?lang=ru<\/p>\n<h5>\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438:<\/h5>\n<p>  <\/p>\n<ul>\n<li><a href=\"http:\/\/www.pcklab.com\/item.php?id=16\">\u0414\u0438\u0437\u0430\u0439\u043d Corporate Blue (\u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b)<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/post\/211032\/\">\u0421\u0442\u0430\u0442\u044c\u044f \u00ab\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0427\u0430\u0441\u0442\u044c 2 \u2014 Bootstrap\u00bb<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/lexnekr\/bitrix-template-whitesquare-bootstrap\">\u041f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 GitHub (\u0434\u0435\u043c\u043e-\u043a\u043e\u043d\u0442\u0435\u043d\u0442 + \u0448\u0430\u0431\u043b\u043e\u043d)<\/a><\/li>\n<li><a href=\"http:\/\/\u043a\u043e\u0444\u0435\u0434\u0438\u0437\u0430\u0439\u043d.\u0440\u0444\/upload\/solutions\/php\/win-1251\/whitesquare-bootstrap.tar.gz\">\u0428\u0430\u0431\u043b\u043e\u043d 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441 (CP-1251)<\/a><\/li>\n<li><a href=\"http:\/\/\u0442\u0435\u0441\u0442.\u043a\u043e\u0444\u0435\u0434\u0438\u0437\u0430\u0439\u043d.\u0440\u0444\">DEMO \u043d\u0430 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441<\/a> (<i>\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0434\u043e 5 \u043c\u0430\u0440\u0442\u0430, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u0441\u0441\u044b\u043b\u043a\u0443 \u0438\u0437 \u0441\u0442\u0430\u0442\u044c\u0438 \u0443\u0434\u0430\u043b\u044e<\/i>)<\/li>\n<\/ul>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/212163\/\"> http:\/\/habrahabr.ru\/post\/212163\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">\n<h4>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/h4>\n<p>  \u0423\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0439 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044c, \u0434\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u0441\u0443\u0442\u0438 \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/211032\/\">\u00ab\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0427\u0430\u0441\u0442\u044c 2 \u2014 Bootstrap\u00bb<\/a> \u0438 \u0437\u0434\u0435\u0441\u044c \u043c\u044b \u043e\u0442\u043e\u0439\u0434\u0451\u043c \u043e\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432\u0451\u0440\u0441\u0442\u043a\u0438, \u0437\u0430\u043d\u044f\u0432\u0448\u0438\u0441\u044c \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0435\u0439 HTML \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 CMS 1\u0421-\u0411\u0438\u0442\u0440\u0438\u043a\u0441.<\/p>\n<p>  \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u0425\u0430\u0431\u0440\u0430\u044e\u0437\u0435\u0440 <a href=\"http:\/\/habrahabr.ru\/users\/mirantus\/\" class=\"user_link\">Mirantus<\/a> \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u043b \u0448\u0430\u0431\u043b\u043e\u043d <a href=\"http:\/\/www.pcklab.com\/item.php?id=16\">Corporate Blue<\/a> \u043e\u0442 \u0441\u0442\u0443\u0434\u0438\u0438 Pcklaboratory \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <a href=\"http:\/\/getbootstrap.com\/\">Bootstrap 3<\/a>.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-212163","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/212163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=212163"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/212163\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=212163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=212163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=212163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}