Ты получаешь описание вакансии и даешь сопроводительное сообщение (не глобальное письмо, просто обычное сообщение, но не обязательно короткое) от СОИСКАТЕЛЯ, который ищет работу. Он умеет и знает все что указано в вакансии. Старайся звучать максимально реалистично и естественно, покажи что действительно заинтересован в вакансии и обрати внимание на инструменты и стек, которые известны тебе от лица соискателя, работодатель должен увидеть что ты действительно читал описание вакансии, НЕ оставляй в конце свои (соискателя) контакты : 
/*07.03.2025-hh-team-007*/
.hht-vacancydescription {
  padding: 0;
}

.tmpl_hh_wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 16px;
  font-family: Arial, sans-serif;
  line-height: 22px;
  letter-spacing: 0.01em;
  word-break: normal;
}

@media (max-width: 1019px) {
  .tmpl_hh_wrapper {
    max-width: 610px;
  }
}

.tmpl_hh_wrapper p, .tmpl_hh_wrapper h1, .tmpl_hh_wrapper h2, .tmpl_hh_wrapper h3, .tmpl_hh_wrapper h4, .tmpl_hh_wrapper h5, .tmpl_hh_wrapper h6, .tmpl_hh_wrapper a, .tmpl_hh_wrapper img, .tmpl_hh_wrapper ol, .tmpl_hh_wrapper ul, .tmpl_hh_wrapper li {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-size: inherit;
}

.tmpl_hh_wrapper ul {
  list-style: none;
}

.tmpl_hh_wrapper a {
  text-decoration: none;
}

.tmpl_hh_wrapper a:hover {
  color: inherit;
}

.tmpl_hh_wrapper img {
  display: block;
}

.tmpl_hh_wrapper button {
  display: block;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}

.tmpl_hh_wrapper button svg {
  cursor: pointer;
}

.tmpl_hh_wrapper .l-cell, .tmpl_hh_wrapper .l-paddings {
  padding: 0 !important;
}

.tmpl_hh_wrapper .b-vacancy-desc-wrapper {
  margin-top: 0 !important;
}

.tmpl_hh_wrapper .b-vacancy-desc {
  overflow: visible !important;
  line-height: inherit;
}

.tmpl_hh_content ol li b, .tmpl_hh_content ol li strong, .tmpl_hh_content ol li p b, .tmpl_hh_content ol li p strong, .tmpl_hh_content ul li b, .tmpl_hh_content ul li strong, .tmpl_hh_content ul li p b, .tmpl_hh_content ul li p strong {
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit;
  text-transform: none;
}

.tmpl_hh_content ol li p, .tmpl_hh_content ul li p {
  margin: 0;
  font-weight: normal;
}

.tmpl_hh_content p {
  margin-bottom: 16px;
}

.tmpl_hh_content p b, .tmpl_hh_content p strong {
  display: inline;
  margin: 0;
}

.tmpl_hh_content ol, .tmpl_hh_content ul {
  margin-bottom: 32px;
  margin-left: 18px;
  list-style: none !important;
}

.tmpl_hh_content ol {
  counter-reset: list_counter;
}

.tmpl_hh_content li {
  position: relative;
  margin-bottom: 8px;
  font-size: 16px;
}

.tmpl_hh_content li:last-child {
  margin-bottom: 0;
}

.tmpl_hh_content ul ul, .tmpl_hh_content ul ol, .tmpl_hh_content ol ol, .tmpl_hh_content ol ul {
  margin-top: 14px;
}

.tmpl_hh_content ol > li {
  counter-increment: list_counter;
}

.tmpl_hh_content ul > li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -18px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #000;
}

.tmpl_hh_content ol > li::before {
  content: counter(list_counter) ".";
  right: 100%;
  left: auto;
  margin-right: 2px;
}

.tmpl_hh_content :last-child {
  margin-bottom: 0;
}

.tmpl_hh_wrapper {
  position: relative;
  box-sizing: border-box;
  background-color: #004192;
  color: #fff;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 130%;
}

.tmpl_hh_wrapper::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 250px;
  height: 270px;
  background: url("https://hhcdn.ru/ichameleon/424500.svg") center/cover no-repeat;
}

