Made on
Tilda
Частный мастер Роман. Срочные выезды круглосуточно, гарантия 1 год, чек и договор, оплата картой. Работаю по городу и области по договорённости.
Роман быстро приехал, нашёл неисправность и в тот же день починил холодильник. Всё объяснил, работал аккуратно, холодильник после ремонта работает отлично. Очень довольна результатом.
Обращался по ремонту No Frost. Мастер приехал оперативно, сразу озвучил стоимость и не навязывал лишних работ. Видно, что специалист с большим опытом. Спасибо за качественный ремонт.
Понравилось, что диагностика бесплатная, а ремонт сделали быстро и без лишней суеты. Удобно, что можно оплатить картой и получить чек. Надёжный мастер, смело рекомендую.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Частный Мастер Роман — ремонт холодильников</title>
<meta name="description" content="Ремонт холодильников в Саратове-Энгельсе. Бесплатная диагностика, выезд 30 минут, гарантия 1 год." />
<style>
:root{
--bg:#fff7f2;
--bg2:#ffffff;
--text:#222;
--muted:#6a6a6a;
--primary:#c85a11;
--primary2:#ef8a2f;
--line:#f0d7c4;
--card:#ffffff;
--shadow:0 18px 40px rgba(0,0,0,.08);
--radius:22px;
--radius-sm:16px;
--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:Inter,Arial,Helvetica,sans-serif;
background:linear-gradient(180deg,#fff5ed 0%,#fff 50%,#fff8f3 100%);
color:var(--text);
line-height:1.45;
}
a{text-decoration:none;color:inherit}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.topbar{
position:sticky;top:0;z-index:20;
background:rgba(255,255,255,.86);
border-bottom:1px solid rgba(200,90,17,.08);
backdrop-filter: blur(12px);
}
.topbar-inner{
display:flex;align-items:center;justify-content:space-between;
gap:18px;padding:14px 0;
}
.brand{font-weight:800;font-size:20px}
.brand small{display:block;font-size:12px;color:var(--muted);font-weight:600}
.top-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.chip{
padding:11px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);
font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.04)
}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
min-height:52px;padding:14px 22px;border-radius:999px;
font-weight:800;letter-spacing:.1px;transition:.2s ease;
border:none;cursor:pointer;
}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 14px 28px rgba(200,90,17,.28)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--text)}
.hero{
padding:36px 0 28px;
}
.hero-wrap{
display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch;
}
.hero-main,.hero-side{
background:var(--card);
border:1px solid #f4ddcc;
border-radius:32px;
box-shadow:var(--shadow);
}
.hero-main{
padding:44px;
background:
radial-gradient(circle at top right, rgba(239,138,47,.16), transparent 34%),
linear-gradient(180deg,#fffdfb 0%, #fff 100%);
}
.eyebrow{
display:inline-flex;align-items:center;gap:8px;
padding:10px 14px;border-radius:999px;
background:#fff2e8;color:var(--primary);font-weight:800;
margin-bottom:18px;font-size:13px;
}
h1{
margin:0 0 16px;font-size:clamp(34px,5.2vw,64px);line-height:1.02;
letter-spacing:-1.3px;
}
.hero p{
margin:0 0 22px;font-size:18px;color:#444;max-width:700px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 24px}
.hero-points{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px;
}
.hero-point{
padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;
font-weight:700;color:#4a4a4a;
}
.hero-side{
padding:24px;
display:flex;flex-direction:column;justify-content:space-between;
background:
linear-gradient(180deg,rgba(255,245,237,1),rgba(255,255,255,1));
}
.visual{
min-height:320px;border-radius:24px;overflow:hidden;
background:
linear-gradient(145deg, rgba(200,90,17,.9), rgba(239,138,47,.76)),
url('https://images.pexels.com/photos/13077502/pexels-photo-13077502.jpeg?auto=compress&cs=tinysrgb&w=1200') center/cover;
position:relative;
}
.visual::after{
content:"Ремонт холодильников";position:absolute;left:18px;bottom:18px;
color:#fff;font-weight:900;font-size:30px;max-width:260px;line-height:1.03;
text-shadow:0 2px 12px rgba(0,0,0,.24)
}
.mini-grid{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px
}
.mini-card{
background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px
}
.mini-card b{display:block;font-size:22px;margin-bottom:6px}
section{padding:32px 0}
.section-head{
display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px;
}
h2{
margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.8px;
}
.muted{color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{
background:#fff;border:1px solid var(--line);border-radius:var(--radius);
box-shadow:var(--shadow);padding:22px;
}
.feature-card h3,.service-card h3,.review-card h3{margin:0 0 10px}
.icon{
width:46px;height:46px;border-radius:14px;
display:grid;place-items:center;font-size:22px;
background:#fff2e8;color:var(--primary);margin-bottom:14px
}
.service-card .price{
display:inline-block;margin-top:12px;padding:10px 14px;border-radius:999px;
background:#fff4ea;color:var(--primary);font-weight:800
}
.split{
display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;
}
form.card{
padding:26px;
}
.form-title{
margin:0 0 14px;font-size:30px;line-height:1.08;
}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
label{font-weight:700}
input,textarea{
width:100%;padding:15px 16px;border-radius:16px;border:1px solid #e8d2c2;
outline:none;font:inherit;background:#fff;
}
textarea{min-height:130px;resize:vertical}
.note{
margin-top:12px;color:var(--muted);font-size:14px
}
.contact-list{display:grid;gap:14px}
.contact-row{
display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line);
border-radius:18px;background:#fff
}
.stars{letter-spacing:2px;color:#f5a524;margin-bottom:12px}
.review-card p{margin:0;color:#474747}
.footer{
padding:34px 0 50px;color:#666
}
.footer-box{
background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;
display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;
}
.small{font-size:13px;color:var(--muted)}
.tagline{
display:inline-block;padding:8px 12px;border-radius:999px;background:#fff2e8;color:var(--primary);font-size:12px;font-weight:800
}
.anchor-nav{display:flex;gap:10px;flex-wrap:wrap}
.anchor-nav a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700}
@media (max-width: 980px){
.hero-wrap,.split,.grid-3,.grid-2{grid-template-columns:1fr}
.hero-main{padding:28px}
.topbar-inner{align-items:flex-start;flex-direction:column}
.hero-points{grid-template-columns:1fr}
}
@media (max-width: 620px){
h1{font-size:36px}
.hero p{font-size:16px}
.btn{width:100%}
.hero-actions{display:grid;grid-template-columns:1fr}
.mini-grid{grid-template-columns:1fr 1fr}
.footer-box{padding:18px}
}
</style>
</head>
<body>
<div class="topbar">
<div class="container topbar-inner">
<div class="brand">
Частный Мастер Роман
<small>Ремонт холодильников • Саратов-Энгельс</small>
</div>
<div class="top-actions">
<a class="chip" href="tel:+79172064640">📞 +7 (917) 206 46-40</a>
<a class="chip" href="https://t.me/ecoservice64" target="_blank" rel="noopener">✈️ Telegram</a>
<a class="chip" href="https://max.ru/u/f9LHodD0cOII1SO_C9bAQcr6aXh7rifnU4SwIXZ5tQMpeaU2J06Fkujnbe4" target="_blank" rel="noopener">💬 MAX</a>
</div>
</div>
</div>
<header class="hero">
<div class="container hero-wrap">
<div class="hero-main">
<div class="eyebrow">Бесплатная диагностика • Выезд 30 минут</div>
<h1>Ремонт холодильников<br>в Саратове-Энгельсе</h1>
<p>Частный мастер Роман. Срочные выезды круглосуточно, гарантия 1 год, чек и договор, оплата картой. Работаю по городу и области по договорённости.</p>
<div class="hero-actions">
<a class="btn btn-primary" href="tel:+79172064640">Позвонить: +7 (917) 206 46-40</a>
<a class="btn btn-secondary" href="#request">Оставить заявку</a>
</div>
<div class="hero-points">
<div class="hero-point">✅ Опыт более 10 лет</div>
<div class="hero-point">✅ Срочные выезды 24/7</div>
<div class="hero-point">✅ Чек и договор</div>
<div class="hero-point">✅ Оплата картой, в том числе кредитной</div>
</div>
</div>
<div class="hero-side">
<div class="visual"></div>
<div class="mini-grid">
<div class="mini-card"><b>1 год</b><span class="muted">гарантия на работу</span></div>
<div class="mini-card"><b>30 мин</b><span class="muted">средний выезд по городу</span></div>
<div class="mini-card"><b>Бесплатно</b><span class="muted">диагностика</span></div>
<div class="mini-card"><b>24/7</b><span class="muted">срочные обращения</span></div>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="section-head">
<div>
<span class="tagline">Преимущества</span>
<h2>Почему обращаются ко мне</h2>
</div>
<div class="anchor-nav">
<a href="#prices">Цены</a>
<a href="#request">Заявка</a>
<a href="#reviews">Отзывы</a>
<a href="#contacts">Контакты</a>
</div>
</div>
<div class="grid-3">
<div class="card feature-card"><div class="icon">🛡️</div><h3>Гарантия 1 год</h3><div class="muted">Даётся гарантия на выполненные работы и заменённые детали.</div></div>
<div class="card feature-card"><div class="icon">💳</div><h3>Оплата картой</h3><div class="muted">Принимаю оплату картой, в том числе кредитной.</div></div>
<div class="card feature-card"><div class="icon">🧾</div><h3>Чек и договор</h3><div class="muted">Оформляю чек и договор при необходимости.</div></div>
<div class="card feature-card"><div class="icon">🚗</div><h3>Выезд 30 минут</h3><div class="muted">Быстро приезжаю по Саратову и Энгельсу.</div></div>
<div class="card feature-card"><div class="icon">🌙</div><h3>Круглосуточно</h3><div class="muted">Срочные выезды доступны 24/7.</div></div>
<div class="card feature-card"><div class="icon">📍</div><h3>Выезд в область</h3><div class="muted">Работаю по области по договорённости.</div></div>
</div>
</div>
</section>
<section id="prices">
<div class="container">
<div class="section-head">
<div>
<span class="tagline">Услуги и цены</span>
<h2>Основные работы</h2>
</div>
<div class="muted">Точная цена зависит от модели и неисправности</div>
</div>
<div class="grid-3">
<div class="card service-card"><h3>Диагностика</h3><div class="muted">Проверка холодильника и поиск причины поломки</div><div class="price">бесплатно</div></div>
<div class="card service-card"><h3>Замена компрессора</h3><div class="muted">Подбор и замена компрессора с проверкой работы</div><div class="price">от 4500 руб</div></div>
<div class="card service-card"><h3>Замена терморегулятора</h3><div class="muted">Ремонт температурного режима и корректной работы</div><div class="price">от 1000 руб</div></div>
<div class="card service-card"><h3>Ремонт No Frost</h3><div class="muted">Устранение проблем системы No Frost</div><div class="price">от 1500 руб</div></div>
<div class="card service-card"><h3>Заправка фреона</h3><div class="muted">Заправка и восстановление охлаждения</div><div class="price">от 1500 руб</div></div>
<div class="card service-card"><h3>Устранение утечки</h3><div class="muted">Поиск и устранение утечки с проверкой герметичности</div><div class="price">от 2000 руб</div></div>
</div>
</div>
</section>
<section id="request">
<div class="container split">
<form class="card" id="requestForm">
<h2 class="form-title">Оставьте заявку</h2>
<div class="field">
<label for="name">Имя</label>
<input id="name" name="name" type="text" placeholder="Ваше имя" required />
</div>
<div class="field">
<label for="phone">Номер телефона</label>
<input id="phone" name="phone" type="tel" placeholder="+7 (___) ___-__-__" required />
</div>
<button class="btn btn-primary" type="submit">Отправить заявку</button>
<div class="note">В этом шаблоне заявка открывает письмо на <b>romancom500@yandex.ru</b> через почтовую программу пользователя. Для серверной отправки на Tilda подключите стандартную интеграцию форм.</div>
</form>
<div class="card">
<span class="tagline">Быстрый контакт</span>
<h2>Можно связаться без формы</h2>
<div class="contact-list" style="margin-top:18px">
<a class="contact-row" href="tel:+79172064640"><span>📞</span><div><b>Позвонить</b><div class="muted">+7 (917) 206 46-40</div></div></a>
<a class="contact-row" href="https://t.me/ecoservice64" target="_blank" rel="noopener"><span>✈️</span><div><b>Telegram</b><div class="muted">@ecoservice64</div></div></a>
<a class="contact-row" href="https://max.ru/u/f9LHodD0cOII1SO_C9bAQcr6aXh7rifnU4SwIXZ5tQMpeaU2J06Fkujnbe4" target="_blank" rel="noopener"><span>💬</span><div><b>MAX</b><div class="muted">Написать мастеру</div></div></a>
<a class="contact-row" href="mailto:romancom500@yandex.ru"><span>✉️</span><div><b>Email</b><div class="muted">romancom500@yandex.ru</div></div></a>
</div>
</div>
</div>
</section>
<section id="reviews">
<div class="container">
<div class="section-head">
<div>
<span class="tagline">Отзывы</span>
<h2>Что говорят клиенты</h2>
</div>
<div class="muted">Примеры отзывов для стартового наполнения</div>
</div>
<div class="grid-3">
<div class="card review-card">
<div class="stars">★★★★★</div>
<h3>Наталья</h3>
<p>Роман быстро приехал, нашёл неисправность и в тот же день починил холодильник. Всё объяснил, работал аккуратно, холодильник после ремонта работает отлично. Очень довольна результатом.</p>
</div>
<div class="card review-card">
<div class="stars">★★★★★</div>
<h3>Сергей</h3>
<p>Обращался по ремонту No Frost. Мастер приехал оперативно, сразу озвучил стоимость и не навязывал лишних работ. Видно, что специалист с большим опытом. Спасибо за качественный ремонт.</p>
</div>
<div class="card review-card">
<div class="stars">★★★★★</div>
<h3>Ирина</h3>
<p>Понравилось, что диагностика бесплатная, а ремонт сделали быстро и без лишней суеты. Удобно, что можно оплатить картой и получить чек. Надёжный мастер, смело рекомендую.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container split">
<form class="card" id="reviewForm">
<h2 class="form-title">Оставить отзыв</h2>
<div class="field">
<label for="reviewName">Имя</label>
<input id="reviewName" name="reviewName" type="text" placeholder="Ваше имя" required />
</div>
<div class="field">
<label for="reviewText">Текст отзыва</label>
<textarea id="reviewText" name="reviewText" placeholder="Поделитесь впечатлением" required></textarea>
</div>
<button class="btn btn-primary" type="submit">Отправить отзыв</button>
<div class="note">Форма отзыва тоже открывает письмо на <b>romancom500@yandex.ru</b>. Для настоящей отправки через сайт подключите форму в Tilda.</div>
</form>
<div class="card" id="contacts">
<span class="tagline">Контакты</span>
<h2>Связь в удобном формате</h2>
<div class="contact-list" style="margin-top:18px">
<a class="contact-row" href="tel:+79172064640"><span>📞</span><div><b>Телефон</b><div class="muted">+7 (917) 206 46-40</div></div></a>
<a class="contact-row" href="mailto:romancom500@yandex.ru"><span>✉️</span><div><b>Почта</b><div class="muted">romancom500@yandex.ru</div></div></a>
<div class="contact-row"><span>📍</span><div><b>Город</b><div class="muted">Саратов-Энгельс</div></div></div>
<div class="contact-row"><span>🕒</span><div><b>Режим</b><div class="muted">Срочные выезды круглосуточно</div></div></div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-box">
<div>
<b>Частный Мастер Роман</b><br>
<span class="small">Ремонт холодильников в Саратове-Энгельсе</span>
</div>
<div class="small">Шаблон подготовлен как основа для переноса в Tilda.</div>
</div>
</div>
</footer>
<script>
function openMailto(subject, body){
const url = "mailto:romancom500@yandex.ru?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);
window.location.href = url;
}
document.getElementById('requestForm').addEventListener('submit', function(e){
e.preventDefault();
const name = document.getElementById('name').value.trim();
const phone = document.getElementById('phone').value.trim();
openMailto(
'Новая заявка с сайта',
'Имя: ' + name + '\nТелефон: ' + phone + '\n\nИсточник: форма заявки на сайте'
);
});
document.getElementById('reviewForm').addEventListener('submit', function(e){
e.preventDefault();
const name = document.getElementById('reviewName').value.trim();
const review = document.getElementById('reviewText').value.trim();
openMailto(
'Новый отзыв с сайта',
'Имя: ' + name + '\n\nОтзыв:\n' + review
);
});
</script>
</body>
</html>