Приложение а – main.Html
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>Главная страница</title>
</head>
<header class="header">
<img id="logo" src="images/logo.webp" alt="Лого сайта">
<div id="titlename">Чертоги разума</div>
<div id="aboutus">О нас</div>
</header>
<body>
<div id="header2">
<div class="text1">Добро пожаловать на сайт викторин на логику</div>
<div class="text1" style="font-size: 24px; margin-top: 10px;">Проверьте своё мышление на наших тестах</div>
</div>
<div class="blockcard">
<div class="card">
<img class="body_image" src="images/school.jpg" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Школьный</b></h4>
<button class="mbutton"><p>Перейти</p></button>
</div>
</div>
<div class="card">
<img class="body_image" src="images/erudit.jpg" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Эрудит</b></h4>
<button class="mbutton"><p>Перейти</p></button>
</div>
</div>
<div class="card">
<img class="body_image" src="images/brain.jpg" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Логика</b></h4>
<button class="mbutton"><p>Перейти</p></button>
</div>
</div>
</div>
</body>
<footer class="footer">
<div id="foottext">Чертоги разума © 2023</div>
</footer>
</html>
Приложение б – description.Html
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>Карточка теста</title>
</head>
<header class="header">
<img id="logo" src="images/logo.webp" alt="Лого сайта">
<div id="titlename">Чертоги разума</div>
<div id="aboutus">О нас</div>
</header>
<body>
<div id="header2">
<div class="text1">Тест "Школьный"</div>
</div>
<div class="blockcard">
<div class="card" id="card1">
<img class="body_image" src="images/school.jpg" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Школьный</b></h4>
</div>
</div>
<div class="card" id="card2">
<div class="container">
<h4><b>Школьный тест умственного развития предназначен для диагностики умственного развития подростков – учащихся 6-8 классов (это соответствует 7-9-м классам в современном исчислении).</b></h4>
<button class="mbutton"><p>Перейти</p></button>
</div>
</div>
</div>
</body>
<footer class="footer">
<div id="foottext">Чертоги разума © 2023</div>
</footer>
</html>
Приложение в – test.Html
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>Вопрос 1 - Школьный тест</title>
</head>
<header class="header">
<img id="logo" src="images/logo.webp" alt="Лого сайта">
<div id="titlename">Чертоги разума</div>
<div id="aboutus">О нас</div>
</header>
<body>
<div id="header2">
<div class="text1">Тест "Школьный"</div>
</div>
<div class="blockcard">
<div class="card" id="card1">
<img class="body_image" src="images/school.jpg" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Столица Австралии?</b></h4>
</div>
</div>
<div class="card" id="card2">
<div class="container">
<h2 style="padding: 1%;"><b>Варианты ответов</b></h2>
<form>
<label>
<input type="radio" name="languages" value="HTML">
Канберра
</label>
<br>
<label>
<input type="radio" name="languages" value="CSS">
Сидней
</label>
<br>
<label>
<input type="radio" name="languages" value="JS">
Перт
</label>
<br>
<label>
<input type="radio" name="languages" value="JS">
Австралия
</label>
</form>
<button class="mbutton" style="width: 150px;"><p>Cледующий вопрос</p></button>
</div>
</div>
</div>
</body>
<footer class="footer">
<div id="foottext">Чертоги разума © 2023</div>
</footer>
</html>