В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить

в 12:40, , рубрики: Карьера в IT-индустрии, карьера в сбертехе, Сбербанк, Сбертех, метки: , , , , ,

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить / Хабрахабр

@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:url(/fonts/0/FiraSans/hg-FiraSans-Regular.eot);src:local("Fira Sans"),local("FiraSans-Regular"),url(/fonts/0/FiraSans/hg-FiraSans-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/0/FiraSans/hg-FiraSans-Regular.woff2) format("woff2"),url(/fonts/0/FiraSans/hg-FiraSans-Regular.woff) format("woff"),url(/fonts/0/FiraSans/hg-FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:url(/fonts/0/FiraSans/hg-FiraSans-Medium.eot);src:local("Fira Sans Medium"),local("FiraSans-Medium"),url(/fonts/0/FiraSans/hg-FiraSans-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/0/FiraSans/hg-FiraSans-Medium.woff2) format("woff2"),url(/fonts/0/FiraSans/hg-FiraSans-Medium.woff) format("woff"),url(/fonts/0/FiraSans/hg-FiraSans-Medium.ttf) format("truetype")}

(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d=y?b():document.fonts.load(I(c,'"'+c.family+'"'),k).then(function(c){1parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=B&&(f==t&&g==t&&h==t||f==u&&g==u&&h==u||f==v&&g==v&&h==v)),b=!b;b&&(null!==d.parentNode&&d.parentNode.removeChild(d),clearTimeout(G),a(c))}function F(){if((new Date).getTime()-E>=y)null!==d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||
void 0===a)f=e.a.offsetWidth,g=n.a.offsetWidth,h=p.a.offsetWidth,r();G=setTimeout(F,50)}}var e=new q(k),n=new q(k),p=new q(k),f=-1,g=-1,h=-1,t=-1,u=-1,v=-1,d=document.createElement("div"),G=0;d.dir="ltr";w(e,I(c,"sans-serif"));w(n,I(c,"serif"));w(p,I(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);t=e.a.offsetWidth;u=n.a.offsetWidth;v=p.a.offsetWidth;F();z(e,function(a){f=a;r()});w(e,I(c,'"'+c.family+'",sans-serif'));z(n,function(a){g=a;r()});
w(n,I(c,'"'+c.family+'",serif'));z(p,function(a){h=a;r()});w(p,I(c,'"'+c.family+'",monospace'))})})};"undefined"!==typeof module?module.exports=A:(window.FontFaceObserver=A,window.FontFaceObserver.prototype.load=A.prototype.load);}());

(function( w ){
if( w.document.documentElement.className.indexOf( "fonts-loaded" ) > -1 ){ return; }

var html = document.documentElement;
var FS400 = new w.FontFaceObserver("Fira Sans", { weight: 400 });
var FS500 = new w.FontFaceObserver("Fira Sans", { weight: 500 });

Promise.all([ FS400.check, FS500.check ]).then(function() {
html.classList.add('fonts-loaded');
sessionStorage.fontsLoaded = true;
console.log('fonts-loaded');
}).catch(function () {
sessionStorage.fontsLoaded = false;
console.log('fonts-unloaded');
});

if (sessionStorage.fontsLoaded) {
html.classList.add('fonts-loaded');
}
}(this));

if (typeof adriver == 'undefined'){ var adb1 = 'yes';}

var user_type = 'guest';

var page_type = "publish_corp";

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-726094-1', 'auto');
ga('create', 'UA-726094-24', 'auto', {'name': 'HGM'});

ga('require', 'displayfeatures');
ga('set', 'dimension1', user_type); // user type - guest/readonly/habrauser

ga('set', 'dimension4', adb1);

ga('set', 'dimension5', page_type);

(function() {
var win = window;
var removeUtms = function(){
var location = win.location;
if (location.search.indexOf('utm_') != -1 && history.replaceState) {
history.replaceState({}, '', window.location.toString().replace(/(&|?)utm([_a-z0-9=]+)/g, ""));
}
};
ga('send', 'pageview', { 'hitCallback': removeUtms });
})();

