59 lines
3.1 KiB
HTML
59 lines
3.1 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/portfolio">
|
|
<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">
|
|
</head>
|
|
<body>
|
|
<div data-site-header></div>
|
|
|
|
<main>
|
|
<section class="section reveal">
|
|
<div class="container">
|
|
<h1>Портфолио работ</h1>
|
|
<p>Несколько примеров реализованных объектов в Санкт-Петербурге и Ленобласти</p>
|
|
|
|
<div class="gallery__grid">
|
|
<article class="work-card" data-images='["image/1.jpg", "image/4.jpg", "image/7.jpg"]'>
|
|
<img src="image/1.jpg" alt="Ремонт студии в центре СПб">
|
|
<div class="work-card__label">Студия, 28 м² — косметический ремонт за 18 дней</div>
|
|
</article>
|
|
<article class="work-card" data-images='["image/2.jpg", "image/5.jpg", "image/3.jpg", "image/6.jpg"]'>
|
|
<img src="image/2.jpg" alt="Капитальный ремонт двухкомнатной квартиры">
|
|
<div class="work-card__label">2-комнатная, 54 м² — капитальный ремонт под ключ</div>
|
|
</article>
|
|
<article class="work-card" data-images='["image/7.jpg", "image/1.jpg", "image/5.jpg"]'>
|
|
<img src="image/7.jpg" alt="Отделка ванной комнаты">
|
|
<div class="work-card__label">Ванная, 4.2 м² — плитка, сантехника, скрытые люки</div>
|
|
</article>
|
|
<article class="work-card" data-images='["image/3.jpg", "image/6.jpg", "image/2.jpg"]'>
|
|
<img src="image/3.jpg" alt="Ремонт кухни в старом фонде">
|
|
<div class="work-card__label">Кухня в старом фонде — подготовка стен и новая электрика</div>
|
|
</article>
|
|
</div>
|
|
</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>
|