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:info@futuretech.example">info@futuretech.example</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> |