Pibd-21_Alekseev_I.S._Inter.../IP/page4.html
VanyaAlekseev c91124ead4 lab3
2023-12-21 21:08:22 +04:00

81 lines
4.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.

<html lang="ru">
<head>
<meta charset="utf-8">
<title>YourHome</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" 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="./style.css">
</head>
<body class="h-100 d-flex flex-column">
<header class="header1-fluid">
<nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand" href="/">
<i class="fa-solid fa-house-chimney"></i>
YourHome
</a>
<!-- Кнопка, которая поялвяется при узком экране и позволяте развернуть навигационное меню-->
<button class="navbar-toggler custom-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 justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link active" href="./index.html">Главная</a>
<a class="nav-link" href="./page2.html">Магазин</a>
<a class="nav-link" href="./page4.html">О нас</a>
<a class="nav-link" href="./page3.html">Войти</a>
<a class="nav-link" href="./page8.html">Администратору</a>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<h1 class="text-center mb-4">О нас</h1>
<div class="container mt-5">
<div class="row">
<!-- Первый столбец -->
<div class="col-md-4">
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>300+</h4>
<p class="fs-5">Проданных домов. Мы стремимся предоставить лучшие услуги в области недвижимости, помогая клиентам находить свой идеальный дом.</p>
</div>
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>15</h4>
<p class="fs-5">Наград на всероссийских конкурсах. Мы гордимся своими достижениями в области недвижимости и постоянно стремимся к новым вершинам. </p>
</div>
</div>
<!-- Второй столбец -->
<div class="col-md-4">
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>5</h4>
<p class="fs-5">Лет на рынке недвижимости. Прозрачность и профессионализм - вот что делает нас уникальными в своей отрасли.</p>
</div>
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>600</h4>
<p class="fs-5">Человек сплоченного коллектива. Наша команда экспертов готова помочь вам в решении всех вопросов по недвижимости. </p>
</div>
</div>
<!-- Третий столбец -->
<div class="col-md-4">
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>1000</h4>
<p class="fs-5">Домов ждут своих покупателей. Мы индивидуально подходим к каждому клиенту, чтобы обеспечить наилучший опыт по поиску жилья.</p>
</div>
<div class="frame mb-5 p-5 border text-center custom-rounded shadow">
<h4>300</h4>
<p class="fs-5">Домов строятся прямо сейчас. Лучшие застройщики, места и условия. Процесс стройки можно отслеживать в специальном приложении</p>
</div>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto mb-4 d-flex flex-shrink-0 justify-content-center align-items-center">
Алексеев Иван, ПИбд-21
</footer>
</body>
</html>