nazar/colweb-lw1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make website work properly when opened as a file in the browser.

Browse Source
This commit is contained in:
Nazar
2025-09-11 18:37:27 +03:00
parent e42c98866e
commit 2dd53deb70
5 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -4,24 +4,24 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Головна » Веб-програмування ПР№1</title>
<link rel="stylesheet" href="/style.css">
<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">Про нас</a>
<a href="./index.html" 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">Про нас</a>
</div>
</nav>
<!-- Content -->
<main>
<section class="hero">
<img src="/images/hero-image.png" alt="Hero image. AI-Generated." class="section-image">
<img src="./images/hero-image.png" alt="Hero image. AI-Generated." class="section-image">
<h1>Інновації, що змінюють майбутнє</h1>
<p>
Ми поєднуємо технології, досвід та креативність, щоб створювати рішення,
@@ -52,7 +52,7 @@
ІТ, бізнес-аналітики та дизайну. Ми прагнемо зробити ваш бізнес
успішним у цифрову епоху.
</p>
<a href="/pages/about.html" class="link-more">Детальніше про нас →</a>
<a href="./pages/about.html" class="link-more">Детальніше про нас →</a>
</section>
</main>
</body>

14
pages/about.html
View File

@@ -4,24 +4,24 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Про нас » Веб-програмування ПР№1</title>
<link rel="stylesheet" href="/style.css">
<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>
<a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
<a href="./gallery.html">Галерея</a>
<a href="./articles.html">Статті</a>
<a href="./contacts.html">Контакти</a>
<a href="./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">
<img src="../images/about-image.png" alt="About us image. AI-Generated." class="section-image">
<h1>Про нас</h1>
<p>
Наша компанія вже понад 10 років працює на ринку ІТ, створюючи інноваційні рішення

16
pages/articles.html
View File

@@ -4,17 +4,17 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Статті » Веб-програмування ПР№1</title>
<link rel="stylesheet" href="/style.css">
<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>
<a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
<a href="./gallery.html">Галерея</a>
<a href="./articles.html"><u>Статті</u></a>
<a href="./contacts.html">Контакти</a>
<a href="./about.html">Про нас</a>
</div>
</nav>
@@ -62,8 +62,8 @@
<div class="timeline-dot"></div>
<time>2025-09-01</time>
<div class="timeline-content">
<h2>Початок нового проекту</h2>
<p>Ми почали роботу над нашим новим веб-проектом. Це включає розробку сучасного дизайну та інтеграцію нових технологій.</p>
<h2>Початок нового проєкту</h2>
<p>Ми почали роботу над нашим новим веб-проєктом. Це включає розробку сучасного дизайну та інтеграцію нових технологій.</p>
</div>
</article>
</section>

14
pages/contacts.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Контакти » Веб-програмування ПР№1</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="../style.css">
<script>
document.addEventListener("DOMContentLoaded", () => {
@@ -20,18 +20,18 @@
<!-- 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"><u>Контакти</u></a>
<a href="/pages/about.html">Про нас</a>
<a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
<a href="./gallery.html">Галерея</a>
<a href="./articles.html">Статті</a>
<a href="./contacts.html"><u>Контакти</u></a>
<a href="./about.html">Про нас</a>
</div>
</nav>
<!-- Content -->
<main>
<section class="contact-hero">
<img src="/images/contacts-image.webp" alt="Contact image." class="section-image">
<img src="../images/contacts-image.webp" alt="Contact image." class="section-image">
<h1>Зв’яжіться з нами</h1>
<p>
Ми завжди відкриті до співпраці, нових ідей та партнерських проєктів.

24
pages/gallery.html
View File

@@ -4,32 +4,32 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Галерея » Веб-програмування ПР№1</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="../style.css">
<script>
const gallery = [
{
image: "/images/hero-image.png",
image: "../images/hero-image.png",
title: "Всім привіт!"
},
{
image: "/images/website-logo.png",
image: "../images/website-logo.png",
title: "Наш логотип"
},
{
image: "/images/about-image.png",
image: "../images/about-image.png",
title: "Наш офіс"
},
{
image: "/images/team-photo.webp",
image: "../images/team-photo.webp",
title: "Наша команда"
},
{
image: "/images/product-image.jpg",
image: "../images/product-image.jpg",
title: "Наш продукт"
},
{
image: "/images/event-image.jpg",
image: "../images/event-image.jpg",
title: "Подія компанії"
},
];
@@ -67,11 +67,11 @@
<!-- Navbar -->
<nav>
<div class="nav-links">
<a href="/" class="nav-logo"><img src="/images/website-logo.png" alt="Логотип компанії"></a>
<a href="/pages/gallery.html"><u>Галерея</u></a>
<a href="/pages/articles.html">Статті</a>
<a href="/pages/contacts.html">Контакти</a>
<a href="/pages/about.html">Про нас</a>
<a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
<a href="./gallery.html"><u>Галерея</u></a>
<a href="./articles.html">Статті</a>
<a href="./contacts.html">Контакти</a>
<a href="./about.html">Про нас</a>
</div>
</nav>