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

148 lines
7.8 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 active" 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" 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>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 px-0">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5" aria-label="Slide 6"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./src/images/car/car1.jpg" class="d-block w-100 object-fit-cover">
</div>
<div class="carousel-item">
<img src="./src/images/car/car2.jpg" class="d-block w-100 object-fit-cover">
</div>
<div class="carousel-item">
<img src="./src/images/car/car3.jpg" class="d-block w-100 object-fit-cover">
</div>
<div class="carousel-item">
<img src="./src/images/car/car4.jpg" class="d-block w-100 object-fit-cover">
</div>
<div class="carousel-item">
<img src="./src/images/car/car5.jpg" class="d-block w-100 object-fit-cover">
</div>
<div class="carousel-item">
<img src="./src/images/car/car6.jpg" class="d-block w-100 object-fit-cover">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Предыдущий</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Следующий</span>
</button>
</div>
</div>
<div class="d-flex m-auto p-3 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 text-black flex-column align-items-center text-center">
<h1 class="display-5 mb-3 text-black">Добро пожаловать в INKORIA</h1>
<div class="col-12">
<iframe class="d-block w-100 square rounded-4 object-fit-cover" src="https://yandex.ru/map-widget/v1/?ll=48.395364%2C54.326638&mode=search&oid=183869084795&ol=biz&sctx=ZAAAAAgBEAAaKAoSCe%2FlPjkKMkhAEd2XM9sVKktAEhIJfEYiNIKNvz8R%2FFbrxOV4pT8iBgABAgMEBSgKOABA8J8NSAFiIW1pZGRsZV9wb3N0ZmlsdGVyX3RocmVzaGNoYWluPTAuNGIcbWlkZGxlX3Bvc3RmaWx0ZXJfdGhyZXNoPTAuNGIucmVsZXZfcmFua2luZ19tc2VfZm9ybXVsYT0xLjA6bXNlX2RjMzM5NDQzX2V4cGJQcmVhcnI9c2NoZW1lX0xvY2FsL0dlby9CdXNHZW9DaG9vc2UvVGFrZVJ1YnJpY0ZpcnN0U2FtZUJ5UmVzdWx0c01zZVRocmVzaG9sZD0wLjRqAnJ1nQHNzEw9oAEAqAEAvQGVqpI%2BwgEG%2B6jO%2B6wF6gEA8gEA%2BAEAggIHaW5rb3JpYYoCAJICAJoCDGRlc2t0b3AtbWFwcw%3D%3D&sll=48.395364%2C54.326638&sspn=0.014475%2C0.004926&text=inkoria&z=17.09" height="300" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
</div>
<button type="button" class="btn col-6 btn-lg mt-3 bg-black text-white">
Записаться
</button>
</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="list-unstyled">
<p>
Контактная информация:
</p>
<p>
т. + 7 (996) 953-68-27, e-mail: inkoria@mail.ru
</p>
</ul>
</div>
</div>
</footer>
</body>
</html>