File: /var/www/ridesyre-land/frontend/html/index.html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="/" />
<meta content="true" name="HandheldFriendly" />
<meta content="width" name="MobileOptimized" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<link rel="shortcut icon" href="../assets/static/favicon.ico" type="image/x-icon">
<link rel="icon" href="../assets/static/favicon.png" type="image/x-icon">
<title>Home | Syre</title>
<meta name="title" content="Описание...">
<meta name="description" content="Описание...">
<meta name="theme-color" content="#FFFFFF" />
</head>
<body id="root" class="preload">
<script>
const skip = document.querySelector('.preload');
if (skip) {
skip.classList.remove('preload');
}
</script>
<main class="layout">
<!--------------------HEADER--------------------------->
<%= require('html-loader!./part/header.html').default %>
<!--------------------END-HEADER----------------------->
<section class="main layoutSection">
<video class="mainVideo" src="../assets/video/video.mp4" autoplay="" loop="" muted="" playsinline=""></video>
<div class="container mainContent">
<div class="mainWrapper">
<h1 class="mainTitle">Хочешь также? <br> Хочешь почувствовать <br> скорость, запах леса и <br> свободу?</h1>
<div class="mainSubtitle">Мы поможем тебе подобрать велосипед мечты!</div>
<div class="button" data-modal-open>Заказать подбор</div>
</div>
</div>
</section>
<section class="text layoutSection">
<div class="container textContent">
<div class="textWrapper">
<p>Напиши нам какой велосипед ты хочешь кататься. <br> Фикс, шоссе, гравел или может МТБ.</p>
<p>Если ты хочешь что то большее чем просто велосипед из коробки, мы подберем для тебя все компоненты по отдельности.</p>
<p>Заполни форму и отправь ее нам. Мы свяжемся с тобой, согласуем все необходимые моменты. После чего мы пришлем тебе ссылку на оплату и начнем подбирать для тебя велосипед мечты!</p>
<div class="button" data-modal-open>Заказать подбор</div>
</div>
</div>
</section>
<div class="modal" data-modal>
<div class="modalOverlay" data-modal-close></div>
<div class="modalBox">
<form action="" method="post" id="form">
<div class="modalTitle">Ваш заказ</div>
<label for="firstname" class="input">
<span class="inputText">Имя</span>
<input class="inputInput" type="text" name="firstname" id="firstname" value="">
</label>
<label for="lastname" class="input">
<span class="inputText">Фамилия</span>
<input class="inputInput" type="text" name="lastname" id="lastname" value="">
</label>
<label for="email" class="input">
<span class="inputText">Ваш email</span>
<input class="inputInput" type="email" name="mail" id="email" value="">
</label>
<label for="phone" class="input">
<span class="inputText">Ваш телефон</span>
<input class="inputInput" type="tel" name="phone" id="phone" value="">
</label>
<div class="checkbox modalCheckbox">
<input type="checkbox" id="agree" name="agree" class="checkboxInput">
<label for="agree" class="checkboxLabel">
<span class="checkboxText">Я согласен на предоставление моих данных</span>
</label>
</div>
<button class="button primary modalButton" data-modal-open>Оформить</button>
</form>
</div>
</div>
<!--------------------FOOTER--------------------------->
<%= require('html-loader!./part/footer.html').default %>
<!--------------------END-FOOTER----------------------->
</main>
</body>
</html>