56 lines
2.4 KiB
HTML
56 lines
2.4 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block content %}
|
||
<h1>Контакты</h1>
|
||
|
||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;">
|
||
<div>
|
||
<h3 style="color: #CD853F;">Наши контакты</h3>
|
||
|
||
<p><strong>📞 Телефон:</strong><br>
|
||
<span style="font-size: 1.3rem;">+7 (995) 947-00-42</span></p>
|
||
|
||
<p><strong>💬 WhatsApp / Telegram:</strong><br>
|
||
+7 (995) 947-00-42</p>
|
||
|
||
<p><strong>✉️ Email: rotacyzxc@gmail.com</strong><br>
|
||
</p>
|
||
|
||
<p><strong>📍 Адрес:</strong><br>
|
||
г. Белорецк, ул. Точисского, д. 16/2</p>
|
||
|
||
<p><strong>🕒 Режим работы:</strong><br>
|
||
Понедельник - Пятница: 10:00 - 20:00<br>
|
||
Суббота: 11:00 - 18:00<br>
|
||
Воскресенье: выходной</p>
|
||
|
||
<p><strong>🚗 Как добраться:</strong><br>
|
||
на такси или пешочком</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 style="color: #CD853F;">Свяжитесь с нами</h3>
|
||
<form method="POST" style="background: #FDF5E6; padding: 1.5rem; border-radius: 10px;">
|
||
<div style="margin-bottom: 1rem;">
|
||
<label>Ваше имя:</label><br>
|
||
<input type="text" name="name" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;">
|
||
</div>
|
||
<div style="margin-bottom: 1rem;">
|
||
<label>Email:</label><br>
|
||
<input type="email" name="email" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;">
|
||
</div>
|
||
<div style="margin-bottom: 1rem;">
|
||
<label>Сообщение:</label><br>
|
||
<textarea name="message" rows="4" style="width: 100%; padding: 0.5rem; border: 1px solid #CD853F; border-radius: 5px;"></textarea>
|
||
</div>
|
||
<button type="submit" class="btn-primary">Отправить</button>
|
||
</form>
|
||
|
||
<div style="margin-top: 2rem; background: #CD853F10; padding: 1rem; border-radius: 10px; text-align: center;">
|
||
<p>📱 Мы в соцсетях:</p>
|
||
<p>Instagram | VK | Telegram</p>
|
||
<p style="font-size: 0.9rem; color: #666;">@RoTacy</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %} |