ga('HGM.set', 'dimension1', user_type);
ga('HGM.set', 'dimension2', "habrahabr");
ga('HGM.send', 'pageview');

var adcm_config ={
id:1034,
platformId: 34,

tags: ['hub_career'],
init: function () {
window.adcm.call();
}
};

Блог компании Сбербанк-Технологии

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить

Вы никогда не будете заявлять, что удобство офиса, атмосфера и разные «плюшки» - не важно, если работали больше, чем в одной компании в своей жизни. От места к месту начинаешь чётко осознавать, насколько важно рабочее окружение - при этом не имеет значения, насколько активно ты им пользуешься.


В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 1

Гений места

Давайте посчитаем. Мы начинаем стабильно работать в возрасте около 21 года. Работаем по 8 часов в день и больше (что скрывать, иногда мы так увлекаемся задачами, что забываем о времени и засиживаемся в офисе). В году 247 рабочих дней, мы работаем по 8 часов плюс 1 час обеда, итого 1976 часов плюс 247 часов обеда - всего 2223 часа. Минус 164 часа отпускного рабочего времени, 2063 часа. Всего в году 8760 часов. Значит, на работе проходит 23,5% нашего времени, почти четверть. А если посчитать, что 7 часов уходит на сон, то минимум 33,2% - уже треть. Такой важный объем времени не должен быть отбыванием на рабочем месте или мучительным отсчётом минут до ухода домой. Нужно жить, развиваться, общаться и делать всякие классные штуки.

Хорошая атмосфера и правильный отдых во время перерывов значительно повышают производительность. Об этом вроде как все знают, постоянно читают и слушают на семинарах наши руководители. Но вот вы можете похвастаться кинотеатром в офисе? Или имеете возможность в середине рабочего дня пойти в столярную мастерскую - привести мысли в порядок, пока руки пересобирают модифицированный квадрокоптер?

А жителям (никак не получается применить слово «работники») СберТеха доступно всё (ну или практически всё), что восхищало нас в офисах IT-гигантов и кочевало по развлекательным сайтам с броским заголовком «Как работают в 100 лучших офисах мира». Здание на Новоданиловской набережной - как раз и есть очередной подобный пример.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 2

Офис как визитная карточка

На дверях лифта нас встречает наклейка, из-за которой хочется, чтобы лифт ехал к нам как можно дольше - нужно же изучить приветствия на всех этих языках! И то, что принято здороваться - это очень круто: сказанное коллегам простое «привет» как бы снимает налёт официоза, и даёт почувствовать, что ты в команде.

Светлые коридоры обещают много интересного, но сначала заглянем в рабочий опенспейс. Такая организация рабочих мест нам всегда казалась оптимальной: на тебя уже не давят тесные застенки кабинета, при этом не раздражает гудение и открытость гигантских рабочих пространств. Перегородки позволяют сосредоточиться, но стоит поднять глаза, и ты не упираешься в стену или заднюю крышку компьютера коллеги, а можешь перевести взгляд вдаль. Это полезно для зрения, поскольку разгружает глаза, сфокусированные на близком расстоянии. К тому же можно пообщаться с коллегами.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 3

В офисе все довольно свободно: если устал – приляг, в буквальном смысле, отдохни. Зон отдыха в огромном здании едва ли меньше, чем рабочих мест. Вообще коридоры в СберТехе - это особым образом организованное рабочее пространство, которое можно использовать и для отдыха, и для продуктивного обсуждения задач. В рекреациях можно посмотреть фотографии из истории СберТеха – и многие лица нам знакомы.

Даже стены в коридорах никак не назовешь скучными. Путешествуя по офису, ты ни на секунду не забываешь, что находишься именно в IT-компании.

А СберТех - это не просто IT-компания, это разработчик сервисов, которыми каждый день пользуются десятки миллионов человек.

