Файл: index.html
Строк: 322
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="canonical" href="https://site.ru" />
<meta name="description" content="Site.Ru">
<meta name="keywords" content="Безграничное общение с друзьями, поиск новых друзей.">
<meta name="copyright" content="Site.Ru(c) 2020" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#f3f3f7">
<meta name="msapplication-TileColor" content="#f3f3f7">
<meta name="theme-color" content="#f3f3f7">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="font-awesome/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="font-awesome/css/v4-shims.css">
<link rel="stylesheet" type="text/css" href="index.css">
<script type="text/javascript" src="jquery.min.js"></script>
<title>Site name</title>
</head>
<body>
<header>
<div class="cont_center">
<a href="/" class="logo_box">
<img src="favicon-32x32.png" alt="Вокруг Друг"> Site.Ru
</a>
</div>
</header>
<div class="paralax_move_box">
<div class="top_box">
<div class="cont_center">
<div class="title_box">
<h1>Безграничное общение с друзьями </h1>
<h2>Удобный сайт для общения и поиска новых друзей.</h2>
</div>
<div class="buttons_box">
<a href="#auth" class="open_modal store_btn suces">
<i class="fal fa-key"></i> Войти
</a>
<a href="#rega" class="open_modal store_btn reg">
<i class="fal fa-user-plus"></i> Регистрация
</a>
<? require_once(''.$_SERVER['DOCUMENT_ROOT'].'/pages/vk/config.php');?>
<a href="https://oauth.vk.com/authorize?client_id=<?=ID?>&display=page&redirect_uri=<?=URL?>&response_type=code" class="store_btn vk">
Вход через <i class="fab fa-vk"></i>
</a>
</div>
</div>
</div>
</div>
<div class="tri_block cont_center">
<div class="tri_box">
<div class="img">
<i class="fal fa-comments-alt fa-3x m_chat"></i>
</div>
<h3>Всегда в онлайне</h3>
<p>Общайся с телефона, смартфона, планшета или компьютера. Отправляй сообщения друзьям, которых даже нет в сети.</p>
</div>
<div class="tri_box">
<div class="img">
<i class="fal fa-thumbs-up fa-3x m_chat"></i>
</div>
<h3>Быстро и удобно</h3>
<p>Вставляй в сообщения разнообразные смайлики. Смотри историю переписки. Получай уведомления о новых событиях.</p>
</div>
<div class="tri_box">
<div class="img">
<i class="fal fa-music fa-3x m_chat"></i>
</div>
<h3>Музыка</h3>
<p>Слушай, загружай и добавляй к себе. У нас все бесплатно!</p>
</div>
</div>
<div class="vhod_block cont_center">
<div class="aut_box">
<form action="" method="post" class="ui-form">
<h1 id="auth">Войти на сайт</h1>
<div class="form-row">
<input type="text" id="login1" name="login" required autocomplete="off">
<label for="email">Логин</label>
</div>
<div class="form-row">
<input type="password" id="passworda" name="password" required autocomplete="off">
<label for="password">Пароль</label>
</div>
<p><input type="submit" name="success" value="Войти"></p>
</form>
</div>
<div class="reg_box">
<form action="" method="post" class="ui-form">
<h1 id="rega">Регистрация</h1>
<div class="form-row">
<input type="text" id="login" name="login" required autocomplete="off">
<label for="email">Логин</label>
</div>
<div class="form-row">
<input type="text" id="email" name="email" required autocomplete="off">
<label for="email">Email</label>
</div>
<div class="form-row">
<input type="text" id="gorod" name="gorod" required autocomplete="off">
<label for="email">Город</label>
</div>
<div class="form-row">
<input type="password" id="password" name="password1" required autocomplete="off">
<label for="password">Пароль</label>
</div>
<div class="form-row">
<input type="password" id="password2" name="password2" required autocomplete="off">
<label for="password">Подтверждение пароля</label>
</div>
<h3>Дата рождения</h3>
<div class="form-row">
<select name="ank_d_r">
<option value="0">День</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="ank_m_r">
<option value="0">Месяц</option>
<option value="1">Январь</option>
<option value="2">Февраль</option>
<option value="3">Март</option>
<option value="4">Апрель</option>
<option value="5">Май</option>
<option value="6">Июнь</option>
<option value="7">Июль</option>
<option value="8">Август</option>
<option value="9">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
<select name="ank_g_r">
<option value="0">Год</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
</select>
</div>
<div class="form_radio_btn">
<input id="radio-1" type="radio" name="pol" value="1" checked>
<label for="radio-1">Мужской</label>
</div>
<div class="form_radio_btn">
<input id="radio-2" type="radio" name="pol" value="2">
<label for="radio-2">Женский</label>
</div>
<p><input type="submit" name="registration" value="Зарегистрировать"></p>
</form>
</div>
</div>
<div class="contacts_block cont_center">
<div class="cont_box">
<h3>Контакты</h3>
<p>Если у вас возникли какие либо вопросы, пожелания, предложения, пишите нам на support@site.ru</p>
</div>
</div>
<footer>
<div class="cont_center">
<div class="text_box">
<i class="fal fa-copyright" aria-hidden="true"></i> Site.Ru 2020 <br>Все права защищены.
</div>
<div class="links_box">
<a href="/#">Лицензионное соглашение</a>
<a href="/#">Политика конфиденциальности</a>
</div>
</div>
</footer>
<script type="text/javascript">
$(document).ready(function(){
$('.top_box .buttons_box a').click(function(){
/*задали какой мы хотим отступ от верха страницы*/
var otstupTop=100;
$('body,html').animate({
/*получили положение элемента вычли отступ и прокрутили*/
scrollTop: $($(this).attr('href')).offset().top-otstupTop
}, 1500);
});
});
</script>
</body>
</html>