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
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,6 @@

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

* Петренко Петро Петрович, група ІПЗ-24-1
* Кучинський Денис, група ІПЗ 24-2

* Email: ipz242_kdo@student.ztu.edu.ua
47 changes: 47 additions & 0 deletions ipz242_kdo/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Цікаві новини</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<header>
<h1>Стрічка новин</h1>
</header>

<main class="news-list">

<article class="news-card">
<img src="images/news1.jpg" alt="Новина 1" class="news-image">
<div class="news-content">
<h2>Перша новина</h2>
<p class="news-date">20 червня 2026</p>
<p>
Планета Венера — справжня бунтарка.
Вона вважає за краще обертатися проти годинникової стрілки.
</p>
</div>
</article>

<article class="news-card">
<img src="images/news2.jpg" alt="Новина 2" class="news-image">
<div class="news-content">
<h2>Друга новина</h2>
<p class="news-date">19 червня 2026</p>
<p>
Більше половини населення нашої планети ніколи не бачили снігу й можуть судити про нього,
лише по світлинах і за розповідями очевидців.
</p>
</div>
</article>

</main>
<footer>
<p>&copy; 2026 ipz242_kdo</p>
</footer>

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

body {
font-family: Arial, sans-serif;
background-color: #ffffff;
color: #000000;
}

header {
background-color: #2c3e50;
color: white;
padding: 1.5rem;
text-align: center;
}

.news-list {
max-width: 700px;
margin: 2rem auto;
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}

.news-card {
background-color: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.news-image {
width: 100%;
height: 250px;
object-fit: cover;
display: block;
}

.news-content {
padding: 1.2rem;
}

.news-content h2 {
margin-bottom: 0.4rem;
}

.news-date {
color: #888;
font-size: 0.85rem;
margin-bottom: 0.8rem;
}

footer {
text-align: center;
padding: 1rem;
color: #777;
}
1 change: 1 addition & 0 deletions jsdemo/js/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -102,3 +102,4 @@ class UserPanels {
}
}
let userPanels = new UserPanels(arr);
// Практична робота: перевірка роботи з файлами jsdemo (ipz242_kdo)