Загрузил проект на гит сурс

This commit is contained in:
2026-08-08 11:41:09 +03:00
parent 1b6cc041bf
commit 42b6eff560
61 changed files with 4404 additions and 0 deletions
+184
View File
@@ -0,0 +1,184 @@
<!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>