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

<!DOCTYPE html>

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Сайт-визитка</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

```
    <div id="container">

            <div id="header">
                    <h1>Сайт-визитка</h1>
                    <p>студента</p>
                    <p>ГБПОУ РМ "Саранский техникум энергетики и электронной техники имени А.И. Полежаева"</p>
            </div>

            <div id="navigation">
                    <b>Иванова Ивана</b>
            </div>

            <div id="menu">
            </div>

            <div id="content">
                    <hr>
                    <p>Дата Рождения: 01.01.2000 г.</p>
                    <p><i>Специальность: 09.02.03 <u>"Программирование в компьютерных системах"</u></i></p>
                    <p>Курс: 2</p>
                    <p>Краткая информация о себе:</p>
                    <p>Мой адрес:<br>г.Саранск, кр. Ленина, д. 10</p>
            </div>

            <div id="clear"></div>

            <div id="footer">
                    <p>© 2024 Иванова Ивана</p>
            </div>

    </div>
```

</body>
</html>


body {
        background: #f3f2f3;
        color: #000000;
        font-family: Trebuchet MS, Arial, Times New Roman;
        font-size: 14px;
}

#container {
        background: #FFFFFF;
        margin: 30px auto;
        width: 900px;
}

#header {
        background: #838283;
        width: 900px;
        padding: 20px 30px;
        box-sizing: border-box;
        text-align: center;
        color: #ffffff;
        margin-bottom: 5px;
}

#header h1 {
        font-size: 28px;
        font-family: "Times New Roman", serif;
        margin: 0 0 6px 0;
        font-weight: bold;
}

#header p {
        margin: 2px 0;
        font-size: 13px;
}

#navigation {
        background: #a2a2a2;
        width: 900px;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 16px;
        margin-bottom: 5px;
}

#menu {
        background: #333333;
        float: left;
        width: 200px;
        height: 400px;
        margin-right: 5px;
}

#content {
        background: #d2d0d2;
        float: right;
        width: 695px;
        min-height: 400px;
        padding: 10px 20px;
        box-sizing: border-box;
        font-family: "Times New Roman", Times, serif;
        font-size: 14px;
}

#content p {
        margin: 8px 0;
}

#content hr {
        border: none;
        border-top: 1px solid #000000;
        margin: 4px 0 10px 0;
}

#clear {
        clear: both;
}

#footer {
        background: #838283;
        width: 900px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #ffffff;
        font-size: 13px;
        margin-top: 5px;
}