You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
7.4 KiB
134 lines
7.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="assets/font/stylesheet.css">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<header class="header">
|
|
<div class="cont">
|
|
<div class="header_block">
|
|
<a href="#" class="header_logo">
|
|
<img src="assets/img/icons/logo.svg" alt="">
|
|
</a>
|
|
<div class="header_navs">
|
|
<a href="#" class="header_nav">Главная</a>
|
|
<a href="#" class="header_nav">продукция</a>
|
|
<a href="#" class="header_nav">О cosmopet</a>
|
|
<a href="#" class="header_nav">Блог</a>
|
|
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
|
|
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
|
|
</div>
|
|
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
|
|
</div>
|
|
</div>
|
|
<div class="header_mob">
|
|
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
|
|
<div class="header_navs">
|
|
<a href="#" class="header_nav">Главная</a>
|
|
<a href="#" class="header_nav">продукция</a>
|
|
<a href="#" class="header_nav">О cosmopet</a>
|
|
<a href="#" class="header_nav">Блог</a>
|
|
<div class="header_links">
|
|
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
|
|
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header_mob-bg"></div>
|
|
</header>
|
|
<section class="auth register">
|
|
<div class="cont">
|
|
<form class="auth_block auth_modal">
|
|
<img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
|
|
<div class="modal_inputs">
|
|
<label>
|
|
<input type="text" class="input" placeholder="Имя">
|
|
<p>error</p>
|
|
</label>
|
|
<label>
|
|
<input type="tel" class="input" placeholder="Телефон">
|
|
<p>error</p>
|
|
</label>
|
|
<label>
|
|
<input type="email" class="input" placeholder="Email">
|
|
<p>error</p>
|
|
</label>
|
|
<label>
|
|
<input type="password" class="input error" placeholder="Пароль">
|
|
<p>Пароль не должен содержать знаков !”№@#-</p>
|
|
</label>
|
|
<label class="collapse_input">
|
|
<div class="checkmark"></div>
|
|
<input type="checkbox">
|
|
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
|
|
</label>
|
|
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
|
|
<button class="main_btn">Регистрация</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<footer class="footer footer2">
|
|
<div class="cont">
|
|
<div class="footer_block">
|
|
<div class="footer_menu">
|
|
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
|
|
<div class="footer_navs">
|
|
<a href="#" class="footer_nav">Главная</a>
|
|
<a href="#" class="footer_nav">продукция</a>
|
|
<a href="#" class="footer_nav">О cosmopet</a>
|
|
<a href="#" class="footer_nav">Блог</a>
|
|
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
|
|
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer_box">
|
|
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
|
|
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
|
|
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
|
|
</div>
|
|
<div class="footer_box">
|
|
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
|
|
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
|
|
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
|
|
</div>
|
|
<div class="footer_form">
|
|
<div class="footer_form-info">
|
|
<div class="footer_form-title">
|
|
<h2>Обратная связь</h2>
|
|
<img src="assets/img/icons/footer_line2.svg" alt="">
|
|
</div>
|
|
<div class="footer_form-inp">
|
|
<input type="text" placeholder="ваше имя">
|
|
<input type="email" placeholder="почта">
|
|
</div>
|
|
</div>
|
|
<div class="footer_form-textarea">
|
|
<textarea placeholder="обращение"></textarea>
|
|
<button class="footer_form-btn btn--black-hover">отправить</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer_social">
|
|
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
|
|
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
|
|
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
|
|
</div>
|
|
|
|
<div class="footer_bottom">
|
|
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
|
|
<a href="#">Соглашение о конфиденциальности</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html> |