Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <style>
  6. #header
  7. {
  8. background: grey;
  9. padding: 0.7em;
  10. text-align: left;
  11. }
  12. #header a
  13. {
  14. color: white;
  15. text-decoration: none;
  16. padding: 0.5em 1em 0.5em 1em;
  17. }
  18. body
  19. {
  20. background: #FAFAFA;
  21. }
  22. .contents
  23. {
  24. background: #FFFFFF;
  25. width: 720px;
  26. padding: 1em;
  27. margin-top: 2em;
  28. margin-bottom: 2em;
  29. border: 1px solid #E0E0E0;
  30. text-align: left;
  31. }
  32. table
  33. {
  34. border-collapse: collapse;
  35. }
  36. table, th, td
  37. {
  38. border: 1px solid #aaa;
  39. padding: 0.5em;
  40. margin-top: 0.5em;
  41. margin-bottom: 0.5em;
  42. }
  43. #lang
  44. {
  45. float: right;
  46. }
  47. img
  48. {
  49. width: 100%;
  50. }
  51. .itemDate
  52. {
  53. margin-bottom: 2em;
  54. color: #aaa;
  55. }
  56. .itemTitle a
  57. {
  58. color: #3A91CB;
  59. text-decoration: none;
  60. }
  61. </style>
  62. <title>Серов</title>
  63. </head>
  64. <body>
  65. <div id="header">
  66. <strong>Серов</strong>
  67. <a href="../../ru/blog/index.html">Блог</a>
  68. <a href="../../ru/page/about.html">Обо мне</a>
  69. <a href="../../ru/page/cv.html">Резюме</a>
  70. <div id="lang">
  71. <a href="../../en/blog/index.html">EN</a>
  72. <a href="../../ru/blog/index.html">RU</a>
  73. </div>
  74. </div>
  75. <center>
  76. <h1>Блог</h1>
  77. <div class="contents">
  78. <h2 class="itemTitle">
  79. <a href="1899.children.html">Дети</a>
  80. </h2>
  81. <p class="itemDate">1899</p>
  82. <p><img src="https://upload.wikimedia.org/wikipedia/commons/6/66/Walentin_Alexandrowitsch_Serow_Children.jpg" alt="Дети" /></p>
  83. <p>А вот мои мальчики, Саша и Юра.</p>
  84. <p>. . .</p>
  85. <div class="itemMore">
  86. <a href="1899.children.html">Читать дальше</a>
  87. </div>
  88. </div>
  89. <div class="contents">
  90. <h2 class="itemTitle">
  91. <a href="1896.coronation.html">Коронация Николая II</a>
  92. </h2>
  93. <p class="itemDate">1896</p>
  94. <p><img src="https://upload.wikimedia.org/wikipedia/commons/3/32/Walentin_Serow_Kroenung_Zar_Nikolai_II_anagoria.jpg?uselang=ru" alt="Коронация Николая II" /></p>
  95. <p>Мне посчастливилось писать Николая II во время его коронации, проходившей в <a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%81%D0%BF%D0%B5%D0%BD%D1%81%D0%BA%D0%B8%D0%B9_%D1%81%D0%BE%D0%B1%D0%BE%D1%80_(%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0)">Московском Успенском Соборе</a> в 1896-м.</p>
  96. <p>Николая II позже <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D1%81%D1%81%D1%82%D1%80%D0%B5%D0%BB_%D1%86%D0%B0%D1%80%D1%81%D0%BA%D0%BE%D0%B9_%D1%81%D0%B5%D0%BC%D1%8C%D0%B8">убили Большевики в 1918-м</a>. Он хотя бы прожил на 7 лет дольше меня.. . .</p>
  97. <div class="itemMore">
  98. <a href="1896.coronation.html">Читать дальше</a>
  99. </div>
  100. </div>
  101. <div class="contents">
  102. <h2 class="itemTitle">
  103. <a href="1888.girl-in-the-sunlight.html">Девушка, освещённая солнцем</a>
  104. </h2>
  105. <p class="itemDate">1888</p>
  106. <p><img src="https://upload.wikimedia.org/wikipedia/commons/5/55/Girl_in_the_Sunlight._Portrait_of_Maria_Simonovich._1888._Oil_on_canvas._The_Tretyakov_Gallery%2C_Moscow%2C_Russia..jpg" alt="Девушка, освещённая солнцем" /></p>
  107. <p>А вот ещё одна моя довольно известная "Девушка, освещённая солнцем", портрет Симонович, жены моего друга.</p>
  108. <p><a href="https://ru.wikipedia.org/wiki/%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2,_%D0%9F%D0%B0%D0%B2%D0%B5%D0%BB_%D0%9C%D0%B8%D1%85%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D0%B8%D1%87">Третьяков</a> купил эту картину, так что вы сможете её найти в <a href="https://ru.wikipedia.org/wiki/%D0%93%D0%BE%D1%81%D1%83%D0%B4%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F_%D0%A2%D1%80%D0%B5%D1%82%D1%8C%D1%8F%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0%D1%8F_%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F">Третьяковской Галерее</a>.. . .</p>
  109. <div class="itemMore">
  110. <a href="1888.girl-in-the-sunlight.html">Читать дальше</a>
  111. </div>
  112. </div>
  113. <p>Страница 1 из 3</p>
  114. <p>
  115. <a href="index2.html">Старее »</a>
  116. </p>
  117. <div id="footer">
  118. Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
  119. </div>
  120. </center>
  121. </body>
  122. </html>