From 68e5edb9bc3b3fc39643fb50ce1466bdc33addd4 Mon Sep 17 00:00:00 2001 From: ArtemKrachkovskiy Date: Wed, 24 Jun 2026 00:27:49 +0300 Subject: [PATCH 01/12] feat: add initial HTML structure and base styles --- ipz241_kai/index.html | 40 +++++++++++++++++++++ ipz241_kai/style.css | 84 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 124 insertions(+) create mode 100644 ipz241_kai/index.html create mode 100644 ipz241_kai/style.css diff --git a/ipz241_kai/index.html b/ipz241_kai/index.html new file mode 100644 index 00000000..f1e77aec --- /dev/null +++ b/ipz241_kai/index.html @@ -0,0 +1,40 @@ + + + + + + Kai News - Новини Світу + + + + + + + +
+
+ + +
+
+ +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/ipz241_kai/style.css b/ipz241_kai/style.css new file mode 100644 index 00000000..ff41020d --- /dev/null +++ b/ipz241_kai/style.css @@ -0,0 +1,84 @@ +:root { + --primary-color: #2c3e50; + --secondary-color: #e74c3c; + --background-color: #f4f7f6; + --text-color: #333; + --white: #ffffff; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Montserrat', sans-serif; + background-color: var(--background-color); + color: var(--text-color); + line-height: 1.6; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +.main-header { + background-color: var(--white); + box-shadow: 0 2px 10px rgba(0,0,0,0.1); + position: sticky; + top: 0; + z-index: 100; +} + +.header-container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + font-family: 'Playfair Display', serif; + font-size: 28px; + text-decoration: none; + color: var(--primary-color); + font-weight: 700; +} + +.logo span { + color: var(--secondary-color); +} + +.main-nav ul { + list-style: none; + display: flex; + gap: 20px; +} + +.main-nav a { + text-decoration: none; + color: var(--primary-color); + font-weight: 500; + transition: color 0.3s; +} + +.main-nav a:hover, .main-nav a.active { + color: var(--secondary-color); +} + +.main-content { + padding: 40px 0; +} + +.main-footer { + background-color: var(--primary-color); + color: var(--white); + text-align: center; + padding: 20px 0; + margin-top: 40px; +} From 9151a7ec99adafbb21c570231e13ad319edc45be Mon Sep 17 00:00:00 2001 From: ArtemKrachkovskiy Date: Wed, 24 Jun 2026 00:28:09 +0300 Subject: [PATCH 02/12] feat: add grid layout for news articles --- ipz241_kai/style.css | 67 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) diff --git a/ipz241_kai/style.css b/ipz241_kai/style.css index ff41020d..b5a651d9 100644 --- a/ipz241_kai/style.css +++ b/ipz241_kai/style.css @@ -82,3 +82,70 @@ body { padding: 20px 0; margin-top: 40px; } + +.news-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 30px; +} + +.news-card { + background-color: var(--white); + border-radius: 8px; + overflow: hidden; + box-shadow: 0 4px 6px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.news-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 20px rgba(0,0,0,0.1); +} + +.news-image { + width: 100%; + height: 200px; + object-fit: cover; +} + +.news-content { + padding: 20px; +} + +.news-category { + display: inline-block; + background-color: var(--secondary-color); + color: var(--white); + font-size: 12px; + font-weight: 700; + padding: 4px 10px; + border-radius: 4px; + margin-bottom: 10px; + text-transform: uppercase; +} + +.news-title { + font-size: 20px; + margin-bottom: 15px; + color: var(--primary-color); +} + +.news-text { + font-size: 14px; + color: #666; + margin-bottom: 20px; +} + +.read-more { + display: inline-block; + text-decoration: none; + color: var(--primary-color); + font-weight: 700; + font-size: 14px; + transition: color 0.3s; +} + +.read-more:hover { + color: var(--secondary-color); +} + From 7bca50c93b14a58f527200da201c8322f95ef087 Mon Sep 17 00:00:00 2001 From: ArtemKrachkovskiy Date: Wed, 24 Jun 2026 00:28:26 +0300 Subject: [PATCH 03/12] feat: add first news article about technology --- ipz241_kai/index.html | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/ipz241_kai/index.html b/ipz241_kai/index.html index f1e77aec..aa974c8b 100644 --- a/ipz241_kai/index.html +++ b/ipz241_kai/index.html @@ -27,8 +27,18 @@
- -
+
+ +
+ Technology News +
+ Технології +

Штучний інтелект здійснює прорив у медицині

+

Нова система ШІ здатна діагностувати рідкісні захворювання на ранніх стадіях з точністю 98%, що дає надію мільйонам пацієнтів по всьому світу.

+ Читати далі → +
+
+