|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <!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/1886.02.by-the-window.html">EN</a>
- <a href="../../ru/blog/1886.02.by-the-window.html">RU</a>
- </div>
- </div>
- <center>
- <h1>В блоге...</h1>
- <div class="contents">
- <h2 class="itemTitle">
- <a href="1886.02.by-the-window.html">У окна</a>
- </h2>
- <p class="itemDate">1886-02</p>
- <p><img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Walentin_Aleksandrovich_Serov_By_the_Window.jpg" alt="У окна" /></p>
- <p>А вот и "У окна", портрет моей подруги (тогда) Ольги Трубниковой. Только взгляните на неё!</p>
- </div>
- <div id="footer">
- Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
- </div>
- </center>
- </body>
- </html>
|