|
- <!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>
|