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

129 lines
6.7 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" href=uslugi.html><strong>УСЛУГИ</strong></a>
<a class="nav-link" href=ukrasheniya.html><strong>УКРАШЕНИЯ</strong></a>
<a class="nav-link active" 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-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp1.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Дмитрий Кузнецов</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</div>
<div class="square rounded-4 m-3 p-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp2.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Максим Булаев</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</div>
<div class="square rounded-4 m-3 p-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp3.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Даниил Касушкин</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</div>
<div class="square rounded-4 m-3 p-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp4.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Анна Милашина</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</div>
<div class="square rounded-4 m-3 p-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp5.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Софья Ильина</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</div>
<div class="square rounded-4 m-3 p-0 bg-black col-11 col-sm-11 col-md-11 col-lg-2 col-xl-3">
<img src="./src/images/sp/sp6.jpg" class="square rounded-top-4 d-block w-100 p-0 object-fit-cover">
<p class="text-center fs-2 mt-1 mb-0 text-white fw-bold">Сергей Князькин</p>
<p class="text-center fs-5 mb-3 mt-0 text-white">мастер</p>
</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="list-unstyled">
<p>
Контактная информация:
</p>
<p>
т. + 7 (996) 953-68-27, e-mail: inkoria@mail.ru
</p>
</ul>
</div>
</div>
</footer>
</body>
</html>