Загрузка данных

/* Базовые параметры страницы */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

/* Главный заголовок по центру */
.page-title {
    text-align: center;
    color: #004d99;
    font-size: 24px;
    padding: 20px 0;
    font-weight: bold;
}

/* Основной контейнер-таблица */
.main-table {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid #999999; /* Серая рамка вокруг всей работы */
}

/* Левая ячейка (зеленый фон меню) */
.sidebar-cell {
    background-color: #33a373; /* Тот самый зеленый цвет из лабораторной */
    width: 160px;
    padding-top: 10px;
}

/* Таблица меню внутри ячейки */
.menu-table {
    width: 100%;
}

.menu-table td {
    padding: 8px 15px;
}

.menu-table a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

/* Правая ячейка с контентом */
.content-cell {
    padding: 25px;
    background-color: #ffffff;
}

/* Стили заголовков и текста в колонках */
.content-cell h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
}

.text-left, .text-right {
    font-size: 13px;
    line-height: 1.4;
}

.text-left {
    padding-right: 20px;
}

.text-left p {
    margin-bottom: 10px;
}

.text-right p {
    margin-bottom: 12px;
}

/* Заголовок "Разделы книги" */
.sections-title {
    text-align: center;
    font-size: 16px;
    margin: 30px 0 20px 0;
}

/* Карточки разделов */
.item-card {
    width: 100%;
}

.icon-box {
    width: 45px;
    height: 45px;
    background-color: #dcdcdc; /* Серые квадраты под картинки */
    border: 1px solid #b5b5b5;
    padding-right: 0;
}

.item-card h3 {
    font-size: 14px;
    margin: 0 0 5px 10px;
}

.item-card p {
    font-size: 12px;
    margin-left: 10px;
    line-height: 1.3;
}

/* Блок дополнительных ссылок внизу */
.bottom-links {
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.4;
}

.bottom-links h3 {
    font-size: 13px;
    margin-bottom: 5px;
}

.bottom-links a {
    color: #0000ff;
}

/* Отступ перед подвалом для возможности прокрутки */
.scroll-spacer {
    height: 600px;
}

/* Чёрная разделительная полоса */
.black-line {
    height: 8px;
    background-color: #000000;
    width: 100%;
}

/* Подвал сайта */
.site-footer {
    text-align: center;
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.4;
    background-color: #ffffff;
}

.site-footer a {
    color: #0000ff;
    text-decoration: underline;
}
Лвлаоаоалалалалалалаол
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>3D Studio Max 5</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <!-- Заголовок страницы -->
    <h1 class="page-title">3D Studio Max<sup>®</sup> 5</h1>

    <!-- Основная таблица-сетка -->
    <table class="main-table" cellspacing="0" cellpadding="0">
        <tr>
            <!-- Левая зеленая колонка с меню -->
            <td class="sidebar-cell" valign="top">
                <table class="menu-table">
                    <tr><td><a href="#">Главная</a></td></tr>
                    <tr><td><a href="#">Ученик</a></td></tr>
                    <tr><td><a href="#">Помощь</a></td></tr>
                </table>
            </td>

            <!-- Правая колонка с основным контентом -->
            <td class="content-cell" valign="top">
                
                <!-- Таблица для двух верхних колонок текста -->
                <table class="columns-table" width="100%">
                    <tr>
                        <td width="50%" valign="top" class="text-left">
                            <h2>О чем и для кого эта книга</h2>
                            <p>В последнее время появилось очень много программ для моделирования анимации и визуализации трехмерных миров. Каждая из них по-своему хороша, однако особое внимание авторы уделили эффективной и понятной скорости работы, каковой и является программа, разработанная фирмой Discrete.</p>
                            <p>Из названия этой книги следует, что главный упор сделан на широком изучении возможностей 3D Studio Max для быстрой и эффективной работы. Некоторые разделы рассматриваются как базовые.</p>
                        </td>
                        <td width="50%" valign="top" class="text-right">
                            <h2>Дополнительная литература</h2>
                            <p>Михаил МАРОВ. Эффективный мир 3D Studio Max 5.<br>ISBN 5-947-002-11-2</p>
                            <p>Тед БОРДМАН. Секреты 3D Studio Max 4.<br>ISBN 5-947-002-11-2</p>
                            <p>Ким ТИ. 3D Studio Max 3.<br>ISBN 5-947-002-11-2</p>
                            <p>А. К. КАШИК. Adobe Photoshop 7.0.<br>ISBN 5-947-002-11-2</p>
                        </td>
                    </tr>
                </table>

                <!-- Разделы книги -->
                <h2 class="sections-title">Разделы книги:</h2>

                <table class="blocks-table" width="100%">
                    <tr>
                        <td width="50%" valign="top">
                            <table class="item-card">
                                <tr>
                                    <td class="icon-box"></td>
                                    <td valign="top">
                                        <h3>Моделирование</h3>
                                        <p>Раздел посвящен созданию, настройке и редактированию объектов трехмерных сцен.</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="50%" valign="top">
                            <table class="item-card">
                                <tr>
                                    <td class="icon-box"></td>
                                    <td valign="top">
                                        <h3>Анимация</h3>
                                        <p>Именно для придания реализма оживают трехмерные миры, существует анимация или оживление.</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>

                <!-- Дополнительные ссылки -->
                <div class="bottom-links">
                    <h3>Дополнительные ссылки:</h3>
                    <p>Каждое практическое задание содержится в проектах Max на сайте издательства по адресу <a href="#">www.diasoft.kiev.ua</a>.</p>
                    <p>Все желающие могут обратиться с вопросами, ответами и замечаниями по e-mail: <a href="mailto:book@diasoft.kiev.ua">book@diasoft.kiev.ua</a> - Издательство «ДиаСофт».</p>
                </div>

            </td>
        </tr>
    </table>

    <!-- Пространство для докрутки (увеличенный отступ) -->
    <div class="scroll-spacer"></div>

    <!-- ЧЕРНАЯ ПОЛОСА -->
    <div class="black-line"></div>

    <!-- ПОДВАЛ -->
    <footer class="site-footer">
        <p>Создание сайта Михаила цука</p>
        <p><a href="#">www.modern-com.ru</a></p>
    </footer>

</body>
</html>