194 lines
8.7 KiB
HTML
194 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Отделочные работы в Санкт-Петербурге: косметический и капитальный ремонт, отделка ванной.">
|
||
<title>Фриз | Отделочные работы в Санкт-Петербурге</title>
|
||
<link rel="canonical" href="https://frieze-spb.ru/">
|
||
<link rel="icon" type="image/svg+xml" href="image/favicon.svg">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="styles.css">
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "LocalBusiness",
|
||
"@id": "https://frieze-spb.ru/#business",
|
||
"name": "Фриз",
|
||
"legalName": "ИП Погребнякова Ольга Юрьевна",
|
||
"url": "https://frieze-spb.ru/",
|
||
"image": "https://frieze-spb.ru/image/logo-test.jpg",
|
||
"telephone": "+7-921-741-26-46",
|
||
"description": "Отделочные и малярные работы в Санкт-Петербурге и Ленинградской области: косметический, капитальный и премиальный ремонт.",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressLocality": "Санкт-Петербург",
|
||
"addressRegion": "Санкт-Петербург",
|
||
"addressCountry": "RU"
|
||
},
|
||
"areaServed": [
|
||
{
|
||
"@type": "City",
|
||
"name": "Санкт-Петербург"
|
||
},
|
||
{
|
||
"@type": "AdministrativeArea",
|
||
"name": "Ленинградская область"
|
||
}
|
||
],
|
||
"openingHoursSpecification": [
|
||
{
|
||
"@type": "OpeningHoursSpecification",
|
||
"dayOfWeek": [
|
||
"Monday",
|
||
"Tuesday",
|
||
"Wednesday",
|
||
"Thursday",
|
||
"Friday",
|
||
"Saturday",
|
||
"Sunday"
|
||
],
|
||
"opens": "10:00",
|
||
"closes": "18:00"
|
||
}
|
||
],
|
||
"sameAs": [
|
||
"https://vk.com/ya_lo_ya"
|
||
],
|
||
"priceRange": "₽₽",
|
||
"hasOfferCatalog": {
|
||
"@type": "OfferCatalog",
|
||
"name": "Услуги",
|
||
"itemListElement": [
|
||
{
|
||
"@type": "Offer",
|
||
"name": "Косметический ремонт",
|
||
"priceCurrency": "RUB",
|
||
"price": "2100"
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"name": "Капитальный ремонт",
|
||
"priceCurrency": "RUB",
|
||
"price": "5000"
|
||
},
|
||
{
|
||
"@type": "Offer",
|
||
"name": "Премиальный ремонт",
|
||
"priceCurrency": "RUB",
|
||
"price": "9000"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div data-site-header></div>
|
||
|
||
<main>
|
||
<section class="hero reveal" id="hero">
|
||
<img src="" alt="" class="hero__bg" id="heroBg" aria-hidden="true" style="display: none;">
|
||
<div class="container">
|
||
<h1>Отделочные малярные работы<br>в Санкт-Петербурге</h1>
|
||
<p>
|
||
Работаем в Санкт-Петербурге с 2009 года, чаще ведем объекты по дизайн-проектам, но беремся и за более
|
||
простые варианты работ. Мы небольшая команда, специализирующаяся на малярных работах, поэтому
|
||
хорошо знаем все нюансы и доводим все до идеального состояния
|
||
</p>
|
||
<a href="#contact" class="btn btn--primary">Оставить заявку</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="services section reveal" id="services">
|
||
<div class="container">
|
||
<h2>Услуги</h2>
|
||
<div class="services__grid">
|
||
<article class="card">
|
||
<h3>Косметический ремонт</h3>
|
||
<p class="price">От 2 100 ₽/м²</p>
|
||
<p>Быстрое обновление интерьера без сложной перепланировки</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>Капитальный ремонт</h3>
|
||
<p class="price">От 5 000 ₽/м²</p>
|
||
<p>Полный цикл работ: демонтаж, черновая и чистовая отделка</p>
|
||
</article>
|
||
<article class="card">
|
||
<h3>Премиальный ремонт</h3>
|
||
<p class="price">От 9 000 ₽/м²</p>
|
||
<p>Весь цикл работ по капитальному ремонту, но с добавлением дорогих отделочных материалов</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="gallery section reveal" id="gallery">
|
||
<div class="container">
|
||
<h2>Примеры работ</h2>
|
||
<div class="gallery__grid">
|
||
<article class="work-card" data-images='["image/6.jpg", "image/3.jpg", "image/1.jpg"]'>
|
||
<img src="image/6.jpg" alt="До и после: гостиная">
|
||
<div class="work-card__label">До/После — Гостиная</div>
|
||
</article>
|
||
<article class="work-card" data-images='["image/4.jpg", "image/7.jpg", "image/2.jpg"]'>
|
||
<img src="image/4.jpg" alt="До и после: кухня">
|
||
<div class="work-card__label">До/После — Кухня</div>
|
||
</article>
|
||
<article class="work-card" data-images='["image/5.jpg", "image/1.jpg", "image/6.jpg"]'>
|
||
<img src="image/5.jpg" alt="До и после: спальня">
|
||
<div class="work-card__label">До/После — Спальня</div>
|
||
</article>
|
||
<article class="work-card" data-images='["image/2.jpg", "image/3.jpg", "image/7.jpg", "image/4.jpg"]'>
|
||
<img src="image/2.jpg" alt="До и после: ванная">
|
||
<div class="work-card__label">До/После — Ванная</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact section reveal" id="contact">
|
||
<div class="container">
|
||
<h2>Оставить заявку</h2>
|
||
<form class="contact-form" id="contactForm">
|
||
<label>
|
||
<span>Имя</span>
|
||
<input type="text" name="name" placeholder="Ваше имя" maxlength="80" pattern="[A-Za-zА-Яа-яЁё\\s-]{2,80}" title="Используйте только буквы, пробелы и дефис (2-80 символов)" autocomplete="name" required>
|
||
</label>
|
||
<label>
|
||
<span>Телефон</span>
|
||
<input type="tel" name="phone" placeholder="+7 (___) ___-__-__" required>
|
||
</label>
|
||
<div style="position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;" aria-hidden="true">
|
||
<label for="contactFaxField">Факс</label>
|
||
<input type="text" id="contactFaxField" name="contact_fax" tabindex="-1" autocomplete="new-password">
|
||
</div>
|
||
<input type="hidden" name="started_at" id="contactStartedAt" value="">
|
||
<label class="contact-form__consent">
|
||
<span class="contact-form__consent-inner">
|
||
<input type="checkbox" name="consent" value="1" id="consentCheckbox">
|
||
<span>Я даю согласие на обработку персональных данных в соответствии с <a href="privacy.html" target="_blank" rel="noopener noreferrer">Политикой обработки персональных данных</a></span>
|
||
</span>
|
||
</label>
|
||
<button class="btn btn--primary" type="submit">Отправить</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div data-site-footer></div>
|
||
|
||
<div class="portfolio-modal" id="portfolioModal" aria-hidden="true">
|
||
<div class="portfolio-modal__overlay" data-close></div>
|
||
<div class="portfolio-modal__container">
|
||
<button class="portfolio-modal__close" data-close aria-label="Закрыть">×</button>
|
||
<div class="portfolio-modal__track" id="portfolioTrack"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|