А что конкретно делает СберТех, какие задачи решает? Самый важный и ответственный проект на ближайшие 2-3 года – создание и внедрение новой технологической платформы Сбербанка. Она станет основой экосистемы Сбербанка, в которую будут интегрированы партнеры, дочерние структуры, внешние компании. Усилиями команды СберТеха банк сможет создавать новые продукты гораздо быстрее, обеспечивать быструю и комфортную связь с клиентами, сократить в разы долю ручной обработки операций. Учитывая количество клиентов в дистанционных каналах – 48 миллионов (!), это по-настоящему масштабные и уникальные проекты. Требования к продуктам высокие: это и безопасность, и масштабируемость, и скорость, и отказоустойчивость. При этом система должна уметь грамотно распоряжаться теми огромными объемами данных, которые есть в распоряжении у Сбербанка. Небольшой тизер – это и big data, и machine learning, и data science и многое другое, что помогает анализировать данные о клиенте и делать реально подходящие ему предложения, а не спамить одинаковыми рассылками и контекстной рекламой.

Кстати на 2017 и 2018 год приходятся интересные задачи – создание ядра платформы и внедрение готового функционала. И да, опережая ваши вопросы, СберТеху в команду нужны люди. Шлите резюме на recruitment.sbt@sberbank.ru.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 4

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 5

Кадры решают всё

СберТех не только нанимает сотрудников, но также помогает развиваться, получать опыт, который трудно сравнить с любой другой IT-компанией. Финтех - это та среда, где учишься воспринимать проект не как «кусок кода, который ты пилишь», а целостно, отслеживая все взаимосвязи. Однако кадровая политика СберТеха не ограничивается простым хантингом - у компании есть свои кузницы кадров. Об истории взаимоотношения СберТеха с ведущими вузами России, МИФИ, МФТИ и другими, рассказывает особая рекреация.

Здесь нужно остановиться отдельно. Несмотря на бешеную популярность IT, в отрасли существует острый дефицит квалифицированных разработчиков. Во-первых, потребности всех компаний непрерывно растут, и рынок «прочёсан» HR-специалистами вдоль и поперёк. Во-вторых, в создании платформы используются настолько новые технологии, что специалистов по ним практически нет. Приходиться учиться самим.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 6

Именно по этой причине СберТех уже три года сотрудничает с вузами и получил уже два выпуска специалистов по собственным программам обучения, заточенных под свои проекты. В МФТИ, например, у компании есть своя кафедра Банковских Информационных Технологий. Выпускники подобных программ отлично знают и IT-стек, и финансовую сферу. Таких дефицитных специалистов СберТех получает, делая при обучении акцент на практику - студент видит реальные рабочие задачи и точно знает, какие знания ему необходимо усваивать.

Все выпускники выбрали работодателем СберТех, хотя их не связывали никакие договора и обязательства. Просто их привлекает масштабность задач, сложность и престиж работы в ИТ-компании с банковской лицензией (именно такой компанией становится Сбербанк). Немаловажный фактор - возможность со временем менять направление работы, участвуя во внутренних конкурсах на замещение вакантных должностей. Получается такой непрерывный профессиональный апгрейд.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 7

Андрей Прокопов, главный технолог, работает в СберТехе с 2015 года:


Успех - это совокупность трёх факторов: собственное удовлетворение от работы, ценность результатов для других, признание со стороны коллег и руководства


В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 8

Оксфорд, Кэмбридж, Сорбонна… ЛГУ

Как и в любой крупной компании, в СберТехе много переговорок. К ним можно пройти по указателями с названиями комнат. Переговорные названы в честь знаменитых вузов (Оксфорд, Кембридж, Сорбонна) и греческими буквами (Пси, Тау).

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 9

Вот еще одна переговорная - ЛГУ (есть еще МГУ). Эта не просто переговорка - это аудитория для студентов вузов МФТИ и МИФИ, о программах которых мы рассказали выше. Именно в этих стенах ребята не только завершают свое обучение, но и начинают профессиональную карьеру.

А теперь мы покажем дизайн-лабораторию СберТеха – Sbertech Intelligence Lab. Идём по длинному коридору и гадаем, что же там будет: строгий бюрократизм, мобильный минимализм или разнузданный креатив? Впрочем, осьминог (ктулху?) на маркерной доске говорит нам сразу о двух вещах: креативу быть, а рисуют тут круто.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 10

