72 lines
3.5 KiB
HTML
72 lines
3.5 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"><u>Статті</u></a>
|
||
<a href="/pages/contacts.html">Контакти</a>
|
||
<a href="/pages/about.html">Про нас</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Content -->
|
||
<main>
|
||
<section class="articles-timeline">
|
||
<h1>Статті</h1>
|
||
<article class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<time>2025-09-20</time>
|
||
<div class="timeline-content">
|
||
<h2>Оптимізація продуктивності</h2>
|
||
<p>Провели оптимізацію коду та зображень, щоб сайт швидше завантажувався та працював плавніше на всіх пристроях.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<time>2025-09-15</time>
|
||
<div class="timeline-content">
|
||
<h2>Додано нові функції</h2>
|
||
<p>Інтегрували нові функції, включаючи фільтри для галереї та адаптивний дизайн для мобільних пристроїв.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<time>2025-09-10</time>
|
||
<div class="timeline-content">
|
||
<h2>Перші відгуки користувачів</h2>
|
||
<p>Отримали перші відгуки від тестових користувачів та виявили кілька дрібних багів, які потрібно виправити перед офіційним запуском.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<time>2025-09-05</time>
|
||
<div class="timeline-content">
|
||
<h2>Запуск тестової версії</h2>
|
||
<p>Ми запустили тестову версію веб-сайту для внутрішнього тестування та перевірки основних функцій перед публічним релізом.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="timeline-item">
|
||
<div class="timeline-dot"></div>
|
||
<time>2025-09-01</time>
|
||
<div class="timeline-content">
|
||
<h2>Початок нового проекту</h2>
|
||
<p>Ми почали роботу над нашим новим веб-проектом. Це включає розробку сучасного дизайну та інтеграцію нових технологій.</p>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html> |