You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
2.8KB

  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/cv.html">EN</a>
  57. <a href="../ru/cv.html">RU</a>
  58. </div>
  59. </div>
  60. <center>
  61. <h1>Резюме</h1>
  62. <div class="contents">
  63. <p>Здесь вы можете увидеть моё резюме в том случае, если мои произведения всё ещё вас интересуют. Я использовал современный подход ИТ для структурирования своего резюме в виде пар ключ-значение словаря (карты). Наслаждайтесь!</p>
  64. <table>
  65. <thead>
  66. <tr>
  67. <th>Ключ</th>
  68. <th>Значение</th>
  69. </tr>
  70. </thead>
  71. <tbody>
  72. <tr>
  73. <td>Имя</td>
  74. <td>Валентин Серов</td>
  75. </tr>
  76. <tr>
  77. <td>Возраст</td>
  78. <td>46</td>
  79. </tr>
  80. <tr>
  81. <td>Семейное положение</td>
  82. <td>Женат</td>
  83. </tr>
  84. <tr>
  85. <td>Страна</td>
  86. <td>Российская Империя</td>
  87. </tr>
  88. <tr>
  89. <td>Учёба</td>
  90. <td>Императорская Академия художеств</td>
  91. </tr>
  92. <tr>
  93. <td>Звания</td>
  94. <td>* академик ИАХ (1898) <br> * действительный член ИАХ (1903)</td>
  95. </tr>
  96. </tbody>
  97. </table>
  98. </div>
  99. <div id="footer">
  100. Этот пример сайта сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>.
  101. </div>
  102. </center>
  103. </body>
  104. </html>