feat: update
This commit is contained in:
62
cabinet.html
Normal file
62
cabinet.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang='ru'>
|
||||
<head>
|
||||
<meta charset='UTF-8'>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<title>Личный кабинет — заявка</title>
|
||||
<meta name='theme-color' content='#070b28'>
|
||||
<link rel='icon' href='assets/images/logo-icon.ico' sizes='any'>
|
||||
<link rel='apple-touch-icon' href='assets/images/logo-icon.ico'>
|
||||
<link rel='preconnect' href='https://fonts.googleapis.com'>
|
||||
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
|
||||
<link href='https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Nunito+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap' rel='stylesheet'>
|
||||
<link rel='stylesheet' href='css/styles.css'>
|
||||
</head>
|
||||
<body>
|
||||
<div class='page'>
|
||||
<header class='header' id='top'>
|
||||
<div class='header__inner'>
|
||||
<a class='logo logo--header' href='index.html'><img class='logo__img' src='assets/images/logo-full-white.png' alt='ЭКСА' width='160' height='48' decoding='async'></a>
|
||||
<nav class='nav'>
|
||||
<a class='nav__link' href='index.html#about'>О нас</a>
|
||||
</nav>
|
||||
<a class='btn btn--cabinet' href='cabinet.html'>Личный кабинет</a>
|
||||
<button class='burger' type='button' aria-label='Меню'></button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class='cabinet'>
|
||||
<a class='cabinet__back' href='index.html'>← На главную</a>
|
||||
<div class='cabinet__center'>
|
||||
<section class='cabinet__card' aria-labelledby='cabinet-title'>
|
||||
<h1 class='cabinet__title' id='cabinet-title'>Заявка</h1>
|
||||
<form class='cabinet__form' id='cabinet-form'>
|
||||
<label class='cabinet__field'>
|
||||
<span class='cabinet__label'>Email</span>
|
||||
<input class='cabinet__input' type='email' name='email' required autocomplete='email' inputmode='email'>
|
||||
</label>
|
||||
<label class='cabinet__field'>
|
||||
<span class='cabinet__label'>Имя</span>
|
||||
<input class='cabinet__input' type='text' name='name' required autocomplete='name'>
|
||||
</label>
|
||||
<button class='cabinet__submit' type='submit'>Оставить заявку</button>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src='js/main.js' defer></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const f = document.getElementById('cabinet-form');
|
||||
if (!f) {
|
||||
return;
|
||||
}
|
||||
f.addEventListener('submit', (e) => {
|
||||
e.preventDefault();
|
||||
f.reset();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user