Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 2 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,5 @@
# TechPrakt2026Task2

**Технологічна практика 2026. Git. Завдання №2**

Список студентів, які виконали завдання:

* Петренко Петро Петрович, група ІПЗ-24-1
## ��㤥��

- ������ �����᫠� ?�������, ?��-242
Binary file added ipz242_lvi/images/ai.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ipz242_lvi/images/apple.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ipz242_lvi/images/cyber.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ipz242_lvi/images/gitHub.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 81 additions & 0 deletions ipz242_lvi/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>IT головні новини</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>

<header>
<title>IT Новини</title>
<p class="subtitle">Найсвіжіші новини зі світу технологій</p>
</header>

<main>

<article class="news-card">
<img src="images/ai.jpg" alt="Штучний інтелект" />
<div class="news-content">
<span class="tag">Штучний інтелект</span>
<h2>ChatGPT отримав оновлення з підтримкою голосу та бачення</h2>
<p>
OpenAI випустила нову версію свого AI-асистента з покращеним голосовим інтерфейсом.
Тепер користувачі можуть вести природні розмови в реальному часі без затримок.
Оновлення доступне для всіх користувачів Plus та Team.
</p>
<time>25 червня 2026</time>
</div>
</article>

<article class="news-card">
<img src="images/apple.jpg" alt="Apple" />
<div class="news-content">
<span class="tag">Apple</span>
<h2>Apple представила нові MacBook з чипом M5</h2>
<p>
Компанія Apple офіційно анонсувала нове покоління ноутбуків MacBook Pro та MacBook Air
на базі власного процесора M5. За даними виробника, продуктивність зросла на 40%
порівняно з попереднім поколінням M4.
</p>
<time>20 червня 2026</time>
</div>
</article>

<article class="news-card">
<img src="images/cyber.jpg" alt="Кібербезпека" />
<div class="news-content">
<span class="tag">Кібербезпека</span>
<h2>Виявлено масштабну вразливість у популярному фреймворку</h2>
<p>
Дослідники з безпеки виявили критичну вразливість у широко використовуваному
веб-фреймворку, яка дозволяє зловмисникам отримати несанкціонований доступ до даних.
Розробники вже випустили патч — рекомендується терміново оновитися.
</p>
<time>18 червня 2026</time>
</div>
</article>

<article class="news-card">
<img src="images/github.jpg" alt="GitHub" />
<div class="news-content">
<span class="tag">Розробка</span>
<h2>GitHub Copilot тепер підтримує українську мову</h2>
<p>
Microsoft повідомила про розширення підтримки мов у GitHub Copilot.
Тепер AI-асистент для програмістів розуміє коментарі та запити українською мовою,
що значно спрощує роботу для розробників з України.
</p>
<time>15 червня 2026</time>
</div>
</article>

</main>

<footer>
<p>© 2026 IT Новини | Лацяця Владислав Іванович | ІПЗ-242</p>
</footer>

</body>
</html>
109 changes: 109 additions & 0 deletions ipz242_lvi/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #e8f0fe;
color: #333;
line-height: 1.6;
}

header {
background-color: #1a1a2e;
color: white;
text-align: center;
padding: 40px 20px;
}

header h1 {
font-size: 2.5rem;
margin-bottom: 8px;
}

header .subtitle {
font-size: 1rem;
color: #a0aec0;
}

main {
max-width: 900px;
margin: 40px auto;
padding: 0 20px;
display: flex;
flex-direction: column;
gap: 30px;
}

.news-card {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: row;
}

.news-card img {
width: 220px;
min-height: 180px;
object-fit: cover;
background-color: #cbd5e0;
}

.news-content {
padding: 20px 24px;
display: flex;
flex-direction: column;
gap: 10px;
}

.tag {
display: inline-block;
background-color: #ebf4ff;
color: #2b6cb0;
font-size: 0.75rem;
font-weight: 600;
padding: 4px 10px;
border-radius: 20px;
width: fit-content;
}

.news-content h2 {
font-size: 1.2rem;
font-weight: 600;
color: #1a202c;
}

.news-content p {
font-size: 0.95rem;
color: #555;
}

time {
font-size: 0.8rem;
color: #999;
margin-top: auto;
}

footer {
text-align: center;
padding: 30px;
background-color: #1a1a2e;
color: #a0aec0;
font-size: 0.9rem;
margin-top: 40px;
}

@media (max-width: 600px) {
.news-card {
flex-direction: column;
}

.news-card img {
width: 100%;
height: 200px;
}
}