.tmpl_hh_wrapper * {
  box-sizing: border-box;
}

.tmpl_hh_wrapper .tmpl_hh_designation {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  opacity: 0.6;
}

.tmpl_hh_wrapper h3.tmpl_hh_title {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
}

.tmpl_hh_wrapper .tmpl_hh_box {
  /* @include box-horisontal(px); */
  padding-right: 40px;
  padding-left: 40px;
}

@media (max-width: 655px) {
  .tmpl_hh_wrapper .tmpl_hh_box {
    /* @include box-horisontal(px); */
    padding-right: 20px;
    padding-left: 20px;
  }
}

.tmpl_hh_wrapper .tmpl_hh_box-t {
  padding-top: 0;
}

.tmpl_hh_wrapper .tmpl_hh_box-b {
  padding-bottom: 0;
}

.tmpl_hh_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tmpl_hh_header {
  position: relative;
  padding-top: 56.0869565217%;
}

@media (max-width: 655px) {
  .tmpl_hh_header {
    padding-top: unset;
  }
}

.tmpl_hh_header::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -130px;
  width: 200px;
  height: 152px;
  background: url("https://hhcdn.ru/ichameleon/424502.svg") center/cover no-repeat;
}

.tmpl_hh_header__top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  background: linear-gradient(0deg, rgba(13, 16, 41, 0) 0%, #06050c 100%);
}

@media (max-width: 655px) {
  .tmpl_hh_header__top {
    position: relative;
    padding: 16px 32px;
    background: linear-gradient(0deg, rgba(13, 16, 41, 0) 0%, #081027 26.67%, #081027 100%);
  }
}

@media (max-width: 655px) {
  .tmpl_hh_header__top > img {
    width: 105px;
  }
}

@media (max-width: 413px) {
  .tmpl_hh_header__top > img {
    width: 95px;
  }
}

@media (max-width: 413px) {
  .tmpl_hh_header__top > picture > img {
    width: 130px;
  }
}

.tmpl_hh_header__bottom {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 10px;
  background: linear-gradient(180deg, rgba(13, 16, 41, 0) 0%, rgba(21, 52, 122, 0.68) 46.64%, #004192 100%);
}

.tmpl_hh_header__bottom > p span {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
}

@media (max-width: 655px) {
  .tmpl_hh_header__bottom {
    position: relative;
    margin-top: -45px;
    background: linear-gradient(180deg, rgba(13, 16, 41, 0) 0%, #081027 28.97%, #004192 100%);
  }
}

.tmpl_hh_header__video {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
}

@media (max-width: 655px) {
  .tmpl_hh_header__video {
    position: relative;
    margin-top: -17px;
    aspect-ratio: 384/216;
  }
}

.tmpl_hh_content {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.tmpl_hh_content::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 112px;
  height: 117px;
  background: url("https://hhcdn.ru/ichameleon/424501.svg") center/cover no-repeat;
  transform: translateY(-50%);
}

.tmpl_hh_content::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 206px;
  height: 235px;
  background: url("https://hhcdn.ru/ichameleon/424499.svg") center/cover no-repeat;
}

.tmpl_hh_content h2, .tmpl_hh_content p.tmpl_hh_content_title, .tmpl_hh_content b.tmpl_hh_content_title, .tmpl_hh_content strong.tmpl_hh_content_title {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  color: inherit;
}

.tmpl_hh_content h2, .tmpl_hh_content p.tmpl_hh_content_title > b, .tmpl_hh_content p.tmpl_hh_content_title > strong {
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  color: inherit;
}

.tmpl_hh_content p, .tmpl_hh_content div {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 130%;
}

.tmpl_hh_content ul:not(:last-child) {
  margin-bottom: 40px;
}

.tmpl_hh_content ul:last-child {
  margin-bottom: 0;
}

.tmpl_hh_content ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 130%;
}

.tmpl_hh_content ul li:not(:last-of-type) {
  margin-bottom: 3px;
}

.tmpl_hh_content ul li::before {
  width: 5px;
  height: 5px;
  background: #f63;
  top: 7px;
}

.tmpl_hh_team {
  padding-bottom: 50px;
}

.tmpl_hh_team h3.tmpl_hh_title {
  margin-bottom: 20px;
}

.tmpl_hh_team__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}

