25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

72 satır
2.9KB

  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. </style>
  44. <title>Serov</title>
  45. </head>
  46. <body>
  47. <div id="header">
  48. <strong>Serov</strong>
  49. <a href="about.html">About me</a>
  50. <a href="cv.html">CV</a>
  51. </div>
  52. <center>
  53. <h1>About me</h1>
  54. <div class="contents">
  55. <p>Hi, my name is Valentin Serov. Here's my self-portrait:</p>
  56. <p><img src="myself.jpg" alt="Valentin Serov self-portrait" /></p>
  57. <p>I'm a famous Russian painter, one of the premier portrait artists of the early 20th century. I also have a <a href="https://en.wikipedia.org/wiki/Valentin_Serov">Wikipedia article</a> about myself. It's good to know people still care about me, even though I died in 1911, even before <a href="https://en.wikipedia.org/wiki/Russian_Revolution">1917 Russian revolution</a> struck.</p>
  58. <p>One day I woke up and decided my paintings can change the world. So I started to paint. And it felt great.</p>
  59. <p><a href="https://en.wikipedia.org/wiki/Girl_with_Peaches">Girl with Peaches</a> is my most recognized work. Just look at this beauty:</p>
  60. <p><img src="mywork.jpg" alt="Girl with Peaches" /></p>
  61. <p>The other day I woke up and decided I should learn a bit of HTML and CSS to have a personal web site. I got my self-portrait and the "Girl with Peaches" images from Wikipedia. They are said to be in public domain, so I hope I didn't violate anyone's copyright.</p>
  62. <p>I have used <a href="http://opengamestudio.org/pskov">PSKOV</a> static site generator to create this web site. Send all complaints to <strong>PSKOV</strong>'s authors, not me, I'm already dead.</p>
  63. <p>Have a look at my <a href="cv.html">CV</a> now.</p>
  64. </div>
  65. <div id="footer">
  66. This sample web site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>.
  67. </div>
  68. </center>
  69. </body>
  70. </html>