Омагад

Додано: 20 листопада
Предмет: Інформатика, 10 клас
1 запитання
Запитання 1

<!DOCTYPE html>

<html lang="uk">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>UNDERTALE</title>

<style>

body {

font-family: Arial, sans-serif;

text-align: center;

margin: 0;

padding: 0;

background: linear-gradient(135deg, #222, #333, #444); /* Діагональний плавний градієнт */

}

.header {

font-size: 36px;

font-weight: bold;

margin: 20px 0;

}

.buttons {

margin: 20px 0;

}

.button {

display: inline-block;

padding: 20px 40px;

margin: 10px;

border: 1px solid #000;

border-radius: 5px;

text-decoration: none;

font-size: 36px;

color: #fff; /* Білий текст */

text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; /* Жирніша чорна обводка */

}

.lore-button {

background-image: url('https://kartinki.pics/pics/uploads/posts/2022-08/1660847184_1-kartinkin-net-p-zadnii-fon-anderteil-krasivo-1.png');

background-size: cover;

}

.gameplay-button {

background-image: url('https://kartinki.pics/pics/uploads/posts/2022-08/thumbs/1660847225_2-kartinkin-net-p-zadnii-fon-anderteil-krasivo-2.png');

background-size: cover;

}

.tips-button {

background-image: url('https://kartinki.pics/pics/uploads/posts/2022-08/1660847240_20-kartinkin-net-p-zadnii-fon-anderteil-krasivo-20.png');

background-size: cover;

}

.footer {

position: fixed;

bottom: 0;

width: 100%;

display: flex;

justify-content: space-between;

padding: 10px;

background-color: #2a2a2a; /* Світло-чорна смуга */

}

.footer .left {

margin-left: 10px;

display: flex;

align-items: center;

}

.footer .right {

margin-right: 10px;

}

.footer a {

color: blue;

text-decoration: none;

margin: 0 5px;

}

.logo {

width: 450px; /* Збільшена ширина у 2.25 рази */

margin: 20px auto;

}

.small-image {

width: 100px;

height: auto;

margin-left: 10px;

}

</style>

</head>

<body>

<div class="header">

<img src="https://png.klev.club/uploads/posts/2024-05/thumbs/png-klev-club-8qj8-p-nadpis-anderteil-png-1.png" alt="UNDERTALE" class="logo">

</div>

<div class="buttons">

<a href="#" class="button lore-button">Лор</a>

<a href="#" class="button gameplay-button">Гейм-плей</a>

<a href="#" class="button tips-button">Підказки</a>

</div>

<div class="footer">

<div class="left">

<img src="https://png.klev.club/uploads/posts/2024-05/thumbs/png-klev-club-8qj8-p-nadpis-anderteil-png-1.png" alt="UNDERTALE" class="small-image">

</div>

<div class="right">

<a href="privacy.html">Політика Конфіденційності</a>

<a href="cookie.html">Політика Cookie</a>

<a href="#">Відгуки</a>

</div>

</div>

</body>

</html>

варіанти відповідей

<!DOCTYPE html>

<html lang="uk">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Політика Конфіденційності</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 20px;

line-height: 1.6;

}

.header {

font-size: 24px;

font-weight: bold;

margin-bottom: 20px;

}

</style>

</head>

<body>

<div class="header">Політика Конфіденційності</div>

<p>Ця сторінка описує політику конфіденційності нашого сайту. Ми збираємо, використовуємо і захищаємо ваші особисті дані згідно з чинними законами і регламентами.</p>

<p>Щоб дізнатися більше, будь ласка, ознайомтесь з повним текстом нашої політики конфіденційності.</p>

</body>

</html>

<!DOCTYPE html>

<html lang="uk">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Політика Cookie</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 20px;

line-height: 1.6;

}

.header {

font-size: 24px;

font-weight: bold;

margin-bottom: 20px;

}

</style>

</head>

<body>

<div class="header">Політика Cookie</div>

<p>Ця сторінка пояснює, як ми використовуємо файли cookie для покращення вашого досвіду на нашому сайті. Файли cookie допомагають нам запам'ятовувати ваші налаштування і надавати персоналізовані послуги.</p>

<p>Для детальнішої інформації, будь ласка, ознайомтесь з повним текстом нашої політики щодо файлів cookie.</p>

</body>

</html>

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест