Июль - месяц вышивки
Если вы давно хотели попробовать машинную вышивку или узнать о ней больше, этот мастер-класс для вас.
<style>
.emb-mk-page {
max-width: 1180px;
margin: 0 auto;
padding: 28px 0 55px;
color: #222;
line-height: 1.65;
}
.emb-mk-page,
.emb-mk-page * {
box-sizing: border-box;
}
.emb-mk-hero {
background: linear-gradient(135deg, #fafafa 0%, #f4f4f4 100%);
border: 1px solid #ececec;
border-radius: 24px;
padding: 38px 32px;
margin-bottom: 34px;
}
.emb-mk-kicker {
display: inline-block;
margin-bottom: 14px;
padding: 8px 14px;
border-radius: 999px;
background: #fff;
color: #c40000;
border: 1px solid #f0d6d6;
font-size: 14px;
font-weight: 700;
}
.emb-mk-title {
margin: 0 0 16px;
font-size: 34px;
line-height: 1.18;
color: #111;
}
.emb-mk-lead {
margin: 0 0 24px;
max-width: 920px;
font-size: 18px;
color: #333;
}
.emb-mk-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 22px;
}
.emb-mk-btn {
display: inline-block;
padding: 14px 22px;
border-radius: 10px;
text-decoration: none;
font-size: 16px;
transition: .2s ease;
}
.emb-mk-btn-primary {
background: #c40000;
color: #fff;
}
.emb-mk-btn-primary:hover {
background: #a80000;
color: #fff;
}
.emb-mk-btn-secondary {
background: #fff;
color: #c40000;
border: 1px solid #c40000;
}
.emb-mk-btn-secondary:hover {
background: #fff5f5;
color: #a80000;
}
.emb-mk-chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.emb-mk-chip {
padding: 10px 14px;
background: #fff;
border: 1px solid #ececec;
border-radius: 999px;
font-size: 14px;
}
.emb-mk-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 390px;
gap: 36px;
align-items: start;
}
.emb-mk-content {
font-size: 17px;
}
.emb-mk-content h2 {
margin: 0 0 16px;
font-size: 28px;
line-height: 1.25;
color: #111;
}
.emb-mk-content p {
margin: 0 0 16px;
}
.emb-mk-content strong {
color: #111;
}
.emb-mk-info {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 28px 0;
}
.emb-mk-info-item {
padding: 18px;
border: 1px solid #ececec;
border-radius: 16px;
background: #fafafa;
}
.emb-mk-info-label {
display: block;
margin-bottom: 6px;
font-size: 13px;
color: #888;
}
.emb-mk-info-value {
display: block;
font-size: 18px;
font-weight: 700;
color: #111;
}
.emb-mk-highlight {
margin: 28px 0;
padding: 24px;
background: #fff8f8;
border: 1px solid #f0d6d6;
border-radius: 18px;
}
.emb-mk-form-card {
position: sticky;
top: 20px;
padding: 28px;
border-radius: 22px;
background: #fff;
box-shadow: 0 14px 38px rgba(0, 0, 0, .09);
border: 1px solid #ededed;
scroll-margin-top: 90px;
}
.emb-mk-form-card h2 {
margin: 0 0 10px;
font-size: 25px;
line-height: 1.25;
color: #111;
}
.emb-mk-form-card p {
margin: 0 0 18px;
font-size: 15px;
line-height: 1.5;
color: #666;
}
.emb-mk-form {
display: grid;
gap: 14px;
}
.emb-mk-label {
display: grid;
gap: 7px;
font-size: 14px;
font-weight: 700;
color: #333;
}
.emb-mk-input,
.emb-mk-select {
width: 100%;
height: 50px;
padding: 0 14px;
border: 1px solid #cfcfcf;
border-radius: 10px;
background: #fff;
font-size: 16px;
color: #222;
outline: none;
}
.emb-mk-input:focus,
.emb-mk-select:focus {
border-color: #c40000;
box-shadow: 0 0 0 3px rgba(196, 0, 0, .10);
}
.emb-mk-checkbox {
display: flex;
gap: 8px;
align-items: flex-start;
font-size: 13px;
line-height: 1.4;
color: #555;
}
.emb-mk-checkbox input {
margin-top: 3px;
}
.emb-mk-submit {
width: 100%;
min-height: 52px;
padding: 14px 18px;
border: none;
border-radius: 12px;
background: #c40000;
color: #fff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: .2s ease;
}
.emb-mk-submit:hover {
background: #a80000;
}
.emb-mk-submit:disabled {
opacity: .75;
cursor: wait;
}
.emb-mk-note {
margin-top: 6px;
font-size: 12px;
line-height: 1.45;
color: #888;
}
.emb-mk-note a,
.emb-mk-contact-note a {
color: #c40000;
text-decoration: none;
}
.emb-mk-contact-note {
margin-top: 18px;
font-size: 15px;
color: #555;
}
.emb-mk-alert-success,
.emb-mk-alert-error {
display: none;
margin-bottom: 16px;
padding: 14px 16px;
border-radius: 12px;
font-size: 14px;
line-height: 1.45;
}
.emb-mk-alert-success {
background: #eef8ee;
color: #1d6b2f;
border: 1px solid #cfe8d1;
}
.emb-mk-alert-error {
background: #fff1f1;
color: #9d1d1d;
border: 1px solid #f2c5c5;
}
.emb-mk-alert-success.is-visible,
.emb-mk-alert-error.is-visible {
display: block;
}
.emb-mk-hidden-frame {
display: none;
width: 0;
height: 0;
border: 0;
position: absolute;
left: -9999px;
}
@media (max-width: 900px) {
.emb-mk-page {
padding: 22px 0 46px;
}
.emb-mk-hero {
padding: 28px 20px;
}
.emb-mk-title {
font-size: 28px;
}
.emb-mk-layout {
grid-template-columns: 1fr;
}
.emb-mk-form-card {
position: static;
}
.emb-mk-info {
grid-template-columns: 1fr;
}
.emb-mk-content h2,
.emb-mk-form-card h2 {
font-size: 24px;
}
}
</style>
<div class="emb-mk-page">
<section class="emb-mk-hero">
<div class="emb-mk-kicker">
Июль — месяц вышивки
</div>
<h2 class="emb-mk-title">Мастер-класс по машинной вышивке «Кружевная салфетка»</h2>
<p class="emb-mk-lead">
Приглашаем на двухдневный практический мастер-класс в Челябинске. 4–5 и 25–26 июля создаём кружевную салфетку на современных вышивальных машинах Bernina, Bernette и Janome. Стоимость участия — 3400 рублей.
</p>
<p>
<br>
</p>
<div class="emb-mk-actions">
<a href="#emb-mk-form" class="emb-mk-btn emb-mk-btn-primary">Записаться на мастер-класс</a> <a href="tel:+79966922589" class="emb-mk-btn emb-mk-btn-secondary">Получить консультацию по телефону</a>
</div>
<div class="emb-mk-chips">
<div class="emb-mk-chip">
2 дня практики
</div>
<div class="emb-mk-chip">
Стоимость — 3400 ₽
</div>
<div class="emb-mk-chip">
Группа до 4 человек
</div>
<div class="emb-mk-chip">
Все материалы включены
</div>
<div class="emb-mk-chip">
Готовая салфетка домой
</div>
</div>
</section>
<div class="emb-mk-layout">
<div class="emb-mk-content">
<h2>Что будет на мастер-классе</h2>
<p>
Если вы давно хотели попробовать машинную вышивку или узнать о ней больше, этот мастер-класс для вас.
</p>
<p>
За два дня вы создадите красивую декоративную салфетку и познакомитесь с возможностями современной машинной вышивки на практике.
</p>
<p>
Мы покажем, как выполнять трассировку дизайнов, состыковывать рисунки, работать с различными стабилизаторами и получать аккуратный результат.
</p>
<div class="emb-mk-info">
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Даты</span> <span class="emb-mk-info-value">4–5 июля / 25–26 июля</span>
</div>
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Стоимость</span> <span class="emb-mk-info-value">3400 ₽</span>
</div>
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Формат</span> <span class="emb-mk-info-value">2 дня практики</span>
</div>
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Группа</span> <span class="emb-mk-info-value">до 4 человек</span>
</div>
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Техника</span> <span class="emb-mk-info-value">Bernina, Bernette, Janome</span>
</div>
<div class="emb-mk-info-item">
<span class="emb-mk-info-label">Материалы</span> <span class="emb-mk-info-value">включены</span>
</div>
</div>
<h2>Кому подойдёт</h2>
<p>
Мастер-класс будет интересен тем, кто только присматривается к вышивальным машинам и хочет понять их возможности, а также тем, кто уже работает на своей технике.
</p>
<p>
Для опытных вышивальщиков это возможность обменяться опытом с другими мастерами, обсудить рабочие приёмы и открыть для себя новые идеи.
</p>
<div class="emb-mk-highlight">
<p>
<strong>Стоимость мастер-класса — 3400 рублей.</strong>
Все материалы уже включены в стоимость. Домой вы заберёте готовую салфетку, вышивальные дизайны, образцы материалов и новые практические навыки.
</p>
</div>
<p>
<strong>Количество мест ограничено. Записывайтесь заранее.</strong>
</p>
</div>
<section class="emb-mk-form-card" id="emb-mk-form">
<h2>Записаться на мастер-класс</h2>
<p>
Оставьте контакты, выберите дату — мы свяжемся с вами и подтвердим запись.
</p>
<div class="emb-mk-alert-success" id="embMkSuccess">
Спасибо! Заявка отправлена. Мы свяжемся с вами в ближайшее время.
</div>
<div class="emb-mk-alert-error" id="embMkError">
Форма ещё загружается. Подождите пару секунд и попробуйте ещё раз.
</div>
<form id="embMkForm" class="emb-mk-form" method="post" action="/soc-contract/" target="embMkHiddenFrame">
<input type="hidden" name="sessid" id="embMkSessid" value=""> <input type="hidden" name="soccontract_form_submit" value="Y"> <input type="hidden" name="agree" value="Y"> <input type="hidden" name="name" id="embMkHiddenName" value=""> <input type="hidden" name="contact" id="embMkHiddenContact" value=""> <input type="hidden" name="task" id="embMkHiddenTask" value=""> <label class="emb-mk-label">
ФИО <input type="text" id="embMkFio" class="emb-mk-input" placeholder="Например, Иванова Анна" required=""> </label> <label class="emb-mk-label">
Номер телефона <input type="tel" id="embMkPhone" class="emb-mk-input" placeholder="+7 (___) ___-__-__" required=""> </label> <label class="emb-mk-label">
Дата мастер-класса
<select id="embMkDate" class="emb-mk-select" required="">
<option value="">Выберите дату</option>
<option value="4–5 июля">4–5 июля</option>
<option value="25–26 июля">25–26 июля</option>
</select>
</label> <label class="emb-mk-checkbox"> <input type="checkbox" id="embMkAgree" required="">
Я согласен(на) на обработку персональных данных </label> <button type="submit" class="emb-mk-submit" id="embMkButton">
Записаться на мастер-класс </button>
</form>
<div class="emb-mk-note">
Отправляя форму, вы соглашаетесь с <a href="https://shveichel.ru/include/licenses_detail.php" target="_blank" rel="noopener">
политикой обработки персональных данных </a>.
</div>
<div class="emb-mk-contact-note">
Или свяжитесь напрямую: <a href="tel:+73517349988">городской номер</a>, <a href="tel:+79966922589">мобильный номер</a>, <a href="https://t.me/shveichel1" target="_blank" rel="noopener">Telegram</a>, <a href="mailto:info@shveichel.ru">email</a>.
</div>
</section>
</div>
</div>
<iframe
src="/soc-contract/"
name="embMkHiddenFrame"
id="embMkHiddenFrame"
class="emb-mk-hidden-frame"
></iframe>
<script>
(function () {
var form = document.getElementById('embMkForm');
var iframe = document.getElementById('embMkHiddenFrame');
if (!form || !iframe) {
return;
}
var fio = document.getElementById('embMkFio');
var phone = document.getElementById('embMkPhone');
var date = document.getElementById('embMkDate');
var agree = document.getElementById('embMkAgree');
var hiddenSessid = document.getElementById('embMkSessid');
var hiddenName = document.getElementById('embMkHiddenName');
var hiddenContact = document.getElementById('embMkHiddenContact');
var hiddenTask = document.getElementById('embMkHiddenTask');
var successBox = document.getElementById('embMkSuccess');
var errorBox = document.getElementById('embMkError');
var button = document.getElementById('embMkButton');
var submitted = false;
var ready = false;
function hideMessages() {
successBox.classList.remove('is-visible');
errorBox.classList.remove('is-visible');
}
function showSuccess() {
successBox.classList.add('is-visible');
errorBox.classList.remove('is-visible');
}
function showError(text) {
errorBox.textContent = text || 'Форма ещё загружается. Подождите пару секунд и попробуйте ещё раз.';
errorBox.classList.add('is-visible');
successBox.classList.remove('is-visible');
}
function getSessidFromBitrix() {
if (window.BX && typeof BX.bitrix_sessid === 'function') {
return BX.bitrix_sessid();
}
return '';
}
function getSessidFromIframe() {
try {
var doc = iframe.contentDocument || iframe.contentWindow.document;
var input = doc.querySelector('input[name="sessid"]');
if (input && input.value) {
return input.value;
}
} catch (e) {}
return '';
}
function prepareSessid() {
var sessid = getSessidFromBitrix() || getSessidFromIframe();
if (sessid) {
hiddenSessid.value = sessid;
ready = true;
return true;
}
ready = false;
return false;
}
iframe.addEventListener('load', function () {
if (!submitted) {
prepareSessid();
return;
}
setTimeout(function () {
showSuccess();
form.reset();
hiddenName.value = '';
hiddenContact.value = '';
hiddenTask.value = '';
button.disabled = false;
button.textContent = 'Записаться на мастер-класс';
submitted = false;
prepareSessid();
}, 500);
});
setTimeout(function () {
prepareSessid();
}, 1000);
form.addEventListener('submit', function (event) {
event.preventDefault();
hideMessages();
if (!fio.value.trim()) {
showError('Укажите ФИО.');
return;
}
if (!phone.value.trim()) {
showError('Укажите номер телефона.');
return;
}
if (!date.value) {
showError('Выберите дату мастер-класса.');
return;
}
if (!agree.checked) {
showError('Подтвердите согласие на обработку персональных данных.');
return;
}
if (!ready && !prepareSessid()) {
showError('Форма ещё загружается. Подождите пару секунд и попробуйте ещё раз.');
return;
}
hiddenName.value = fio.value.trim();
hiddenContact.value = phone.value.trim();
hiddenTask.value = [
'ЗАЯВКА НА МАСТЕР-КЛАСС «КРУЖЕВНАЯ САЛФЕТКА»',
'',
'ФИО: ' + fio.value.trim(),
'Телефон: ' + phone.value.trim(),
'Дата мастер-класса: ' + date.value,
'Стоимость: 3400 рублей',
'Страница мастер-класса: https://shveichel.ru/news/iyul-mesyats-vyshivki/'
].join('\n');
button.disabled = true;
button.textContent = 'Отправляем...';
submitted = true;
HTMLFormElement.prototype.submit.call(form);
});
})();
</script>
