58 lines
2.8 KiB
HTML
58 lines
2.8 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">
|
||
</head>
|
||
<body>
|
||
<!-- Navbar -->
|
||
<nav>
|
||
<div class="nav-links">
|
||
<a href="/" class="nav-logo"><img src="/images/website-logo.png" alt="Логотип компанії"></a>
|
||
<a href="/pages/gallery.html">Галерея</a>
|
||
<a href="/pages/articles.html">Статті</a>
|
||
<a href="/pages/contacts.html">Контакти</a>
|
||
<a href="/pages/about.html"><u>Про нас</u></a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Content -->
|
||
<main>
|
||
<section class="about-hero">
|
||
<img src="/images/about-image.png" alt="About us image. AI-Generated." class="section-image">
|
||
<h1>Про нас</h1>
|
||
<p>
|
||
Наша компанія вже понад 10 років працює на ринку ІТ, створюючи інноваційні рішення
|
||
для бізнесу будь-якого масштабу. Ми віримо в силу технологій та прагнемо робити
|
||
світ зручнішим, ефективнішим та доступнішим.
|
||
</p>
|
||
</section>
|
||
|
||
<section class="mission">
|
||
<h2>Наша місія</h2>
|
||
<p>
|
||
Ми допомагаємо клієнтам досягати своїх цілей завдяки сучасним веб-рішенням,
|
||
гнучким інструментам автоматизації та професійній підтримці на кожному етапі.
|
||
</p>
|
||
</section>
|
||
|
||
<section class="values">
|
||
<h2>Наші цінності</h2>
|
||
<ul>
|
||
<li><b>Якість:</b> Ми пишаємося високим рівнем наших продуктів.</li>
|
||
<li><b>Інноваційність:</b> Постійно впроваджуємо нові технології.</li>
|
||
<li><b>Прозорість:</b> Відкритість у спілкуванні та роботі з клієнтами.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section class="contact-info">
|
||
<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>
|
||
</main>
|
||
</body>
|
||
</html> |