162 lines
8.1 KiB
HTML
162 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='imgs/logo.svg') }}">
|
||
|
||
<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=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Onest:wght@100..900&family=Unbounded:wght@200..900&display=swap"
|
||
rel="stylesheet">
|
||
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/ZayavkaStyle.css') }}">
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/fonts.css') }}">
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/spin.css') }}">
|
||
<title>Оставить заявку</title>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<!-- ----------- header ------------ -->
|
||
<header class="header">
|
||
<div class="wrapper">
|
||
<div class="container">
|
||
<div class="header-inner">
|
||
<div class="headerUL flex">
|
||
<div class="headerLi flex">
|
||
<!-- <a href="#" class="logoLink"> -->
|
||
<img src="{{ url_for('static', filename='imgs/logo.svg') }}" alt="" class="logoIMG">
|
||
<!-- </a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
<!-- --------------- main -------------- -->
|
||
<main class="main">
|
||
<div class="wrapper">
|
||
<div class="container">
|
||
|
||
<!-- form -->
|
||
<div class="main-inner">
|
||
<h1 class="zayavkaH1 unbounded lightBlue">Оставить заявку на товар</h1>
|
||
{% block content %}
|
||
<form action="/process" method="POST" id="form" class="form1 flex between w100">
|
||
|
||
<!-- <div id="radioBttns ">
|
||
<p class="radioP onest white">Выберите способ получения информации по заявке:</p>
|
||
<label for="Radio" class="onest f14 white">Почта</label>
|
||
<input type="radio" name="Radio" id="emailRadio">
|
||
<label for="Radio" class="onest f14 white">Telegram</label>
|
||
<input type="radio" name="Radio" id="tgRadio">
|
||
</div> -->
|
||
|
||
<div class="e1 flex">
|
||
|
||
<!-- <div class="colms flex">
|
||
<label for="tel" class="onest white f14">Почта для обращения</label> -->
|
||
<!-- div class="lineIn">
|
||
<input type="email" name="email" id="email" class="inputZ input1Width" placeholder="Адрес электронной почты..." required>
|
||
</div>
|
||
<p id="telUnderline" class="under onest"></p>
|
||
</div>-->
|
||
|
||
<!-- <div class="colms flex ent" id="hide1">
|
||
<input type="text" name="tg" id="tg" class="inputZ input1Width" required>
|
||
<p id="tgUnderline" class="under onest"></p>
|
||
</div> -->
|
||
|
||
<div class="colms ent">
|
||
<label for="email" class="f14 onest white">Введите адрес электронной почты:</label>
|
||
<input type="email" name="email" id="email" class="inputZ input1Width"
|
||
placeholder="Ваша почта..." required>
|
||
<p id="emailUnderline" class="under onest"></p>
|
||
|
||
</div>
|
||
<p class="white onest f14 forDown"> или </p>
|
||
<div class="colms flex" id="hide2">
|
||
<a href="#" class="f14 white jetbrains-mono flex" id="tgHover">Заполнить заявку в
|
||
Telegram-боте.</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="e2 flex">
|
||
<!-- <label for="radioDiv" class="onest white f14 v">Тип обращения</label>
|
||
<div class="radioDiv">
|
||
<div class="flex e3">
|
||
<div class="radio1Div flex">
|
||
<input type="radio" name="radio12" id="radio1" value="link">
|
||
<label for="radio1" class="onest white f14">Ссылка</label>
|
||
</div>
|
||
<div class="radio1Div flex">
|
||
<input type="radio" name="radio12" id="radio2" value="text">
|
||
<label for="radio2" class="onest white f14" id="l1">Описать необходимый
|
||
товар</label>
|
||
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<p for="email" class="f14 onest white forDown">Опишите, что необходимо заказать:</p>
|
||
<div class="colms flex">
|
||
<div id="inputLink">
|
||
<input type="url" name="linkI" id="linkTao" class="inputZ inpt2"
|
||
placeholder="Ссылка на товар">
|
||
<p id="linkUnderneath" class="onest white f14"></p>
|
||
</div>
|
||
<p id="inUnderline" class="under onest"></p>
|
||
<p id="or" class="f14 onest white">Или</p>
|
||
<div id="inputText">
|
||
<textarea type="text" name="textI" id="linkItem" class="inputZ inpt2"
|
||
placeholder="Опишите желаемый товар (до 1500 символов) ..."
|
||
maxlength="1500"></textarea>
|
||
<p id="linkUnderneath1" class="onest white f14"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cont">
|
||
<button id="bt" class="btn f14 jetbrains-mono flex" style="margin-top: 2%;">Отправить
|
||
заявку</button>
|
||
</div>
|
||
</form>
|
||
{% endblock %}
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<div id="uploader">
|
||
<div class="spin"></div>
|
||
<h5 class="spinText">Идёт обработка данных...</h5>
|
||
<p class="spinP">Это может занять несколько минут. Не закрывайте вкладку до окончания обработки.</p>
|
||
</div>
|
||
|
||
<!-- <footer class="footer">
|
||
<div class="wrapper cf">
|
||
<div class="notiInnner onest">
|
||
<p class="footerP ">Убедитесь, что в настройках конфиденциальности Telegram в графе "Сообщения" стоит "Все". Иначе бот не сможет Вам написать. Если не хотите менять настройки — нажмите кнопку /start в боте <a href="#" class="footerA">@EcoBot</a></p>
|
||
</div>
|
||
</div>
|
||
</footer> -->
|
||
|
||
|
||
<script src="{{ url_for('static', filename='js/cases.js') }}">
|
||
</script>
|
||
<!-- <script src="{{ url_for('static', filename='js/dist/bundle.js') }}"></script> -->
|
||
|
||
|
||
|
||
</body>
|
||
|
||
</html> |