|
- <!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>Serov</title>
- </head>
- <body>
- <div id="header">
- <strong>Serov</strong>
- <a href="../../en/blog/index.html">Blog</a>
- <a href="../../en/page/about.html">About me</a>
- <a href="../../en/page/cv.html">CV</a>
- <div id="lang">
- <a href="../../en/blog/1899.children.html">EN</a>
- <a href="../../ru/blog/1899.children.html">RU</a>
- </div>
- </div>
- <center>
- <h1>In the blog...</h1>
- <div class="contents">
- <h2 class="itemTitle">
- <a href="1899.children.html">Children</a>
- </h2>
- <p class="itemDate">1899</p>
- <p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Children" /></p>
- <p>Here are my boys, Sasha and Yura.</p>
- </div>
- </center>
- </body>
- </html>
|