165 lines
8.1 KiB
HTML
165 lines
8.1 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/stylepage6.css">
|
||
<title>HI-town</title>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg" data-bs-theme="dark" style="background-color: #000;">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="icon/whiteicon.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 text-center">
|
||
<a class="nav-link" href="index.html">Главная</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 activenav nav-link" aria-current="page" href="#">Вход</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>
|
||
|
||
<section class="h-100 gradient-form" style="background-color: #eee;">
|
||
<div class="container py-5 h-100">
|
||
<div class="row d-flex justify-content-center align-items-center h-100">
|
||
<div class="col-xl-10">
|
||
<div class="card text-black">
|
||
<div class="row g-0">
|
||
<div class="col-lg-6">
|
||
<div class="card-body p-md-5 mx-md-4">
|
||
|
||
<div class="text-center">
|
||
<h4 class="mt-5 pb-5 text-hello">ДОБРО ПОЖАЛОВАТЬ</h4>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<a class="btn btn-google btn-lg btn-block d-flex align-items-center justify-content-center" role="button">
|
||
<img src="icon/google.png" alt="Your Logo" class="log-text me-2"> Continue With Google
|
||
</a>
|
||
</div>
|
||
<div class="divider d-flex align-items-center my-4">
|
||
<p class="text-center mx-3 mb-0" style="color: #AFA8A8">Или</p>
|
||
</div>
|
||
|
||
<form>
|
||
|
||
<div class="form-outline mb-3">
|
||
<input type="email" id="form2Example11" class="form-control pole-text"
|
||
placeholder="Имя" />
|
||
</div>
|
||
|
||
<div class="form-outline mb-3">
|
||
<input type="email" id="form2Example11" class="form-control pole-text"
|
||
placeholder="Email"/>
|
||
</div>
|
||
|
||
<div class="form-outline mb-3">
|
||
<input type="password" id="form2Example22" class="form-control pole-text" placeholder="Пароль"/>
|
||
</div>
|
||
|
||
<div class="d-flex justify-content-start align-items-center mb-2">
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="form1Example3" checked />
|
||
<label class="form-check-label pole-text-check" for="form1Example3">Запомнить меня</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center mt-3 input-group-prepend">
|
||
<button id="resr" type="submit" class="btn btn-reg mb-3 btn-block" formaction="page7.html" type="button">Зарегист<br>рироваться</button>
|
||
</div>
|
||
|
||
<div class="d-flex align-items-center justify-content-center pb-4 mb-5 mt-2">
|
||
<p class="mb-0 me-2 pole-text">Уже есть аккаунт?</p>
|
||
<a href="#">Войти</a>
|
||
</div>
|
||
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 d-flex align-items-center gradient-custom-2">
|
||
</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> |