Internet_Programmirovanie_E.../Lab3/uslugi.html
2024-01-19 08:18:51 +04:00

135 lines
7.9 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">
<title>INKORIA - Услуги</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css"
rel="stylesheet" />
<link rel="stylesheet" href="./src/css/styles.css">
</head>
<body class="d-flex flex-column">
<header class="header fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<div id="logo">
<img src="./src/images/logo/logotransp.png" alt="Логотип INKORIA">
</div>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarNav">
<div class="navbar-nav nav-fill w-100 justify-content-center align-items-center">
<a class="nav-link" href="index.html"><strong>ГЛАВНАЯ</strong></a>
<a class="nav-link active" href=uslugi.html><strong>УСЛУГИ</strong></a>
<a class="nav-link" href=ukrasheniya.html><strong>УКРАШЕНИЯ</strong></a>
<a class="nav-link" href=specialisty.html><strong>СПЕЦИАЛИСТЫ</strong></a>
<a class="nav-link" href=otzyvy.html><strong>ОТЗЫВЫ</strong></a>
<a class="nav-link" href=faq.html><strong>FAQ</strong></a>
<div class="row" id="social-icons">
<div class="col d-none d-xl-block">
<a href="https://www.wa.me/79969536827"><img src="./src/images/icons/whatsapp.png"></a>
</div>
<div class="col d-none d-xl-block">
<a href="https://www.instagram.com/vrode__anya"><img src="./src/images/icons/inst.png"></a>
</div>
<div class="col d-none d-xl-block">
<a href="https://www.vk.com/vrode_anya"><img src="./src/images/icons/vk.png"></a>
</div>
<div class="col d-none d-xl-block">
<a href="https://www.t.me/vrode_anyya"><img src="./src/images/icons/tg.png"></a>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<main>
<header class="header">
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand">
<div id="logo">
<img src="./src/images/logo/logotransp.png" alt="Логотип INKORIA">
</div>
</a>
</div>
</nav>
</header>
<h1 class="text-center display-3 m-3 text-black fw-bold lh-lg">Услуги</h1>
<div class="container">
<div class="row d-flex justify-content-between">
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="text-center fs-3 text-white fw-bold">Консультация</p>
<p class="text-center fs-5 text-white">Получите профессиональную консультацию перед проколом</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-3 text-white fw-bold">Стандартный прокол</p>
<p class="fs-5 text-white">Прокол ушей, носа, языка, губ, септум и др.</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-3 text-white fw-bold">Сложный прокол</p>
<p class="fs-5 text-white">Прокол хрящей, трагус, снаг и др.</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-3 text-white fw-bold">Чистка украшений</p>
<p class="fs-5 text-white">Очистка и полировка ваших украшений</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-2 text-white fw-bold">Анодирование</p>
<p class="fs-5 text-white">Разнообразные цветовые варианты для украшений</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-2 text-white fw-bold">Восстановление</p>
<p class="fs-5 text-white">Восстановление старых заросших каналов</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-2 text-white fw-bold">Чистка прокола</p>
<p class="fs-5 text-white">Чистка прокола от грязи и выделений</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-2 text-white fw-bold">Удаление</p>
<p class="fs-5 text-white">Качественное удаление пирсинга</p>
</div>
<div class="square rounded-4 m-3 p-3 bg-black col-11 col-sm-11 col-md-11 col-lg-3 col-xl-3 text-center align-items-center justify-content-center text-center">
<p class="fs-2 text-white fw-bold">Другие</p>
<p class="fs-5 text-white">Напишите нам, чтобы узнать больше</p>
</div>
</div>
</div>
</div>
</main>
<footer class="container-fluid bg-black text-secondary pt-4 mt-auto" id="footer">
<div class="row lh-1">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 d-flex justify-content-start">
<ul class="list-unstyled">
<p>
© ООО "INKORIA" 2023
</p>
<p>
<a href="autorization.html" class="underlined text-secondary">Авторизация</a>
</p>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 d-flex justify-content-start">
<ul class="page-edit.html">
<p>
Контактная информация:
</p>
<p>
т. + 7 (996) 953-68-27, e-mail: inkoria@mail.ru
</p>
</ul>
</div>
</div>
</footer>
</body>
</html>