Офис дизайнеров более камерный, уютный, домашний – «то, что надо» для творческих натур, которые создают удобные и дружелюбные интерфейсы (не знаю, как вам, а мне мобильное приложение Сбера очень по душе и в моём личном рейтинге опережает своих двух именитых и шумных конкурентов).

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 11

В этой части офиса нам удалось пройти по уголкам человеческих страстей и пороков - мы ощутили вдохновение, пропитались тщеславием и оставили разбитые сердца там, где им предписано находиться.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 12

Дизайнеры живут и работают рядом со своими интерфейсами: здесь и банкоматы, и всем знакомое поле ввода кода, и элементы фирменного стиля, и разные типы пластиковых карт. Это не просто украшения интерьера, а функциональный демонстрационный материал.

Среди современных артефактов есть и фрагменты музея технологий - когда на них смотришь, особенно ощущаешь, насколько быстро движется технический прогресс. Что и говорить, интерфейсы сейчас не те, что были раньше: удобнее, быстрее, эргономичнее и понятнее.

Кстати, в этой части офиса сотрудники сами меняют интерьер в соответствии со своими желаниями и понятиями комфорта. В итоге получается совсем домашняя атмосфера. Упомянутая выше навигация тоже придумана ребятами из дизайнерской команды.

Здесь нет одинаковых рабочих мест - все они отвечают характеру и вкусу своего хозяина. Среди вдохновляющих и уютных вещей создаётся всё то, что мы видим на сайте, экране смартфона и дисплее банкомата.










В жизни всегда есть место отдыху

С досугом здесь тоже всё хорошо - у сотрудников есть много поводов задержаться в офисе и провести время с коллегами. Получается такой непрерывный и ненавязчивый тимбилдинг, что намного интереснее и приятнее, чем навязанные раз в год корпоративные праздники.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 13

В СберТехе есть даже собственная музыкальная группа. Плакат «Гринбита» скромно висит в одном ряду с Битлз, Пинк Флойд и Нирвана. Репетиции группы проходят в специальной комнате, оснащенной всем необходимым: барабанной установкой, синтезатором, микрофонами и прочим необходимым музыкальным оборудованием.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 14

В СберТехе есть много зон отдыха, которые оформлялись HR-отделом с учетом пожеланий сотрудников. Так, есть целый кинотеатр. Он работает без расписания, и любой сотрудник может в любой момент прийти и отдохнуть. Или даже поспать.

Для уставших от шума, звука и видеоряда есть уютная библиотека с книгами разной тематики. Если вы прочитали что-то невероятно крутое и хотите поделиться этим с миром, просто положите книгу на полку - и уже через несколько дней у вас появится собеседник для обсуждения прочитанного.

Но если кинотеатр и библиотеку мы хоть как-то можем себе представить в офисе, то что вы скажете насчет целой мастерской? В ее отделке использовался гофролист, стилизованный под борт морского контейнера – урбан стиль!

И вертолёт. Здесь есть радиоуправляемый вертолёт.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 15

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 16

Карьерный рост

Сотрудники амбициозны и очень любят чем-то да померяться. Ростом, например. Неожиданно мы встречаем обычную домашнюю линейку-планку – почти как та, которую заботливо не стирают с дверных косяков, пока не вырастут дети.

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 17

Тут всё понятно. Павлов (на самом верху) – большой начальник. Он всегда сверху вне зависимости от роста. Ржавчина – какой-то местный юмор, тайну нам так и не раскрыли. А Цукерберг нам казался более высоким.

Но это, конечно, всё обстановка - рабочая и не очень. А главное - это люди, которые здесь работают. Они точно следуют поговорке: делу время, потехе - час. За каждым из ребят стоит своя история успеха, свой профессиональный путь, проходящий в команде наставников, опытных руководителей и креативных недавних выпускников вузов. Вдобавок каждый из сотрудников формирует годовые планы своего личного развития, куда входят оплачиваемые СберТехом курсы, тренинги, конференции. Активным скучать не приходится.

А на стенах в коридорах офиса есть подтверждения – карьерные истории сотрудников, с которых хочется брать пример. Профессионализм не может не захватывать.

