<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#header
{
background: grey;
padding: 0.7em;
text-align: left;
}
#header a
{
color: white;
text-decoration: none;
padding: 0.5em 1em 0.5em 1em;
}
body
{
background: #FAFAFA;
}
.contents
{
background: #FFFFFF;
width: 720px;
padding: 1em;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #E0E0E0;
text-align: left;
}
table
{
border-collapse: collapse;
}
table, th, td
{
border: 1px solid #aaa;
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lang
{
float: right;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="about.html">Обо мне</a>
<a href="cv.html">Резюме</a>
<div id="lang">
<a href="../en/cv.html">EN</a>
<a href="../ru/cv.html">RU</a>
</div>
</div>
<center>
<h1>Резюме</h1>
<div class="contents">
<p>Здесь вы можете увидеть моё резюме в том случае, если мои произведения всё ещё вас интересуют. Я использовал современный подход ИТ для структурирования своего резюме в виде пар ключ-значение словаря (карты). Наслаждайтесь!</p>
<table>
<thead>
<tr>
<th>Ключ</th>
<th>Значение</th>
</tr>
</thead>
<tbody>
<tr>
<td>Имя</td>
<td>Валентин Серов</td>
</tr>
<tr>
<td>Возраст</td>
<td>46</td>
</tr>
<tr>
<td>Семейное положение</td>
<td>Женат</td>
</tr>
<tr>
<td>Страна</td>
<td>Российская Империя</td>
</tr>
<tr>
<td>Учёба</td>
<td>Императорская Академия художеств</td>
</tr>
<tr>
<td>Звания</td>
<td>* академик ИАХ (1898) <br> * действительный член ИАХ (1903)</td>
</tr>
</tbody>
</table>
</div>
<div id="footer">
Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
</div>
</center>
</body>
</html>