.tmpl_hh_team__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 200px;
  gap: 16px;
}

@media (max-width: 1019px) {
  .tmpl_hh_team__list {
    grid-auto-rows: 230px;
  }
}

@media (max-width: 655px) {
  .tmpl_hh_team__list {
    grid-template-columns: 1fr;
  }
}

.tmpl_hh_team__list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #fff;
  border-radius: 8px;
}

.tmpl_hh_team__list-item--1 {
  background: url("https://hhcdn.ru/ichameleon/424509.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item--2 {
  background: url("https://hhcdn.ru/ichameleon/424511.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item--3 {
  background: url("https://hhcdn.ru/ichameleon/424513.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item--4 {
  background: url("https://hhcdn.ru/ichameleon/424510.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item--5 {
  background: url("https://hhcdn.ru/ichameleon/424512.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item--6 {
  background: url("https://hhcdn.ru/ichameleon/424508.jpg") center/cover no-repeat;
}

.tmpl_hh_team__list-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(25, 69, 161, 0) 0%, rgba(25, 69, 161, 0.54) 42.67%, #061897 100%);
  transition: transform 0.6s ease-in-out;
  transform: translateY(100%);
}

.tmpl_hh_team__list-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(25, 69, 161, 0) 0%, rgba(25, 69, 161, 0) 40%, #1945a1 100%);
}

.tmpl_hh_team__list-item .tmpl_hh_team__title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: bottom 0.6s ease-in-out;
}

.tmpl_hh_team__list-item .tmpl_hh_team__title p {
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: normal;
}

.tmpl_hh_team__list-item .tmpl_hh_team__title img {
  display: none;
  width: 25px;
  height: 25px;
  transition: transform 0.6s ease-in-out;
}

@media (max-width: 655px) {
  .tmpl_hh_team__list-item .tmpl_hh_team__title img {
    display: block;
  }
}

.tmpl_hh_team__list-item ul {
  position: relative;
  z-index: 2;
  margin-left: 22px;
  opacity: 0;
}

.tmpl_hh_team__list-item ul li {
  position: relative;
  z-index: 2;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}

.tmpl_hh_team__list-item ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -13px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
}

.tmpl_hh_team__list-item:hover .tmpl_hh_team__title {
  bottom: calc(100% + 8px);
}

.tmpl_hh_team__list-item:hover .tmpl_hh_team__title > img {
  transform: rotate(45deg);
}

.tmpl_hh_team__list-item:hover ul {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

.tmpl_hh_team__list-item:hover::before {
  transform: translateY(0);
}

.tmpl_hh_footer {
  padding-bottom: 20px;
}


    
      
        
          
          
            
            
          
        
        
          
        
        
          
            ЭТМ — это комплексный федеральный поставщик инженерных систем, входящий в список 200 крупнейших* компаний России
          
        
      
      
        ЭТМ – лидирующая российская компания в области поставок электротехники и инженерных систем. Входит в 200 крупнейших компаний России. ЭТМ — это более 10 тыс. сотрудников, 30 лет устойчивого развития, 9 логистических центров класса А, более 200 точек продаж, развитая транспортная инфраструктура и ассортимент более 2 млн наименований оборудования. Онлайн-сервисом iPRO ЭТМ, пользуются более 40 тысяч предприятий в России. ЧТО ПРЕДСТОИТ ДЕЛАТЬ:  Разработка новых Web-интерфейсов приложения на основе компонентного подхода. Поддержка и расширение по функционалу существующих Web-интерфейсов. Кроссбраузерная и адаптивная верстка. Покрытие разработанных компонентов unit-тестами. Участие в процессе код-ревью в разных ролях (автор или рецензент). Создание и обновление документации по разработанным компонентам с целью описания контрактов обмена данными между компонентами и логики их работы. Участие в проектных совещаниях, предусмотренных по проектам согласно применяемой методологии SCRUM.  ЧТО МЫ ОЖИДАЕМ ОТ КАНДИДАТА:  Знание нашего стека: JavaScript (ES 6+), React.js, HTML5, CSS3, React hook (useContext, useReducer), Redux, Context API, Axios, Material UI. Опыт работы от 2-х до 4-х лет. Умение работать в команде, в т.ч. согласно SCRUM методологии. Опыт работы с GitLab или иной системой контроля версий. Умение самостоятельно разбираться в проблеме и декомпозировать задачу на ряд более мелких последовательных шагов. Навыки коммуникации, достаточные для взаимодействия как внутри команды, так и с привлеченными специалистами из смежных направлений, напр., дизайнеры.  ЧТО МЫ ПРЕДЛАГАЕМ:  Работа в аккредитованной российской IT-компании. Работа над масштабными, интересными проектами в управляющем центре крупной компании. Официальное трудоустройство с первого дня работы. Уровень дохода обсуждается индивидуально. Гарантии и льготы в соответствии с трудовым законодательством РФ. Современный офис в центре города (выделенные зоны приема пищи, обособленные места отдыха, корпоративный кофе). Комфортные условия труда. Удаленный формат работы. Бесплатные тренировки по футболу, тег-регби, настольный теннис, членство в беговом клубе. Скидки на матчи клуба "Зенит". Корпоративные скидки на изучение английского языка. Бесплатные билеты в театры города на ежемесячной основе. Частичная компенсация стоимости парковки.   
      
      
        
          Стань частью нашей команды!
        
        
          
            
              
                Карьерный рост и развитие
                
              
              
                Корпоративный университет
                Горизонтальный и вертикальный рост
                Кадровый резерв
              
            
          
          
            
              
                Забота о благополучии сотрудников
                
              
              
                Льготы, бонусы и скидки
                Удобный график 
                Комфортные условия труда
                Материальная помощь
                Корпоративный транспорт для работников склада
              
            
          
          
            
              
                Стабильность и надёжность
                
              
              
                Официальное трудоустройство
                Белая заработная плата, премии
                Все предусмотренные законом гарантии и льготы
                Возможность сохранить работу при переезде
              
            
          
          
            
              
                Сплочённая команда
                
              
              
                Взаимодействие
                Профессионализм
                Помощь и поддержка
              
            
          
          
            
              
                Яркая корпоративная жизнь
                
              
              
                Внутренние сообщества и клубы
                Спортивные мероприятия
                Квизы, экскурсии
                Корпоративные мероприятия
                Корпоративные праздники и подарки для детей сотрудников
              
            
          
          
            
              
                Инновационность
                
              
              
                Собственный уникальный цифровой сервис iPRO, которым пользуется более 40 тысяч предприятий в России 
                Кадровый электронный документооборот
              
            
          
        

      
      
        АО ТД «ЭЛЕКТРОТЕХМОНТАЖ» представляет бренд ЭТМ
        *Монокль, Рейтинг 400 крупнейших компаний России, 2023 год
      
    
  

window.jqueryMigrateOnLoad = function() {try {
            jQuery.UNSAFE_restoreLegacyHtmlPrefilter();
            ;
//


const main = "";
const customTitle = () => {
  const allUl = document.querySelectorAll(".tmpl_hh_content ul");
  allUl.forEach((ul, i) => {
    const ulTitle = ul.previousElementSibling;
    if (ulTitle) {
      ulTitle.classList.add("tmpl_hh_content_title");
      if (i === 0) {
        ul.previousElementSibling.classList.add("tmpl_hh_content_title--first");
      }
    }
  });
};
document.addEventListener("DOMContentLoaded", () => {
  try {
    customTitle();
  } catch (error) {
    console.log(error);
  }
});


//
} catch (e) {console.error(e);}};Ключевые навыкиJavaScriptReactGitlabReact.jsMaterial UIЗадайте вопрос работодателюОн получит его с откликом на вакансиюГде располагается место работы?Какой график работы?Вакансия открыта?Какая оплата труда?Как с вами связаться?Другой вопросГде предстоит работатьСанкт-Петербург, Площадь Александра Невского 1, Площадь Восстания, 7-я Советская улица, 44Показать на большой карте