---

/* Базовые стили */
body {
    background-color: #f4f4f9;
    color: #333333;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

header {
    background-color: #2c3e50;
    color: white;
    padding: 20px 0;
    text-align: center;
}

/* Оформление меню навигации */
nav {
    background-color: #34495e;
    padding: 10px;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    font-weight: bold;
}

nav a:hover {
    color: #f1c40f;
}

main {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

footer {
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    background-color: #2c3e50;
    color: white;
}

img.band-photo {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 15px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 12px;
    text-align: left;
}

th {
    background-color: #34495e;
    color: white;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}






<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Главная - Рок-Группа "The Beatles"</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <h1>Сайт группы "The Beatles"</h1>
    </header>

    <nav>
        <a href="index.html">Главная</a>
        <a href="pages/first.html">Дискография</a>
        <a href="pages/second.html">Афиша</a>
    </nav>

    <main>
        <h2>О группе</h2>
        <p><strong>The Beatles</strong> — легендарная британская рок-группа из Ливерпуля, основанная в 1960 году.</p>
        
        <h3>Участники группы:</h3>
        <ul>
            <li>Джон Леннон — вокал, ритм-гитара</li>
            <li>Пол Маккартни — вокал, бас-гитара</li>
            <li>Джордж Харрисон — соло-гитара, вокал</li>
            <li>Ринго Старр — ударные, вокал</li>
        </ul>

        <h3>Фото участников</h3>
        <img src="images/picture.jpg" alt="Фото группы" class="band-photo">

        <h3>Краткая история создания</h3>
        <p>Группа была основана в Ливерпуле в конце 1950-х годов. Став самой популярной и влиятельной музыкальной командой в истории, The Beatles оказали огромное влияние на развитие мировой рок-музыки и культуры.</p>
    </main>

    <footer>
        <p>&copy; 2026 Сайт-визитка музыкальной группы</p>
    </footer>
</body>
</html>







<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Дискография - The Beatles</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <header>
        <h1>Дискография</h1>
    </header>

    <nav>
        <a href="../index.html">Главная</a>
        <a href="first.html">Дискография</a>
        <a href="second.html">Афиша</a>
    </nav>

    <main>
        <h2>Альбомы группы</h2>
        <p>Просмотрите основные студийные альбомы группы:</p>

        <img src="../images/picture.jpg" alt="Обложка альбома" class="band-photo">

        <table>
            <thead>
                <tr>
                    <th>Год</th>
                    <th>Название альбома</th>
                    <th>Количество треков</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1963</td>
                    <td>Please Please Me</td>
                    <td>14</td>
                </tr>
                <tr>
                    <td>1965</td>
                    <td>Help!</td>
                    <td>14</td>
                </tr>
                <tr>
                    <td>1967</td>
                    <td>Sgt. Pepper's Lonely Hearts Club Band</td>
                    <td>13</td>
                </tr>
                <tr>
                    <td>1969</td>
                    <td>Abbey Road</td>
                    <td>17</td>
                </tr>
                <tr>
                    <td>1970</td>
                    <td>Let It Be</td>
                    <td>12</td>
                </tr>
            </tbody>
        </table>
    </main>

    <footer>
        <p>&copy; 2026 Сайт-визитка музыкальной группы</p>
    </footer>
</body>
</html>




<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Афиша - The Beatles</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <header>
        <h1>Афиша концертов</h1>
    </header>

    <nav>
        <a href="../index.html">Главная</a>
        <a href="first.html">Дискография</a>
        <a href="second.html">Афиша</a>
    </nav>

    <main>
        <h2>Расписание ближайших концертов</h2>
        <p>График предстоящих выступлений:</p>

        <img src="../images/picture.jpg" alt="Концерт" class="band-photo">

        <table>
            <thead>
                <tr>
                    <th>Дата</th>
                    <th>Город</th>
                    <th>Клуб / Площадка</th>
                    <th>Билеты</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>15.05.2026</td>
                    <td>Лондон</td>
                    <td>Wembley Stadium</td>
                    <td>В продаже</td>
                </tr>
                <tr>
                    <td>20.05.2026</td>
                    <td>Ливерпуль</td>
                    <td>Cavern Club</td>
                    <td>Продано</td>
                </tr>
                <tr>
                    <td>01.06.2026</td>
                    <td>Нью-Йорк</td>
                    <td>Madison Square Garden</td>
                    <td>Забронировать</td>
                </tr>
            </tbody>
        </table>
    </main>

    <footer>
        <p>&copy; 2026 Сайт-визитка музыкальной группы</p>
    </footer>
</body>
</html>