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

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <title>Компания АТЛАНТ</title>

    <!-- Подключение CSS -->
    <link rel="stylesheet" href="style.css">
</head>

<body>

<table class="main-table">

    <!-- ШАПКА -->
    <tr>
        <td colspan="2" class="header">
            Компания АТЛАНТ
        </td>
    </tr>

    <!-- ОСНОВНАЯ ЧАСТЬ -->
    <tr>

        <!-- ЛЕВОЕ МЕНЮ -->
        <td class="menu">

            <a href="#">Главная страница</a>

            <a href="#">О компании</a>

            <a href="#">Услуги</a>

            <a href="#">Контакты</a>

            <!-- ГИПЕРССЫЛКИ -->
            <a href="computers.html">
                Компьютеры и комплектующие
            </a>

            <a href="software.html">
                Программное обеспечение
            </a>

            <a href="#">Регистрация</a>

            <a href="#">Тестирование</a>

            <a href="#">Полезные ссылки</a>

        </td>

        <!-- ЦЕНТР -->
        <td class="content">

            <!-- МЕСТО ДЛЯ КАРТИНКИ -->
            <div class="image-block">
                Место для картинки
            </div>

            <!-- ЗАГОЛОВОК -->
            <h1>ATLANT</h1>

            <!-- ТЕКСТ -->
            <p>
                Компания АТЛАНТ обеспечивает вас
                компьютерами и программными продуктами
                любого вида
            </p>

        </td>

    </tr>

    <!-- НИЖНИЙ БЛОК -->
    <tr>
        <td colspan="2" class="footer">
            <div>
                Место для рекламы
            </div>
        </td>
    </tr>

</table>

</body>
</html>


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body{
    width: 100%;
    height: 100%;
    font-family: "Times New Roman", serif;
}

/* ОСНОВНАЯ ТАБЛИЦА */

.main-table{
    width: 100%;
    height: 100vh;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ШАПКА */

.header{
    height: 90px;
    background: #4c4c4c;
    color: white;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    border: 2px solid black;
    letter-spacing: 2px;
}

/* ЛЕВОЕ МЕНЮ */

.menu{
    width: 260px;
    vertical-align: top;
    background: #dcdcdc;
    border: 2px solid black;
}

.menu a{
    display: block;
    padding: 18px 10px;
    text-align: center;
    font-size: 24px;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid black;
    background: #e8e8e8;
}

.menu a:hover{
    background: #cfcfcf;
}

/* ЦЕНТРАЛЬНАЯ ЧАСТЬ */

.content{
    vertical-align: top;
    border: 2px solid black;
    background: white;
    text-align: center;
    position: relative;
}

/* БЛОК ДЛЯ КАРТИНКИ */

.image-block{
    width: 420px;
    height: 180px;
    border: 2px dashed gray;
    margin: 70px auto 40px auto;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 28px;
    color: gray;
}

/* ЗАГОЛОВОК */

.content h1{
    font-size: 72px;
    margin-bottom: 30px;
    letter-spacing: 4px;
}

/* ТЕКСТ */

.content p{
    width: 70%;
    margin: 0 auto;
    font-size: 34px;
    font-style: italic;
    line-height: 1.5;
}

/* НИЖНИЙ БЛОК */

.footer{
    height: 120px;
    border: 2px solid black;
    background: #d9d9d9;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}

.footer div{
    margin-top: 35px;
}