<!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;
}
img
{
width: 100%;
}
.itemDate
{
margin-bottom: 2em;
color: #aaa;
}
.itemTitle a
{
color: #3A91CB;
text-decoration: none;
}
</style>
<title>Серов</title>
</head>
<body>
<div id="header">
<strong>Серов</strong>
<a href="../../ru/blog/index.html">Блог</a>
<a href="../../ru/page/about.html">Обо мне</a>
<a href="../../ru/page/cv.html">Резюме</a>
<div id="lang">
<a href="../../en/blog/1887.01.venice.html">EN</a>
<a href="../../ru/blog/1887.01.venice.html">RU</a>
</div>
</div>
<center>
<h1>В блоге...</h1>
<div class="contents">
<h2 class="itemTitle">
<a href="1887.01.venice.html">Площадь Св. Марка в Венеции</a>
</h2>
<p class="itemDate">1887-01</p>
<p><img src="https://upload.wikimedia.org/wikipedia/commons/d/d2/St._Mark_Plaza_in_Venice.jpg" alt="Площадь Св. Марка в Венеции" /></p>
<p>Я был в Венеции, поэтому не смог удержаться написать её Площадь Св. Марка.</p>
</div>
<div id="footer">
Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
</div>
</center>
</body>
</html>