229 lines
13 KiB
HTML
229 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="shortcut icon" href="icon/favicon.ico" type="image/x-icon">
|
||
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<title>HI-town</title>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg bg-body-color">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="icon/лого.png" alt="bootstrap" width="" height="">
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Меню">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<div class="navbar-nav">
|
||
<a class="nav-link active" aria-current="page" href="#">Главная</a>
|
||
<a class="nav-link" href="page2.html">Популярный</a>
|
||
<a class="nav-link" href="page3.html">Аренда</a>
|
||
<a class="nav-link" href="page5.html">Купить</a>
|
||
<!-- <a class="nav-link text-nowrap" href="#">О нас</a> -->
|
||
<a class="nav-item d-md-none nav-link" href="page6.html">Вход</a>
|
||
</div>
|
||
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
|
||
<a href="page6.html" class="btn d-flex text-nowrap ms-2 d-none d-md-inline">Войти</a>
|
||
<a href="page6.html" class="btn d-flex text-nowrap btn-light ms-2 d-none d-md-inline">Создать аккаунт</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<header id="firstheader">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<h1 class="glavtext mb-3 fw-semibold lh-1">Инвестиция в будущее<br> Премиум квартиры по доступным ценам</h1>
|
||
<h2 class="maltext mb-4">Мы продаём вам не только белые стены, но и хороший ремонт, который способен удивить ваших гостей <br> и подарить вам уют и спокойствие.</h2>
|
||
<button class="btn-over-image btn d-itd btn-lg" type="button">К Выбору</button>
|
||
</div>
|
||
<div class="col-lg-12 md-8 sm-4">
|
||
<div class="card card-body card-spec">
|
||
<h1 id="h1-special" class="card-title">It's time to change the world</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="one">
|
||
<div class="container_two">
|
||
<div class="row">
|
||
<div class="col-sm-5">
|
||
<div class="card-2-1">
|
||
<div class="card-body">
|
||
<h1 id="h1-card" class="card-title">Современный дизайн<br>
|
||
Который никого не оставит <br>Равнодушным</h5>
|
||
<p class="card-text">В создаваемых нами продукта используются современные технологии, способные удивить любого и
|
||
предоставить функционал, после которого не захотите расставаться с ними.</p>
|
||
<a href="#" class="btn btn-card">К Выбору</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="boss-card" class="col-xl-6 col-lg-7 col-md-7 col-sm-7 col-xs-12 d-flex justify-content-end">
|
||
<div class="card-2-2">
|
||
<img class="card-img-top" src="img/1.png" alt="Card image cap">
|
||
</div>
|
||
<div col-lg-8>
|
||
<div class="card card-body card-mini">
|
||
<h1 id="h1-minicard" class="card-title">10К+</h1>
|
||
<p id="p-minicard" class="card-text">Огромный выбор <br>вариант на ваш вкус</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="one two">
|
||
<div class="container_two container_three">
|
||
<div class="row">
|
||
<div id="boss-card" class="col-xl-7 col-lg-7 col-md-7 col-sm-7 col-xs-12 d-flex justify-content-start">
|
||
<div class="card-2-2">
|
||
<img class="card-img-top" src="img/2.png" alt="Card image cap">
|
||
<div class="card-body">
|
||
</div>
|
||
</div>
|
||
<div col-lg-8>
|
||
<div class="card card-body card-mini2">
|
||
<h1 id="h1-minicard" class="card-title">Более 10 цветов</h1>
|
||
<p id="p-minicard" class="card-text">Цветовая палитра к вашим<br> услугам</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<div class="card-2-1 text-end">
|
||
<div class="card-body">
|
||
<h1 id="h1-card" class="card-title">Eсли Белый Не Во Вкусе<br>
|
||
Есть Варианты и Потемнее</h5>
|
||
<p class="card-text">Представляем большой выбор не только функциональности, но и цвет.
|
||
К каждому желанию клиента мы относимся как к закону. </p>
|
||
<a href="#" class="btn btn-card">К Выбору</a>
|
||
</div>
|
||
<div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="three">
|
||
<div class="container_two container_four">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<h1 id="zag">Отзывы Наших Клиентов<h1>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="card-comment">
|
||
<div class="card-body">
|
||
<img src="img/kov.svg" class="position-absolute left-top-image" alt="Left Top Image">
|
||
<p class="card-text comm">Квартира моей мечты! Просто слов нет, чтобы описать, как я рада этой покупке. Это не просто квартира, это место, где я чувствую себя как дома. Спасибо за такое удивительное предложение!</p>
|
||
<img src="img/kov2.svg" class="position-absolute right-bottom-image" alt="Right Bottom Image">
|
||
<div style="display: flex; align-items: center;">
|
||
<img src="img/photo1.png" alt="" style="margin-right: 10px; margin-bottom: 3px;">
|
||
<div>
|
||
<span id="hcomment">Август Райн</span>
|
||
<span id="hcomment2">CEO, Россия</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="card-comment">
|
||
<div class="card-body">
|
||
<img src="img/kov.svg" class="position-absolute left-top-image" alt="Left Top Image">
|
||
<p class="card-text comm">Какое счастье! Моя новая квартира - просто шедевр! Когда я возвращаюсь домой, у меня переполняют чувства радости. Невероятно благодарен за возможность приобрести такое жилье!</p>
|
||
<img src="img/kov2.svg" class="position-absolute right-bottom-image" alt="Right Bottom Image">
|
||
<div style="display: flex; align-items: center;">
|
||
<img src="img/photo1.png" alt="" style="margin-right: 10px; margin-bottom: 3px;">
|
||
<div>
|
||
<span id="hcomment">Август Райн</span>
|
||
<span id="hcomment2">CEO, Россия</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="card-comment">
|
||
<div class="card-body">
|
||
<img src="img/kov.svg" class="position-absolute left-top-image" alt="Left Top Image">
|
||
<p class="card-text comm">Это было лучшее решение в моей жизни! Моя новая квартира просто потрясающая. Все продумано до мелочей, и это создает невероятное ощущение уюта и комфорта. Теперь каждый день - праздник!</p>
|
||
<img src="img/kov2.svg" class="position-absolute right-bottom-image" alt="Right Bottom Image">
|
||
<div style="display: flex; align-items: center;">
|
||
<img src="img/photo1.png" alt="" style="margin-right: 10px; margin-bottom: 3px;">
|
||
<div>
|
||
<span id="hcomment">Август Райн</span>
|
||
<span id="hcomment2">CEO, Россия</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer class="text-center text-lg-start text-white">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-3 mb-3">
|
||
<img src="icon/иконка2.png" alt="Логотип" class="start">
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
|
||
<h5 class="bosslist">Быстрое меню</h5>
|
||
<ul class="textlist list-unstyled mb-0">
|
||
<li>
|
||
<a href="#" class="list active">Главная</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">Популярные</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">Аренда</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">Купить</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">О нас</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4 col-lg-3 col-xl-1 mb-md-0 mb-4 offset-lg-3">
|
||
<h5 class="bosslist">Контакты</h5>
|
||
<ul class="textlist list-unstyled mb-0">
|
||
<li>
|
||
<a href="#" id="listperenos" class="list">Ульяновск,<br /> Московское шоссе,<br> д. 3</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">+7 (986) 737-71-39</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="list">artifaction@mail.ru</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="licensia text-center p-5 ">
|
||
<section class="d-flex justify-content-center p-1 m-3">
|
||
<div>
|
||
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
|
||
<img src="icon/facebook.svg" alt="Логотип" class="start">
|
||
</a>
|
||
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
|
||
<img src="icon/vk.svg" alt="Логотип" class="start">
|
||
</a>
|
||
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
|
||
<img src="icon/inst.svg" alt="Логотип" class="start">
|
||
</a>
|
||
</div>
|
||
</section>
|
||
<a class="list" href="#"> © 2004-2023 Construction company HI-TOWN</a>
|
||
</div>
|
||
</footer>
|
||
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||
</body>
|
||
</html> |