Files
2026-08-08 11:55:13 +03:00

185 lines
9.3 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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", "itemOffered": { "@type": "Service", "name": "Черновые отделочные работы" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Чистовые отделочные работы" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Электромонтажные работы" } },
{ "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Сантехнические работы" } }
]
}
}
</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">
<a class="card card--service" href="prices.html#chernovye-otdelochnye-raboty">
<h3>Черновые отделочные работы</h3>
<p>Стяжки, штукатурка, ГКЛ и подготовка поверхностей под чистовую отделку</p>
<span class="card__link">Смотреть цены</span>
</a>
<a class="card card--service" href="prices.html#chistovye-otdelochnye-raboty">
<h3>Чистовые отделочные работы</h3>
<p>Покраска, обои, плитка, напольные покрытия и финишная отделка</p>
<span class="card__link">Смотреть цены</span>
</a>
<a class="card card--service" href="prices.html#elektromontazhnye-raboty">
<h3>Электромонтажные работы</h3>
<p>Разводка кабеля, розетки, освещение, щиты и сопутствующий монтаж</p>
<span class="card__link">Смотреть цены</span>
</a>
<a class="card card--service" href="prices.html#santehnicheskie-raboty">
<h3>Сантехнические работы</h3>
<p>Водоснабжение, канализация и установка сантехнических приборов</p>
<span class="card__link">Смотреть цены</span>
</a>
</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="Закрыть">&times;</button>
<div class="portfolio-modal__track" id="portfolioTrack"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>