選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. </style>
  48. <title>Серов</title>
  49. </head>
  50. <body>
  51. <div id="header">
  52. <strong>Серов</strong>
  53. <a href="about.html">Обо мне</a>
  54. <a href="cv.html">Резюме</a>
  55. <div id="lang">
  56. <a href="../en/about.html">EN</a>
  57. <a href="../ru/about.html">RU</a>
  58. </div>
  59. </div>
  60. <center>
  61. <h1>Обо мне</h1>
  62. <div class="contents">
  63. <p>Привет, меня зовут Валентин Серов. Вот мой автопортрет:</p>
  64. <p><img src="../myself.jpg" alt="Автопортрет Валентина Серова" /></p>
  65. <p>Я известный русский живописец, один из основных мастеров портрета начала 20-го века. Про меня также есть <a href="https://ru.wikipedia.org/wiki/%D0%A1%D0%B5%D1%80%D0%BE%D0%B2,_%D0%92%D0%B0%D0%BB%D0%B5%D0%BD%D1%82%D0%B8%D0%BD_%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D0%B2%D0%B8%D1%87">статья на Википедии</a>. Приятно осознавать, что люди меня все ещё помнят, несмотря на то что я умер в 1911-м, до <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D0%B2%D0%BE%D0%BB%D1%8E%D1%86%D0%B8%D1%8F_1917_%D0%B3%D0%BE%D0%B4%D0%B0_%D0%B2_%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D0%B8">Русской революции 1917-го</a>.</p>
  66. <p>Однажды я проснулся и решил, что мои картины могут изменить мир. С тех пор я начал писать. Это было великолепно.</p>
  67. <p><a href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%B2%D0%BE%D1%87%D0%BA%D0%B0_%D1%81_%D0%BF%D0%B5%D1%80%D1%81%D0%B8%D0%BA%D0%B0%D0%BC%D0%B8">Девочка с персиками</a> является моим самым узнаваемым произведением. Только посмотрите на эту красоту:</p>
  68. <p><img src="../mywork.jpg" alt="Девочка с персиками" /></p>
  69. <p>В другой день я проснулся и решил, что мне следует изучить немного HTML и CSS, чтобы создать свой собственный веб-сайт. Я взял изображения своего автопортрета и "Девочки с персиками" с Википедии. Там указано, что изображения принадлежат публике, надеюсь, я не нарушил авторских прав.</p>
  70. <p>Я использовал генератор статических сайтов <a href="http://opengamestudio.org/pskov">ПСКОВ</a> для создания этого веб-сайта. Отправляйте все замечания авторам <strong>ПСКОВ</strong>а, не мне. Меня уже нет в живых.</p>
  71. <p>Теперь взгляните на моё <a href="cv.html">резюме</a>.</p>
  72. </div>
  73. <div id="footer">
  74. Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
  75. </div>
  76. </center>
  77. </body>
  78. </html>