---

<!DOCTYPE html>
<html>
<head>
<title>Страница обо мне</title>
</head>
<body>
<div id ="main">
<div id ="header">Привет</div>
<div id ="photo">Фото</div>
<div id ="text">Шаргер Даниил</div>
<div id ="footer">Контакты</div>
</div>
</body>
</html>
<style>
    #main{
        width: 710px;
        margin: 0px auto;
        border: 3px solid #edc7ff;
    }
    #header{
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 3px solid #fff7c7;
    }
    #photo{
width: 450px;
height: 500px;
float: left;
border-right: 3px solid #fff7c7;
}
#text{
    width: 255px;
    height: 500px;
    float: right;
    text-indent: 20px;
    display: flex;
    align-items: flex-end;
}
#footer{
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    clear: both;
    border-top: 3px solid #fff7c7;
}
#text,#photo{background:#c7eaff};
#header,#footer{background:#ffdbc7};
</style>