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

14
pages/about.html
View File

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

16
pages/articles.html
View File

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

14
pages/contacts.html
View File

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

24
pages/gallery.html
View File

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