Ну а нам, в свою очередь, приятно было видеть, что одна из крупнейших отечественных IT-компаний имеет столь продуманную внутрикорпоративную культуру.

$(document).ready(function(){
t121_setHeight("16221704");
});
$(window).load(function(){
t121_setHeight("16221704");
});
$(window).resize(function(){
t121_setHeight("16221704");
});
$('.t121').bind('displayChanged',function(){
t121_setHeight("16221704");
});

Комментарии (2)

  • 21 марта 2017 в 15:59



    +2

    Визитная карточка, и… на первой же фотке — open space.

  • 21 марта 2017 в 16:20



    0

    Круто, но когда работать то

    если устал – приляг, в буквальном смысле, отдохни

    вы можете похвастаться кинотеатром в офисе? Или имеете возможность в середине рабочего дня пойти в столярную мастерскую — привести мысли в порядок, пока руки пересобирают модифицированный квадрокоптер

    Для переименования в жителей, не хватает детского сада и школы, чтоб с пелёнок воспитывать и обучать «новых » У сотрудников семьи, им дома надо жить иногда, кроме работы.
    Для домашнего уюта слишком много белого и строгие стены, как то визуально напрягает.
    А самое главное нехватает звукоизолированной комнаты с диваном или кроватью, для укрепления более «телесных » отношений с сотрудницами.
    На дворе то весна, надо в тренде быть!

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

$(document).ready( function(){
window.tmidLogin = function(){ return false; };
if( $.cookie('tmid_no_check') === undefined ) {
var expire = new Date();
expire.setMinutes(expire.getMinutes() + 10 );
$.cookie('tmid_no_check', 1, { expires: expire } );
$.getScript("https://id.tmtm.ru/checklogin/", function(){
if( window.tmidLogin() ) {
var href = $('#login').attr('href');
if( href !== undefined ) {
window.location.href = href;
}
}
});
}
});

// global vars
var g_base_url = 'habrahabr.ru';
var g_show_xpanel = false;
var g_base_fullurl = 'https://habrahabr.ru/';
var g_is_guest = false;

var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.tmtm.ru/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '5']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 18

gascrolldepth.init({
percentage: true,
PiwikGoal: true,
PiwikGoal20: 3,
PiwikGoal50: 15,
PiwikGoal70: 17,
PiwikGoal90: 19,
PiwikGoal100: 20
});

(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
if (typeof (_yaparams) != 'undefined') {
w.yaCounter24049213 = new Ya.Metrika({id:24049213,
webvisor:true,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
params:_yaparams});
} else {
w.yaCounter24049213 = new Ya.Metrika({id:24049213,
webvisor:true,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true});
}

} catch(e) { }
});

var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");

В гостях у Сбертеха: всё для работы, всё для роста. Мы чуть не остались жить - 19

function checkHeaderPos(){
var topToHubs = $('.megapost-cover').offset().top + $('.megapost-cover').outerHeight();
var sT = $(this).scrollTop();
if (sT > topToHubs) {
$('.t199__js__header, .t199_js__header').fadeIn();
} else {
$('.t199__js__header, .t199_js__header').fadeOut();
}
}

$(window).on('scroll', function() {
checkHeaderPos();
});

function drawguides(){
if($("#guides").length)$("#guides").remove();

$("body").append('

');

var g=$('#guides');
var ww=$(window).width();

var offset_left=parseInt((ww-1200)/2);
var col_space=20;
var col_width=100;

if(ww=960){
for(i=0;i<13;i++){
var x1=(i*col_width)+offset_left-col_space;
var x2=(i*col_width)+offset_left+col_space;
var n=i+1;
if(i!=0)g.append('

');
if(i!=12)g.append('

');
if(i!=12)g.append('

'+n+'

');
}
}

if(ww<960){
var x=parseInt(ww/2);
g.append('

');
}

var doit;
$(window).resize(function() {
if($("#guides").length){
clearTimeout(doit);
doit = setTimeout(drawguides, 300);
}
});
}

function showguides(){
if($("#guides").length){
$("#guides").remove();
$("#guidesmenubutton").css("display","none");
}else{
drawguides();
$("#guidesmenubutton").css("display","block");
}
}

Автор:

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js