265 lines
20 KiB
HTML
265 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Roboto:wght@300;400;500;700;900&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/main.css">
|
||
<title>Contact</title>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- header start
|
||
================================================-->
|
||
<header class="header">
|
||
<div class="auto__container">
|
||
<div class="header__inner">
|
||
<a href="index.html" class="header__logo">
|
||
<img src="images/logo.svg" alt="">
|
||
</a>
|
||
<div class="header__search">
|
||
<div class="header__slogan">
|
||
bir zat slogan bolar
|
||
</div>
|
||
<div class="header__search-input">
|
||
<input type="text" placeholder="Поиск">
|
||
<a href="#" class="header__search-btn">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414"
|
||
viewBox="0 0 20.414 20.414">
|
||
<g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
|
||
<circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
|
||
stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
|
||
stroke-width="2" />
|
||
<line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35"
|
||
transform="translate(13.65 13.65)" fill="none" stroke="#242424"
|
||
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<button class="hamBtn" id="menuBtn">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="subheader">
|
||
<div class="auto__container">
|
||
<div class="subheader__inner" id="menu">
|
||
<div class="close" id="closeMenu">
|
||
<img src="images/svg/cancel.svg" alt="">
|
||
</div>
|
||
<nav class="nav">
|
||
<div class="nav__inner">
|
||
<a href="index.html" class="nav__inner-link active">
|
||
Главная
|
||
</a>
|
||
<a href="heading.html" class="nav__inner-link">
|
||
Рубрики
|
||
</a>
|
||
<a href="#" class="nav__inner-link">
|
||
Фото
|
||
</a>
|
||
<a href="#" class="nav__inner-link">
|
||
Видео
|
||
</a>
|
||
<a href="#" class="nav__inner-link">
|
||
Уроки
|
||
</a>
|
||
<a href="about.html" class="nav__inner-link">
|
||
О нас
|
||
</a>
|
||
<a href="contact.html" class="nav__inner-link">
|
||
Связаться с нами
|
||
</a>
|
||
</div>
|
||
</nav>
|
||
<div class="language">
|
||
<a href="#" class="language__link">
|
||
<img src="images/svg/ENG.svg" alt="">
|
||
</a>
|
||
<a href="#" class="language__link">
|
||
<img src="images/svg/TKM.svg" alt="">
|
||
</a>
|
||
<a href="#" class="language__link">
|
||
<img src="images/svg/RUS.svg" alt="">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- header end
|
||
================================================-->
|
||
<!-- main start
|
||
================================================ -->
|
||
<section class="main mr-top-bot">
|
||
<div class="auto__container">
|
||
<div class="main__inner contact">
|
||
<div class="main__content">
|
||
<form action="#" class="form">
|
||
<div class="form__title">
|
||
Обратная связь
|
||
</div>
|
||
<div class="form__inner">
|
||
<div class="form__row">
|
||
<div class="form__input">
|
||
<label for="name">Ваше имя (обязательно)</label>
|
||
<input type="name" id="name">
|
||
</div>
|
||
<div class="form__input">
|
||
<label for="email">Ваша электронная почта (обязательно)</label>
|
||
<input type="email" id="email">
|
||
</div>
|
||
</div>
|
||
<div class="form__input-bg">
|
||
<label for="title">Тема сообщения</label>
|
||
<input type="name" id="title">
|
||
</div>
|
||
<div class="form__textarea">
|
||
<label for="text">Текст сообщения</label>
|
||
<textarea name="" id="text" cols="30" rows="10"></textarea>
|
||
</div>
|
||
<button type="submit" class="form__btn">
|
||
Отправить
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="main__sidebar ">
|
||
<div class="main__sidebar-title">
|
||
Наши контакты
|
||
</div>
|
||
<div class="address">
|
||
<div class="address__inner">
|
||
<span> Наш адрес:</span> Туркменистан, г.Ашхабад, ул. Битарап Туркменистан 24а
|
||
</div>
|
||
<div class="address__inner">
|
||
<span> Тел:</span> <a href="">(+99312) 921116</a>
|
||
</div>
|
||
<div class="address__inner">
|
||
<span>Email: </span> <a href="#">info@orient.tm</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- main end
|
||
================================================ -->
|
||
<!-- footer start
|
||
================================================ -->
|
||
<footer class="footer">
|
||
<div class="auto__container">
|
||
<div class="footer__inner">
|
||
<div class="footer__copyright">
|
||
Copyright 2012-2020 ORIENT - ИНФОРМАЦИОННОЕ АГЕНТСТВО "МЕДИА-ТУРКМЕН" | Пользовательское соглашение
|
||
</div>
|
||
<div class="footer__social">
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20">
|
||
<g id="youtube" transform="translate(0.001)">
|
||
<path id="Path_6492" data-name="Path 6492"
|
||
d="M198.366,109.848l-5.834-3.192a1.071,1.071,0,0,0-1.586.94v6.329a1.07,1.07,0,0,0,1.579.944l5.834-3.137a1.071,1.071,0,0,0,.007-1.884Zm-5.872,3.281V108.4l4.36,2.386Zm0,0"
|
||
transform="translate(-181.316 -101.03)" fill="" />
|
||
<path id="Path_6493" data-name="Path 6493"
|
||
d="M25.808,4.72V4.708A6.1,6.1,0,0,0,24.66,1.644a4.2,4.2,0,0,0-2.8-1.334L21.729.294l-.045,0C18.247.035,13.056,0,13,0h-.009c-.052,0-5.243.035-8.711.289l-.046,0L4.116.309A4.1,4.1,0,0,0,1.33,1.684,6.391,6.391,0,0,0,.193,4.693l0,.027C.183,4.809,0,6.914,0,9.028V11c0,2.114.183,4.219.191,4.308v.013a6.039,6.039,0,0,0,1.142,3.027,4.285,4.285,0,0,0,2.9,1.316c.106.012.2.023.259.034l.06.008c1.985.192,8.207.286,8.471.29h.016c.052,0,5.243-.035,8.68-.289l.045,0,.146-.017a4,4,0,0,0,2.762-1.342A6.39,6.39,0,0,0,25.8,15.338l0-.027C25.815,15.223,26,13.118,26,11V9.028c0-2.114-.184-4.219-.191-4.308ZM24.475,11c0,1.956-.168,3.971-.184,4.156a4.963,4.963,0,0,1-.747,2.144,2.488,2.488,0,0,1-1.8.847l-.162.019c-3.325.244-8.32.282-8.55.283-.258,0-6.389-.1-8.314-.281-.1-.016-.205-.029-.317-.042A2.826,2.826,0,0,1,2.454,17.3l-.014-.015a4.5,4.5,0,0,1-.733-2.122c-.012-.14-.185-2.178-.185-4.162V9.028c0-1.954.168-3.967.184-4.156a4.861,4.861,0,0,1,.747-2.144,2.611,2.611,0,0,1,1.836-.883l.124-.015c3.373-.245,8.4-.282,8.584-.283s5.21.038,8.553.283l.134.016a2.708,2.708,0,0,1,1.866.858l.006.007a4.576,4.576,0,0,1,.733,2.153c.012.132.185,2.175.185,4.163Zm0,0"
|
||
fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="20" viewBox="0 0 32 20">
|
||
<g id="vk" transform="translate(-1078 -276)">
|
||
<path id="vk-2" data-name="vk"
|
||
d="M16.193,24.5c4.629,0,2.979-2.931,3.336-3.773-.005-.629-.011-1.235.011-1.6a7.105,7.105,0,0,1,2.415,1.823c2.207,2.227,2.771,3.553,4.553,3.553h3.281a2.166,2.166,0,0,0,1.852-.792,2.071,2.071,0,0,0,.237-1.917c-.732-2.3-5-6.268-5.267-6.687.04-.077.1-.18.137-.233h0c.843-1.113,4.059-5.932,4.532-7.86a.025.025,0,0,0,0-.011,1.922,1.922,0,0,0-.221-1.773A2.038,2.038,0,0,0,29.328,4.5H26.047a2.416,2.416,0,0,0-2.353,1.563c-.705,1.793-2.687,5.481-4.172,6.787-.045-1.849-.015-3.261.009-4.311.048-2.047.2-4.039-1.921-4.039H12.452c-1.331,0-2.6,1.453-1.225,3.179,1.205,1.512.433,2.355.693,6.549A24.535,24.535,0,0,1,7.829,6.456,2.4,2.4,0,0,0,5.407,4.5H2.125A1.873,1.873,0,0,0,0,6.441C0,9.169,6.039,24.5,16.193,24.5ZM5.407,6.5c.289,0,.319,0,.533.609,1.305,3.844,4.233,9.532,6.372,9.532,1.607,0,1.607-1.647,1.607-2.267V9.44A4.716,4.716,0,0,0,12.844,6.5l4.677.005c0,.023-.027,5.46.013,6.777,0,1.871,1.485,2.943,3.8.6a28.5,28.5,0,0,0,4.207-7.057c.1-.24.187-.321.5-.321h3.295s0,.008,0,.012c-.3,1.4-3.261,5.861-4.252,7.247-.016.021-.031.044-.045.067a1.992,1.992,0,0,0,.06,2.605h0c.077.093.279.312.572.616.912.941,4.04,4.16,4.317,5.44-.184.029-.384.008-3.484.015-.66,0-1.176-.987-3.145-2.973C21.592,17.805,20.443,17.1,19.4,17.1c-2.032,0-1.884,1.649-1.865,3.644.007,2.163-.007,1.479.008,1.615a4.019,4.019,0,0,1-1.345.14C7.733,22.5,2.224,9.072,2.012,6.505c.073-.007,1.083,0,3.395,0Z"
|
||
transform="translate(1078 271.5)" fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20">
|
||
<g id="twitter" transform="translate(-1130 -276)">
|
||
<path id="twitter_1_" data-name="twitter (1)"
|
||
d="M24,2.671c-1.51.071-1.477.065-1.647.08l.894-2.6s-2.791,1.045-3.5,1.232a5.521,5.521,0,0,0-6.595-.54,4.68,4.68,0,0,0-2.2,4.782A12.131,12.131,0,0,1,3.066,1.1L2.4.292l-.495.925A5.679,5.679,0,0,0,1.324,4.98a5.471,5.471,0,0,0,.515,1.469l-.568-.224L1.2,7.191a5.225,5.225,0,0,0,.859,3.065,5.433,5.433,0,0,0,.669.84l-.294-.046L2.8,12.157a5.355,5.355,0,0,0,2.717,3.206c-1.267.548-2.291.9-3.974,1.46L0,17.339l1.422.792a14.762,14.762,0,0,0,4.351,1.612c4.208.672,8.945.125,12.135-2.8,2.686-2.463,3.568-5.967,3.385-9.614a2.308,2.308,0,0,1,.418-1.483c.6-.81,2.286-3.169,2.29-3.175ZM20.586,4.988a3.758,3.758,0,0,0-.7,2.414c.185,3.678-.8,6.53-2.922,8.478-2.481,2.275-6.482,3.167-10.977,2.45a10.74,10.74,0,0,1-2.352-.712A36.917,36.917,0,0,0,7.9,15.835l2.456-1.184-2.712-.177A3.822,3.822,0,0,1,4.6,12.708a4.785,4.785,0,0,0,1.032-.175L8.216,11.8l-2.608-.65a3.889,3.889,0,0,1-2.372-1.68,4.087,4.087,0,0,1-.514-1.155,6.4,6.4,0,0,0,1.058.172l2.414.243L4.281,7.21A4.139,4.139,0,0,1,2.755,2.891a13.85,13.85,0,0,0,9.859,4.321A8.622,8.622,0,0,0,12.47,6a3.31,3.31,0,0,1,1.419-3.935,4.141,4.141,0,0,1,4.955.418A1.243,1.243,0,0,0,20,2.794,9.59,9.59,0,0,0,20.95,2.5l-.606,1.763h.774l-.532.725Zm0,0"
|
||
transform="translate(1130 276)" fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="20" viewBox="0 0 13 20">
|
||
<g id="odnoklassniki" transform="translate(-4.5)">
|
||
<path id="Path_6490" data-name="Path 6490"
|
||
d="M4.692,12.748c-.531,1,.072,1.484,1.448,2.3A9.837,9.837,0,0,0,9.965,16.1L5.873,19.887c-1.191,1.1.726,2.858,1.916,1.784l3.222-2.988c1.233,1.141,2.416,2.234,3.222,2.992,1.191,1.078,3.107-.668,1.929-1.784-.088-.081-4.366-4.026-4.105-3.784a9.863,9.863,0,0,0,3.8-1.051h0c1.376-.824,1.98-1.3,1.456-2.308-.316-.57-1.169-1.047-2.3-.223A7.206,7.206,0,0,1,11,13.654,7.2,7.2,0,0,1,7,12.525c-1.135-.828-1.991-.347-2.3.223Z"
|
||
transform="translate(0 -2.013)" fill="" />
|
||
<path id="Path_6491" data-name="Path 6491"
|
||
d="M11.2,10.118a5.308,5.308,0,0,0,5.516-5.053A5.309,5.309,0,0,0,11.2,0,5.31,5.31,0,0,0,5.68,5.065,5.308,5.308,0,0,0,11.2,10.118Zm0-7.553a2.612,2.612,0,0,1,2.709,2.5A2.611,2.611,0,0,1,11.2,7.553,2.611,2.611,0,0,1,8.488,5.065a2.611,2.611,0,0,1,2.709-2.5Z"
|
||
transform="translate(-0.197)" fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||
<g id="linkedin" transform="translate(-1250 -294)">
|
||
<path id="linkedin-2" data-name="linkedin"
|
||
d="M6.251,16.523H3.516V7.7H6.251ZM6.523,4.883a1.6,1.6,0,1,0-1.6,1.6,1.6,1.6,0,0,0,1.6-1.6Zm9.961,6.784c0-2.37-.5-4.128-3.269-4.128A2.838,2.838,0,0,0,10.628,8.9h0V7.7H7.969v8.828h2.656V12.14c0-1.148.292-2.26,1.715-2.26,1.4,0,1.449,1.313,1.449,2.333v4.31h2.7ZM20,17.656V2.344A2.346,2.346,0,0,0,17.657,0H2.344A2.346,2.346,0,0,0,0,2.344V17.656A2.346,2.346,0,0,0,2.344,20H17.657A2.346,2.346,0,0,0,20,17.656ZM17.657,1.563a.782.782,0,0,1,.781.781V17.656a.782.782,0,0,1-.781.781H2.344a.782.782,0,0,1-.781-.781V2.344a.782.782,0,0,1,.781-.781Zm0,0"
|
||
transform="translate(1250 294)" fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg id="instagram" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<path id="Path_96" data-name="Path 96"
|
||
d="M20.4,5.88a7.307,7.307,0,0,0-.465-2.426A5.124,5.124,0,0,0,17.006.527,7.329,7.329,0,0,0,14.579.063C13.508.012,13.168,0,10.452,0S7.4.012,6.33.059A7.313,7.313,0,0,0,3.9.524,4.881,4.881,0,0,0,2.129,1.68,4.924,4.924,0,0,0,.976,3.45,7.326,7.326,0,0,0,.511,5.876C.46,6.947.449,7.287.449,10s.012,3.055.059,4.122A7.306,7.306,0,0,0,.972,16.55,5.123,5.123,0,0,0,3.9,19.477a7.331,7.331,0,0,0,2.427.465c1.067.047,1.407.059,4.123.059s3.056-.012,4.123-.059A7.309,7.309,0,0,0,17,19.477a5.116,5.116,0,0,0,2.927-2.926,7.331,7.331,0,0,0,.465-2.426c.047-1.067.059-1.407.059-4.122s0-3.055-.051-4.122Zm-1.8,8.166a5.481,5.481,0,0,1-.344,1.856,3.318,3.318,0,0,1-1.9,1.9,5.5,5.5,0,0,1-1.856.344c-1.055.047-1.372.059-4.041.059s-2.989-.012-4.041-.059A5.481,5.481,0,0,1,4.56,17.8a3.078,3.078,0,0,1-1.149-.746,3.109,3.109,0,0,1-.746-1.149,5.5,5.5,0,0,1-.344-1.856c-.047-1.055-.059-1.371-.059-4.04s.012-2.989.059-4.04a5.478,5.478,0,0,1,.344-1.856,3.04,3.04,0,0,1,.75-1.149,3.105,3.105,0,0,1,1.149-.746A5.507,5.507,0,0,1,6.42,1.875c1.055-.047,1.372-.059,4.041-.059s2.989.012,4.041.059a5.484,5.484,0,0,1,1.856.344,3.076,3.076,0,0,1,1.149.746,3.109,3.109,0,0,1,.746,1.149A5.5,5.5,0,0,1,18.6,5.97c.047,1.055.059,1.371.059,4.04s-.012,2.981-.059,4.036Zm0,0"
|
||
transform="translate(-0.449 0)" fill="" />
|
||
<path id="Path_97" data-name="Path 97"
|
||
d="M130.089,124.5a5.138,5.138,0,1,0,5.14,5.138A5.14,5.14,0,0,0,130.089,124.5Zm0,8.47a3.333,3.333,0,1,1,3.334-3.333A3.334,3.334,0,0,1,130.089,132.97Zm0,0"
|
||
transform="translate(-120.085 -119.636)" fill="" />
|
||
<path id="Path_98" data-name="Path 98"
|
||
d="M364.849,89.8a1.2,1.2,0,1,1-1.2-1.2A1.2,1.2,0,0,1,364.849,89.8Zm0,0"
|
||
transform="translate(-348.303 -85.14)" fill="" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg id="facebook" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
||
viewBox="0 0 20 20">
|
||
<g id="Group_199" data-name="Group 199">
|
||
<path id="Path_99" data-name="Path 99"
|
||
d="M17.656,0H2.344A2.346,2.346,0,0,0,0,2.344V17.656A2.346,2.346,0,0,0,2.344,20H17.656A2.346,2.346,0,0,0,20,17.656V2.344A2.346,2.346,0,0,0,17.656,0Zm.781,17.656a.782.782,0,0,1-.781.781H13.2V12.07h2.414l.4-2.422H13.2V7.969A1.152,1.152,0,0,1,14.375,6.8h1.6V4.375h-1.6a3.593,3.593,0,0,0-3.593,3.6V9.648H8.438V12.07h2.345v6.367H2.344a.782.782,0,0,1-.781-.781V2.344a.782.782,0,0,1,.781-.781H17.656a.782.782,0,0,1,.781.781Z"
|
||
fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="footer__social-link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="20.001" viewBox="0 0 23 20.001">
|
||
<g id="Telegram" transform="translate(-1174 -275.999)">
|
||
<path id="telegram-2" data-name="telegram"
|
||
d="M.4,10.709l5.625,2.785a.725.725,0,0,0,.682-.022l5.006-2.892-3.03,2.668a.713.713,0,0,0-.242.535v6.5a.721.721,0,0,0,1.294.429L12.164,17.5l6.013,3.4a.72.72,0,0,0,1.06-.48l3.75-18.57a.717.717,0,0,0-.966-.806L.457,9.4a.713.713,0,0,0-.059,1.3ZM21.319,2.854l-3.3,16.319-5.7-3.224a.723.723,0,0,0-.931.191L9.876,18.147V14.105l8.195-7.215a.716.716,0,0,0-.838-1.152L6.318,12.045,2.492,10.15Z"
|
||
transform="translate(1173.999 275.002)" fill="" />
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- footer end
|
||
================================================ -->
|
||
<!-- javascript start
|
||
============================================= -->
|
||
|
||
<!-- javascript end
|
||
============================================= -->
|
||
</body>
|
||
|
||
</html> |