Add styles. Contacts page content

pages/contacts.html

@@ -17,5 +17,40 @@
             <a href="/pages/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>