Commit 8f3e870d authored by Sergey's avatar Sergey

Edits is almost done

parent e6175cca
......@@ -281,7 +281,7 @@
<form action="" name="form-enter-account" id="form-enter-account">
<div class="block-mb-orange">
<label for="phone">Телефон</label>
<input type="text" placeholder="+7" name="phone" id="phone">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div>
<div class="block-mb-orange">
<label for="password">Пароль</label>
......
......@@ -336,7 +336,7 @@
</div>
<div class="block-mb-orange">
<label for="phone-ask">Телефон <span>*</span></label>
<input type="text" name="phone-ask" id="phone-ask" placeholder="Телефон" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
<input type="text" name="phone-ask" id="phone-ask" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div>
<div class="block-mb-orange">
<label for="email-ask">E-mail</label>
......
......@@ -326,7 +326,7 @@
</div>
<div class="block-mb-orange">
<label for="phone-ask">Телефон <span>*</span></label>
<input type="text" name="phone-ask" id="phone-ask" placeholder="Телефон" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
<input type="text" name="phone-ask" id="phone-ask" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div>
<div class="block-mb-orange">
<label for="email-ask">E-mail</label>
......
......@@ -341,11 +341,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -363,11 +363,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -385,11 +385,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -407,11 +407,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -429,11 +429,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -451,11 +451,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -473,11 +473,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -495,11 +495,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -517,11 +517,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -539,11 +539,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -561,11 +561,11 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
......@@ -583,17 +583,31 @@
</div>
<div class="card__buttons">
<a href="#" class="card__toggle">
<img class="img-svg" src="./img/icon_add_vacancy.svg" alt="">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
</a>
<a href="#" class="button-text card__respond">
<img class="img-svg" class="img-svg" src="./img/icon_mail.svg" alt="">
Откликнуться
Пригласить
</a>
</div>
<div class="label-top" style="background-image: url(./img/icon_label_top.svg);"></div>
</div>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
</div>
<div class="wrapper-pagination block-mt-blue">
<div class="pagination">
<a href="#" class="pagination__block pagination__block_current">1</a>
<a href="#" class="pagination__block">2</a>
<a href="#" class="pagination__block">3</a>
<a href="#" class="pagination__block">4</a>
<a href="#" class="pagination__block">5</a>
<a href="#" class="pagination__block ellipsis">...</a>
<a href="#" class="pagination__block">18</a>
</div>
</div>
</div>
</div>
</div>
......
......@@ -517,7 +517,7 @@
<div class="job-posting-rates-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -554,7 +554,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -591,7 +591,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -684,7 +684,7 @@
<div class="top-company-label-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -709,7 +709,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -734,7 +734,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -775,7 +775,7 @@
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -800,7 +800,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -825,7 +825,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -866,7 +866,7 @@
<div class="tariffs-base-resumes-content block-mt-blue">
<div class="row row-tariffs">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -891,7 +891,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -916,7 +916,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......
......@@ -345,18 +345,25 @@ let inputFile = document.querySelectorAll('input[type="file"]');
if(inputFile.length)
{
inputFile.forEach(function(input)
inputFile.forEach(function(input)
{
input.addEventListener('change', function(e)
{
input.addEventListener('change', function(e)
if(input.id === 'load-photo') return;
// console.log(input.files);
let value = input.value;
// console.log(value);
value = value.replace( 'C:\\fakepath\\', '');
if(input.files.length > 1)
{
if(input.id === 'load-photo') return;
console.log(input.files);
let value = input.value;
// console.log(value);
value = value.replace( 'C:\\fakepath\\', '');
input.parentElement.querySelector('.file-value').innerHTML = value;
});
input.parentElement.querySelector('.file-value').innerHTML = 'выбрано ' + input.files.length + ' файла';
}
else
{
input.parentElement.querySelector('.file-value').innerHTML = 'выбран ' + input.files.length + ' файл';
}
});
});
}
......@@ -1188,8 +1195,10 @@ if(buttonMailingPhone && buttonMailingEmail)
let option = button.id;
if(mailingMethodOption.querySelector('.mailing-method-option_selected').dataset.option !== option)
{
mailingMethodOption.querySelector('.mailing-method-option_selected input[type="text"]').setAttribute('disabled', 'disabled');
mailingMethodOption.querySelector('.mailing-method-option_selected').classList.remove('mailing-method-option_selected');
mailingMethodOption.querySelector('div[data-option="' + option + '"]').classList.add('mailing-method-option_selected');
mailingMethodOption.querySelector('.mailing-method-option_selected input[type="text"]').removeAttribute('disabled');
}
});
});
......@@ -1541,36 +1550,60 @@ function validationForms(forms)
let valid = true;
if(form.id === 'form-password-recovery')
{
let inputs = form.querySelectorAll('input[type="text"]');
inputs = Array.prototype.slice.call(inputs)
if(inputs.length)
{
if(!inputs.some(checkFieldText))
{
valid = false;
}
else
{
inputs.map(input => input.classList.remove('field-error'));
}
}
}
// Проверим все текстовые инпуты
const fieldsText = form.querySelectorAll('input[type="text"][data-required="true"]');
fieldsText.forEach(function(input)
if(fieldsText.length)
{
// if(input.style.display === 'none') console.log('yes');
if(getComputedStyle(input, null).display === 'none' || input.disabled)
fieldsText.forEach(function(input)
{
input.classList.remove('field-error');
return;
}
// if(input.style.display === 'none') console.log('yes');
if(getComputedStyle(input, null).display === 'none' || input.disabled)
{
input.classList.remove('field-error');
return;
}
if(!checkFieldText(input)) valid = false;
});
if(!checkFieldText(input)) valid = false;
});
}
// Проверим все textarea
const fieldsTextarea = form.querySelectorAll('textarea[data-required="true"]');
fieldsTextarea.forEach(function(textarea)
if(fieldsTextarea.length)
{
if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
fieldsTextarea.forEach(function(textarea)
{
textarea.classList.remove('field-error');
return;
}
if(!checkFieldTextarea(textarea)) valid = false;
});
if(getComputedStyle(textarea, null).display === 'none' || textarea.disabled)
{
textarea.classList.remove('field-error');
return;
}
if(!checkFieldTextarea(textarea)) valid = false;
});
}
// Проверим все чекбоксы
......@@ -1596,35 +1629,48 @@ function validationForms(forms)
const fieldsPassword = form.querySelectorAll('input[type="password"]');
fieldsPassword.forEach(function(input)
if(fieldsPassword.length)
{
if(getComputedStyle(input, null).display === 'none' || input.disabled)
fieldsPassword.forEach(function(input)
{
input.classList.remove('field-error');
return;
}
if(!checkFieldPassword(input)) valid = false;
});
if(getComputedStyle(input, null).display === 'none' || input.disabled)
{
input.classList.remove('field-error');
return;
}
if(!checkFieldPassword(input)) valid = false;
});
}
// Проверка даты
const fieldsDates = form.querySelectorAll('input[data-picker="datepicker"]');
fieldsDates.forEach(function(input)
if(fieldsDates.length)
{
if(input.value.trim() !== '')
fieldsDates.forEach(function(input)
{
if(!checkFieldDate(input)) valid = false;
}
});
if(input.value.trim() !== '')
{
if(!checkFieldDate(input)) valid = false;
}
});
}
// Если были ошибки, не отправляем форму
if(valid)
{
sendForm(form);
if(form.id === 'form-registration')
{
console.log(true);
registrationForm(form);
}
else
{
sendForm(form);
}
}
});
......@@ -1718,7 +1764,7 @@ function sendForm(form)
document.querySelector('.modal-form_active').classList.remove('modal-form_active');
document.body.appendChild(shadow.querySelector('.modal-form'));
shadow.innerHTML = '';
var successSending = document.querySelector('.successful-sending');
let successSending = document.querySelector('.successful-sending');
successSending.classList.add('successful-sending_active');
shadow.appendChild(successSending);
......@@ -1750,7 +1796,7 @@ function sendForm(form)
}
else
{
var successSending = document.querySelector('.successful-sending');
let successSending = document.querySelector('.successful-sending');
shadow.appendChild(successSending);
shadow.classList.add('wrapper-shadow_active');
successSending.classList.add('successful-sending_active');
......@@ -1786,6 +1832,46 @@ function sendForm(form)
.catch(error => console.error(error));
}
function registrationForm(form)
{
fetch(form.action, { method: 'POST', body: new FormData(form)})
.then(response =>
{
let modalConfirm = document.querySelector('.modal-confirm');
document.body.classList.add('disabled');
shadow.appendChild(modalConfirm);
shadow.classList.add('wrapper-shadow_active');
modalConfirm.classList.add('modal-confirm_active');
shadow.addEventListener('click', (e) =>
{
if(e.target.classList.contains('wrapper-shadow'))
{
e.preventDefault();
modalConfirm.classList.remove('modal-confirm_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(modalConfirm);
shadow.innerHTML = '';
}
});
modalConfirm.querySelector('.close-modal a').addEventListener('click', function(e)
{
e.preventDefault();
modalConfirm.classList.remove('modal-confirm_active');
shadow.classList.remove('wrapper-shadow_active');
document.body.classList.remove('disabled');
document.body.appendChild(modalConfirm);
shadow.innerHTML = '';
});
})
.catch(error => console.error(error));
}
// Меню
......@@ -2341,6 +2427,22 @@ if(modalFind && findRef.length)
});
}
// Проверка значений в table
let tableFeedbackValues = document.querySelectorAll('.table-content-row .table-feedback-column p');
if(tableFeedbackValues.length)
{
tableFeedbackValues.forEach(value => {
if(value.innerHTML === '0')
{
value.style.color = '#b7b6c3';
value.style.borderColor = 'transparent';
value.style.fontFamily = 'Montserrat Medium';
}
});
}
// Графики со статистикой
document.addEventListener('DOMContentLoaded', () =>
......
......@@ -569,11 +569,11 @@
<div class="block-mb-blue mailing-method-option">
<div class="container-compressed mailing-method-option_selected" data-option="mailing-phone">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div>
<div class="container-compressed" data-option="mailing-email">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" placeholder="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$">
<input type="text" name="email" id="email" placeholder="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" data-required="true" disabled>
</div>
</div>
<div class="block-mb-blue">
......
......@@ -550,7 +550,17 @@
</div>
</div>
</div>
</div>
</div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
......@@ -595,7 +605,17 @@
</div>
</div>
</div>
</div>
</div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div>
<div class="order-block block-mb-green">
<h2>Заказ № 0028 от 30.01.2019</h2>
......@@ -640,7 +660,17 @@
</div>
</div>
</div>
</div>
</div>
<div class="order-block-actions block-mt-blue">
<a href="#" class="button-text">
<img class="img-svg" src="./img/icon_scroll.svg" alt="">
Скачать счёт для оплаты
</a>
<a href="#" class="button-text block-mt-yellow">
<img class="img-svg" src="./img/icon_remove_vacancy.svg" alt="">
Отменить заказ
</a>
</div>
</div>
<div class="wrapper-button-center block-mt-green">
<button type="button" class="other-button">Показать ещё</button>
......
......@@ -282,7 +282,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green">
<label for="phone">Телефон</label>
<input type="text" placeholder="+7" name="phone" id="phone" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div>
<div class="block-mb-green">
<div class="little-title">
......
......@@ -272,7 +272,7 @@
<form action="" name="form-password-recovery" id="form-password-recovery" enctype="multipart/form-data" data-ajax="true">
<div class="block-mb-green">
<label for="phone">Телефон</label>
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div>
<div class="block-mb-green">
<div class="little-title">
......
......@@ -355,7 +355,7 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name-vacancy">Название вакансии <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-vacancy" id="name-vacancy" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
<input type="text" placeholder="НАЗВАНИЕ ВАКАНСИИ" name="name-vacancy" id="name-vacancy" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
</div>
<div class="block-mb-yellow">
<label for="desired-salary">Предполагаемый доход, руб <span>*</span></label>
......@@ -387,7 +387,7 @@
</div>
<div class="block-mt-yellow">
<label for="phone-contact-person">Телефон <span>*</span></label>
<input type="text" name="phone-contacts-person" id="phone-contact-person" placeholder="+7" data-required="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
<input type="text" name="phone-contacts-person" id="phone-contact-person" data-required="true" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__">
</div>
<div class="block-mt-yellow">
<label for="email-contact-person">E-mail</label>
......
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
<input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$">
</div>
<div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789">
<input type="text" placeholder=НН" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789">
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович">
<input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович">
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" value="+79876543210">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" value="+79876543210">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
......@@ -325,14 +325,14 @@
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked required>
<input type="radio" id="male" name="gender" hidden="" checked>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="" required>
<input type="radio" id="female" name="gender" hidden="">
<div class="radio"></div>
Женский
</label>
......
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="ИП Чапаев" disabled>
<input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="ИП Чапаев" disabled>
</div>
<div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789" disabled>
<input type="text" placeholder=НН" name="inn" id="inn" pattern="[0-9]{10,12}" data-required="true" value="526123456789" disabled>
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Иванов Иван Иванович" disabled>
<input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Иванов Иван Иванович" disabled>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" value="+79876543210" disabled>
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" value="+79876543210" disabled>
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
......@@ -341,12 +341,12 @@
<div class="container-compressed">
<div class="block-mb-yellow">
<label for="name-company">Название компании <span>*</span></label>
<input type="text" placeholder="ИМЯ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" disabled>
<input type="text" placeholder="НАЗВАНИЕ КОМПАНИИ" name="name-company" id="name-company" value="ИП Чапаев" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" disabled>
</div>
<div class="block-mb-yellow">
<label for="inn">ИНН <span>*</span></label>
<!-- <div style="display: flex; align-items: center"> -->
<input type="text" placeholder=МЯ" name="inn" id="inn" value="526123456789" pattern="[0-9]{10,12}" data-required="true" disabled>
<input type="text" placeholder=НН" name="inn" id="inn" value="526123456789" pattern="[0-9]{10,12}" data-required="true" disabled>
<!-- <span class="block-tooltip" style="position: absolute; right: -26px;" data-info="Всплывающий тултип с кратким пояснительным текстом, появляющийся при наведении курсора на иконку">
<img src="./img/icon_info.svg" alt="">
</span> -->
......@@ -394,11 +394,11 @@
</div>
<div class="block-mb-yellow">
<label for="contact-person">Контактное лицо <span>*</span></label>
<input type="text" placeholder="ОТЧЕСТВО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович" disabled>
<input type="text" placeholder="ФИО" name="contact-person" id="contact-person" data-required="true" pattern="[^-`~!@#№$%^&*()_=+\\|\[\]{};:',<>\/?]+$" value="Чапаев Василий Иванович" disabled>
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" value="+79876543210" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true" disabled>
<input type="text" name="phone" id="phone" value="+79876543210" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true" disabled>
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......
......@@ -325,14 +325,14 @@
<p>Пол:</p>
<div class="block-radio">
<label for="male">
<input type="radio" id="male" name="gender" hidden="" checked disabled required>
<input type="radio" id="male" name="gender" hidden="" checked disabled>
<div class="radio"></div>
Мужской
</label>
</div>
<div class="block-radio">
<label for="female">
<input type="radio" id="female" name="gender" hidden="" disabled required>
<input type="radio" id="female" name="gender" hidden="" disabled>
<div class="radio"></div>
Женский
</label>
......
......@@ -334,7 +334,7 @@
</div>
<div class="block-mb-yellow">
<label for="phone">Телефон <span>*</span></label>
<input type="text" name="phone" id="phone" placeholder="+7" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" data-required="true">
<input type="text" name="phone" id="phone" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email">E-mail <span>*</span></label>
......@@ -720,6 +720,26 @@
</div>
</div>
</div>
<div class="modal-form modal-confirm">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Подтвердите регистрацию</h2>
<div class="block-mt-blue">
<div class="block-mb-green">
<p>По адресу <a href="mailto:kompania@kompania" class="confirmation-mail">kompania@kompania</a> выслано письмо со ссылкой: перейдите по ней, чтобы подтвердить свою почту и завершить регистрацию.</p>
</div>
<div class="block-mb-green">
<p>Если вы не видите письма во входящих, проверьте папку со спамом, а также другие папки, в которые письмо может попасть.</p>
</div>
<p>Или <a href="№" class="repeated-request">запросите письмо повторно</a>.</p>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -730,6 +730,26 @@
</div>
</div>
</div>
<div class="modal-form modal-confirm">
<div class="close-modal">
<a href="#">
Закрыть
<img class="img-svg" src="./img/icon_close_modal.svg" alt="">
</a>
</div>
<div class="modal-form-content block-mt-yellow">
<h2>Подтвердите регистрацию</h2>
<div class="block-mt-blue">
<div class="block-mb-green">
<p>По адресу <a href="mailto:kompania@kompania" class="confirmation-mail">kompania@kompania</a> выслано письмо со ссылкой: перейдите по ней, чтобы подтвердить свою почту и завершить регистрацию.</p>
</div>
<div class="block-mb-green">
<p>Если вы не видите письма во входящих, проверьте папку со спамом, а также другие папки, в которые письмо может попасть.</p>
</div>
<p>Или <a href="№" class="repeated-request">запросите письмо повторно</a>.</p>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -326,7 +326,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label>
<label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
......@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label>
<label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
......@@ -352,7 +352,7 @@
<h2>Хотите что-нибудь написать?</h2>
<div class="block-mt-green">
<form action="" name="form-answer-employer" id="form-answer-employer" data-ajax="true">
<label for="message">Сообщение</label>
<label for="message">Сообщение <span>*</span></label>
<textarea name="message" id="message" data-required="true"></textarea>
<div class="block-mt-green">
<input type="submit" class="main-button" name="submit-answer" value="Отправить">
......
......@@ -1073,6 +1073,10 @@
{
margin-bottom: 0 !important;
}
.row-tariffs
{
margin-top: -32px;
}
}
@media(max-width: 550px)
{
......
......@@ -915,7 +915,6 @@ ul
// margin-top: 22px;
label
{
cursor: pointer;
display: flex;
align-items: center;
font-family: Montserrat Regular;
......@@ -970,11 +969,6 @@ ul
border-color:#dddce8;
background: transparent;
}
input[type="radio"]:disabled
{
cursor: none !important;
pointer-events: none;
}
input[type="radio"]:disabled ~ p
{
color: #b7b6c3;
......@@ -983,6 +977,11 @@ ul
{
background-color: #b7b6c3;
}
input[type="radio"]:disabled ~ .radio
{
cursor: default;
pointer-events: none;
}
p
{
font-family: Montserrat Regular;
......@@ -1012,7 +1011,6 @@ ul
// margin-top: 22px;
label
{
cursor: pointer;
display: flex;
align-items: center;
font-family: Montserrat Regular;
......@@ -1056,9 +1054,9 @@ ul
{
opacity: 1;
}
input[type="checkbox"]:disabled
input[type="checkbox"]:disabled ~ .check
{
cursor: none !important;
cursor: default;
pointer-events: none;
}
input[type="checkbox"].check-error ~ .check
......@@ -1437,6 +1435,33 @@ textarea:disabled
display: block;
}
.modal-confirm
{
display: none;
z-index: 5;
position: absolute;
opacity: 1;
min-height: 519px;
top: calc(-12.5% - 286px);
p
{
text-align: center;
a
{
padding-bottom: 4px;
}
}
.confirmation-mail
{
font-family: Montserrat Semibold;
}
}
.modal-confirm_active
{
display: block;
}
.close-modal
{
padding-left: 20px;
......@@ -4883,6 +4908,13 @@ input[type="submit"]
font-family: Montserrat Semibold;
}
}
.table-feedback-column
{
p
{
border-bottom: 1px dotted currentColor;
}
}
}
}
&__name
......@@ -4892,6 +4924,7 @@ input[type="submit"]
{
display: inline-block;
margin-bottom: 7px;
font-family: Montserrat Medium;
}
}
&__actions
......@@ -4907,6 +4940,7 @@ input[type="submit"]
font-size: 12px;
width: 85%;
margin: 0;
color: $color-ref;
}
}
.button-text:nth-child(2)
......@@ -5071,6 +5105,7 @@ input[type="submit"]
{
display: flex;
justify-content: space-between;
align-items: flex-start;
&-left
{
width: 22%;
......@@ -5078,7 +5113,11 @@ input[type="submit"]
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #dddce8;
padding-right: 20px;
padding-right: 20px;
a
{
font-family: Montserrat Medium;
}
}
&-right
{
......@@ -5106,6 +5145,22 @@ input[type="submit"]
{
display: flex;
}
.response-company-column
{
a
{
font-family: Montserrat Medium;
padding-bottom: 4px;
line-height: normal;
}
}
.response-date-column
{
p
{
font-family: Montserrat Semibold;
}
}
}
}
&-name-column
......@@ -5178,9 +5233,8 @@ input[type="submit"]
{
content: attr(data-label);
position: absolute;
font-family: Montserrat Bold;
font-family: Montserrat Semibold;
font-size: 14px;
font-stretch: normal;
font-style: normal;
line-height: normal;
......@@ -5739,6 +5793,7 @@ form
{
margin-left: -10px;
margin-right: -10px;
margin-top: -43px;
.col-4
{
padding-left: 10px;
......@@ -5824,7 +5879,7 @@ form
&-block
{
border-bottom: 2px solid #DDDCE8;
padding-bottom: 43px;
// padding-bottom: 43px;
&__image
{
img
......@@ -5885,6 +5940,7 @@ form
{
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.banner-info
......@@ -6282,6 +6338,20 @@ hr
line-height: normal;
}
}
.employees-name-column, .employees-status-column
{
p
{
font-family: Montserrat Medium;
}
}
.employees-email-column
{
p
{
font-family: Montserrat Semibold;
}
}
}
&-row_new
{
......@@ -6312,7 +6382,7 @@ hr
{
opacity: 0;
pointer-events: none;
font-family: Montserrat Bold;
font-family: Montserrat Semibold;
font-size: 14px;
font-stretch: normal;
font-style: normal;
......
......@@ -297,9 +297,9 @@
</div>
<div class="tabs-content block-mt-blue">
<div class="tabs-content-block tabs-content-block_active" data-tab="tab-job-posting">
<div class="row row-tariffs">
<div class="row row-tariffs block-mb-purple">
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -336,7 +336,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -373,7 +373,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -410,7 +410,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Профи</p>
</div>
......@@ -447,7 +447,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Профи Плюс</p>
</div>
......@@ -490,9 +490,9 @@
В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
</div>
<div class="tabs-content-block" data-tab="tab-base-resume">
<div class="row row-tariffs">
<div class="row row-tariffs block-mb-purple">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -517,7 +517,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -542,7 +542,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -567,7 +567,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -592,7 +592,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Безлимит</p>
</div>
......@@ -623,8 +623,8 @@
В отличие от услуг сервиса и поддержки, имеющих разовый, эпизодический, случайный характер и ограниченных началом и концом, на аутсорсинг передаются обычно функции по профессиональной поддержке бесперебойной работоспособности отдельных систем и инфраструктуры на основе длительного контракта (не менее 1 года). Наличие бизнес-процесса является отличительной чертой аутсорсинга от различных других форм оказания услуг и абонентского обслуживания.</p>
</div>
<div class="tabs-content-block" data-tab="tab-commercial">
<div class="posting-pictures">
<div class="posting-pictures-block block-mb-green">
<div class="posting-pictures block-mb-purple">
<div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row">
<div class="col-6">
<div class="posting-pictures-block__image">
......@@ -667,8 +667,8 @@
</form>
</div>
</div>
</div>
<div class="posting-pictures-block block-mb-green">
</div>
<div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row">
<div class="col-6">
<div class="posting-pictures-block__image">
......@@ -712,7 +712,7 @@
</div>
</div>
</div>
<div class="posting-pictures-block block-mb-green">
<div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row">
<div class="col-6">
<div class="posting-pictures-block__image">
......@@ -756,7 +756,7 @@
</div>
</div>
</div>
<div class="posting-pictures-block block-mb-green">
<div class="posting-pictures-block block-mb-green block-pb-green">
<div class="row">
<div class="col-6">
<div class="posting-pictures-block__image">
......@@ -806,9 +806,9 @@
Первое, о чем вы должны спросить себя, на кого ориентирована ваша медийная компания? Например, если вы предлагаете продукт красоты, то вы вряд ли хотите потратить свой рекламный бюджет размещая баннеры на блогах автомобилистов. Потратьте некоторое время, чтобы составить профиль вашего идеального покупателя (классический приме маркетинга), и постарайтесь понять какие типы сайтов посещает ваш идеальный покупатель. Отличной идеей будет размещение баннеров на блогах и сайтах занимающих подобную вашему бизнесу нишу, и обязательно изучите все рекламные возможности, которые они могут предложить. Значит, если вы рекламируете новый продукт индустрии красоты, то вы должны планировать размещение рекламных баннеров на блогах, форумах и других сайтах в мире моды и красоты. Начните с составления списка этих сайтов.</p>
</div>
<div class="tabs-content-block" data-tab="tab-top-companies">
<div class="row row-tariffs">
<div class="row row-tariffs block-mb-purple">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -833,7 +833,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -858,7 +858,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -883,7 +883,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block discount">
<div class="block-mt-green tariff-block discount">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -908,7 +908,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Безлимит</p>
</div>
......@@ -935,9 +935,9 @@
</div>
</div>
<div class="tabs-content-block" data-tab="tab-top-vacancies">
<div class="row row-tariffs">
<div class="row row-tariffs block-mb-purple">
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Старт</p>
</div>
......@@ -962,7 +962,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Стандарт</p>
</div>
......@@ -987,7 +987,7 @@
</div>
</div>
<div class="col-4">
<div class="block-mb-green tariff-block">
<div class="block-mt-green tariff-block">
<div class="tariff-block__title">
<p>Бизнес</p>
</div>
......@@ -1146,7 +1146,7 @@
</div>
<div class="block-mb-yellow">
<label for="phone-person">Телефон <span>*</span></label>
<input type="text" name="phone-person" id="phone-person" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7" data-required="true">
<input type="text" name="phone-person" id="phone-person" data-phone="true" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" placeholder="+7 (___)___-__-__" data-required="true">
</div>
<div class="block-mb-yellow">
<label for="email-person">E-mail</label>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment