105 lines
5.9 KiB
HTML
105 lines
5.9 KiB
HTML
<!--Contact ========================================================= -->
|
|
<section class="contact">
|
|
<div class="auto_container">
|
|
<div class="contact_wrap">
|
|
<div class="contact_body">
|
|
<div class="contact_content" id="form-steps">
|
|
<div class="contact_title">
|
|
{{'page.contact_us'|_}}
|
|
</div>
|
|
<form action="#" data-request="onSend" data-request-validate data-request-flash class="contact_form">
|
|
<div class="contact_input">
|
|
<label for="name">{{'page.your_firstname'|_}}</label>
|
|
<input type="text" id="name" name="name" placeholder="{{'page.example'|_}}: {{'page.example_firstname'|_}}" required>
|
|
<span class="error_txt" data-validate-for="name" style="color: red;"></span>
|
|
</div>
|
|
<div class="contact_input">
|
|
<label for="surname">{{'page.your_lastname'|_}}</label>
|
|
<input type="text" id="surname" name="surname" placeholder="{{'page.example'|_}}: {{'page.example_lastname'|_}}" required>
|
|
<span class="error_txt" data-validate-for="surname" style="color: red;"></span>
|
|
</div>
|
|
<div class="contact_input">
|
|
<label for="mobile">{{'auth.phone'|_}}</label>
|
|
<input type="tel" id="mobile" name="mobile" placeholder="{{'page.example'|_}}: +993 65 656565" required>
|
|
<span class="error_txt" data-validate-for="mobile" style="color: red;"></span>
|
|
</div>
|
|
<div class="contact_input">
|
|
<label for="mail">{{'auth.email'|_}}</label>
|
|
<input type="email" id="email" name="email" placeholder="{{'page.example'|_}}: amanamanov@mail.ru" required>
|
|
<span class="error_txt" data-validate-for="email" style="color: red;"></span>
|
|
</div>
|
|
<div class="contact_comment">
|
|
<label for="comment">{{'page.message'|_}}</label>
|
|
<textarea id="message" name="content" placeholder="{{'page.describe_your_problem'|_}}" required></textarea>
|
|
<span class="error_txt" data-validate-for="content" style="color: red;"></span>
|
|
</div>
|
|
<button type="submit" class="btn btn--blue" data-attach-loading>
|
|
{{'account.send'|_}}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="contact_info">
|
|
<div class="contact_title">
|
|
{{'footer.contacts'|_}}
|
|
</div>
|
|
<div class="contact_box">
|
|
<div class="contact_row">
|
|
<div class="contact_icon">
|
|
<img src="{{'assets/images/svg/phone-contact.svg'|theme}}" alt="">
|
|
</div>
|
|
<div class="row_content">
|
|
<div class="contact_sub_title">
|
|
{{'footer.tel'|_}}:
|
|
</div>
|
|
<div class="contact_text">
|
|
{{ phone }}
|
|
</div>
|
|
<div class="contact_text">
|
|
{{ phone_2 }}
|
|
</div>
|
|
<div class="contact_text">
|
|
{{ phone_3 }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact_row">
|
|
<div class="contact_icon">
|
|
<img src="{{'assets/images/svg/mail-contact.svg'|theme}}" alt="">
|
|
</div>
|
|
<div class="row_content">
|
|
<div class="contact_sub_title">
|
|
E-mail:
|
|
</div>
|
|
<a href="#" class="contact_text">
|
|
{{ email }}
|
|
</a>
|
|
<a href="#" class="contact_text">
|
|
{{ email_2 }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact_row">
|
|
<div class="contact_icon">
|
|
<img src="{{'assets/images/svg/map.svg'|theme}}" alt="">
|
|
</div>
|
|
<div class="row_content">
|
|
<div class="contact_sub_title">
|
|
{{'footer.address'|_}}:
|
|
</div>
|
|
<div class="contact_text">
|
|
{{ address|raw }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="contact_map">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4717.752912640435!2d58.3471755851883!3d37.89018758608436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2s!4v1618775798801!5m2!1sru!2s"
|
|
width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--Contact end ==================================================== --> |