66 lines
2.7 KiB
HTML
66 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Контакти » Веб-програмування ПР№1</title>
|
|
<link rel="stylesheet" href="../style.css">
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const form = document.getElementById("contact-us-form");
|
|
form.addEventListener("submit", ev => {
|
|
alert("Ця кнопка нічого не робить, це статичний вебсайт :)");
|
|
ev.preventDefault();
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- Navbar -->
|
|
<nav>
|
|
<div class="nav-links">
|
|
<a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
|
|
<a href="./gallery.html">Галерея</a>
|
|
<a href="./articles.html">Статті</a>
|
|
<a href="./contacts.html"><u>Контакти</u></a>
|
|
<a href="./about.html">Про нас</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Content -->
|
|
<main>
|
|
<section class="contact-hero">
|
|
<img src="../images/contacts-image.webp" alt="Contact image." class="section-image">
|
|
<h1>Зв’яжіться з нами</h1>
|
|
<p>
|
|
Ми завжди відкриті до співпраці, нових ідей та партнерських проєктів.
|
|
Залиште свої контакти або скористайтесь будь-яким зручним способом зв’язку.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="contact-details">
|
|
<h2>Наші контактні дані</h2>
|
|
<p><b>Телефон:</b> <a href="tel:+380441234567">+380 (44) 123-45-67</a></p>
|
|
<p><b>Email:</b> <a href="mailto:[email protected]">[email protected]</a></p>
|
|
<p><b>Адреса:</b> вул. Незалежності, 101, Київ, Україна</p>
|
|
</section>
|
|
|
|
<section class="contact-form">
|
|
<h2>Напишіть нам</h2>
|
|
<form id="contact-us-form">
|
|
<label for="name">Ваше ім’я:</label>
|
|
<input type="text" id="name" name="name" required>
|
|
|
|
<label for="email">Ваш email:</label>
|
|
<input type="email" id="email" name="email" required>
|
|
|
|
<label for="message">Повідомлення:</label>
|
|
<textarea id="message" name="message" rows="5" required></textarea>
|
|
|
|
<button type="submit">Надіслати</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html> |