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

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Формат 5</title>

<style>

body{
    margin:0;
    padding:40px;
    font-family:Arial;
    background:#f2f2f2;
}

.layout{
    width:700px;
    height:500px;
    margin:auto;

    display:grid;

    grid-template-columns: 1fr 120px;
    grid-template-rows: 70px 1fr 80px;

    border:3px solid black;
    background:white;
}

.block{
    border:1px solid black;
    padding:10px;
    box-sizing:border-box;
}

/* верх */
.top-left{
    grid-column:1;
    grid-row:1;

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

    font-size:28px;
    font-weight:bold;
}

.top-right{
    grid-column:2;
    grid-row:1;
}

/* центр */
.content{
    grid-column:1;
    grid-row:2 / 4;

    font-size:20px;
}

.right-top{
    grid-column:2;
    grid-row:2;
}

.right-bottom{
    grid-column:2;
    grid-row:3;

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

img{
    width:100%;
    height:100%;
    object-fit:cover;
}

a{
    text-decoration:none;
    color:black;
    font-size:24px;
    font-weight:bold;
}

</style>
</head>

<body>

<div class="layout">

    <div class="block top-left">
        Иванов И.И.
    </div>

    <div class="block top-right">
        Г
    </div>

    <div class="block content">
        Текст страницы.<br><br>
        Здесь размещается основной контент сайта.
    </div>

    <div class="block right-top">
        Г
    </div>

    <div class="block right-bottom">
        <a href="page2.html">Г1</a>
    </div>

</div>

</body>
</html>