feat: add start page
This commit is contained in:
142
index.html
Normal file
142
index.html
Normal file
@@ -0,0 +1,142 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ЭКСА — ваш мост в мир цифровых активов</title>
|
||||
<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>
|
||||
<header class="header" id="top">
|
||||
<div class="header__inner">
|
||||
<a class="logo logo--header" href="#top">ЭКСА</a>
|
||||
<nav class="nav">
|
||||
<a class="nav__link" href="#about">О нас</a>
|
||||
<a class="nav__link" href="#top">Конвертация</a>
|
||||
<a class="nav__link" href="#top">Услуги</a>
|
||||
<a class="nav__link" href="#top">Новости</a>
|
||||
</nav>
|
||||
<a class="btn btn--cabinet" href="#top">Личный кабинет</a>
|
||||
<button class="burger" type="button" aria-label="Меню"></button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="hero__bg" aria-hidden="true"></div>
|
||||
<div class="hero__glow hero__glow--1" aria-hidden="true">₽</div>
|
||||
<div class="hero__glow hero__glow--2" aria-hidden="true">₮</div>
|
||||
<div class="hero__glow hero__glow--3" aria-hidden="true">Ξ</div>
|
||||
<div class="hero__grid">
|
||||
<div class="hero__left">
|
||||
<div class="logo logo--hero">ЭКСА</div>
|
||||
<p class="hero__acronym">
|
||||
<span>Электронные</span>
|
||||
<span>Криптовалютные</span>
|
||||
<span>Системы</span>
|
||||
<span>Активы</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="hero__right">
|
||||
<div class="hero__bridge-wrap">
|
||||
<p class="hero__bridge">Ваш мост</p>
|
||||
<p class="hero__bridge hero__bridge--reflect" aria-hidden="true">Ваш мост</p>
|
||||
</div>
|
||||
<div class="hero__taglines">
|
||||
<p class="hero__tag hero__tag--1">в мир</p>
|
||||
<p class="hero__tag hero__tag--2">цифровых</p>
|
||||
<p class="hero__tag hero__tag--3">активов</p>
|
||||
</div>
|
||||
<div class="countdown" id="countdown">
|
||||
<p class="countdown__title">До запуска осталось</p>
|
||||
<div class="countdown__units">
|
||||
<div class="countdown__unit">
|
||||
<span class="countdown__value" data-unit="days">00</span>
|
||||
<span class="countdown__label">Дней</span>
|
||||
</div>
|
||||
<div class="countdown__sep" aria-hidden="true"></div>
|
||||
<div class="countdown__unit">
|
||||
<span class="countdown__value" data-unit="hours">00</span>
|
||||
<span class="countdown__label">Часов</span>
|
||||
</div>
|
||||
<div class="countdown__sep" aria-hidden="true"></div>
|
||||
<div class="countdown__unit">
|
||||
<span class="countdown__value" data-unit="minutes">00</span>
|
||||
<span class="countdown__label">Минут</span>
|
||||
</div>
|
||||
<div class="countdown__sep" aria-hidden="true"></div>
|
||||
<div class="countdown__unit">
|
||||
<span class="countdown__value" data-unit="seconds">00</span>
|
||||
<span class="countdown__label">Секунд</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="countdown__done" id="countdown-done" hidden>Запуск</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="about" id="about">
|
||||
<div class="about__slant" aria-hidden="true"></div>
|
||||
<div class="about__inner">
|
||||
<div class="about__panel">
|
||||
<h2 class="about__title">О нас</h2>
|
||||
<p class="about__text">ЭКСА — молодая финтех-компания в сфере цифровых активов. Наша миссия — сделать оборот цифровых активов простым, прозрачным и законным.</p>
|
||||
<p class="about__text">Мы создаём инфраструктуру для операций с криптовалютой и комплексные решения для физических и юридических лиц.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about__legal">
|
||||
<p>Вся деятельность компании соответствует законодательству Российской Федерации и требованиям регуляторов.</p>
|
||||
<p>Вся документация компании открыта и доступна для ознакомления.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="footer__top">
|
||||
<div class="footer__col">
|
||||
<p class="footer__company">ООО «ЭКСА»</p>
|
||||
<p>ИНН 9810001062</p>
|
||||
<p>ОГРН 1257800060990</p>
|
||||
</div>
|
||||
<div class="footer__col">
|
||||
<p class="footer__heading">О компании</p>
|
||||
<ul class="footer__links">
|
||||
<li><a href="#">Документы</a></li>
|
||||
<li><a href="#">Публичная оферта</a></li>
|
||||
<li><a href="#">Реквизиты</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer__col footer__col--contact">
|
||||
<p><a class="footer__phone" href="tel:+78121233323">+7 (812) 123-33-23</a></p>
|
||||
<hr class="footer__rule">
|
||||
<p class="footer__heading">Адрес</p>
|
||||
<p>196158, г. Санкт-Петербург, Московское шоссе, 25А, к.1, ПОМЕЩ. 3-Н</p>
|
||||
<hr class="footer__rule">
|
||||
<p><a class="footer__mail" href="mailto:company@elcsa.ru">company@elcsa.ru</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer__wide">
|
||||
<div class="footer__social">
|
||||
<p class="footer__heading">Социальные сети</p>
|
||||
<div class="footer__icons">
|
||||
<span class="footer__icon" aria-hidden="true"></span>
|
||||
<span class="footer__icon" aria-hidden="true"></span>
|
||||
<span class="footer__icon" aria-hidden="true"></span>
|
||||
<span class="footer__icon" aria-hidden="true"></span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="footer__wide">
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026. Все права защищены.</p>
|
||||
<p>Компания не является кредитной организацией.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user