The files for my website https://mzumquadrat.codeberg.page
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.
 
 
 

62 lines
2.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hallo, ich bin Marcel Mehlmann</title>
  6. <meta name="description" content="Meine persönliche Webseite">
  7. <meta name="keywords" content="Webseite, Kontakt, Visitenkarte">
  8. <meta name="author" content="Marcel Mehlmann">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <link rel="icon" type="image/svg+xml" href="images/favicon.svg" sizes="any">
  11. <link rel="stylesheet" href="css/classless.css" />
  12. </head>
  13. <body>
  14. <nav>
  15. <ul>
  16. <li>
  17. Marcel Mehlmann
  18. </li>
  19. <li><a rel="me" href="https://fosstodon.org/@mzumquadrat" target="_blank">@fosstodon</a></li>
  20. <li><a href="https://codeberg.org/mzumquadrat" target="_blank">@Codeberg</a></li>
  21. <li><a href="articles">My Articles</a></li>
  22. <li class="float-right"><a href="impressum.html">Impressum</a></li>
  23. </ul>
  24. </nav>
  25. <header>
  26. <h1>👋 Hallo, ich bin Marcel Mehlmann</h1>
  27. </header>
  28. <main>
  29. <aside id="picture">
  30. <figure>
  31. <img src="images/me.jpg" alt="Ein Portraitfoto von Marcel Mehlmann">
  32. <figcaption>Das bin ich</figcaption>
  33. </figure>
  34. </aside>
  35. <section id="about_me">
  36. <p>Ich studiere Informatik an der <a href="https://www.thm.de" target="_blank">THM</a> und arbeite nebenbei
  37. als Technischer Direktor bei <a href="https://tinycampus.de/" target="_blank">tinyCampus</a>.</p>
  38. <p>Meine Interessen sind:</p>
  39. <p>Linux | Server | F(L)OSS | Datenschutz | Bildung</p>
  40. </section>
  41. <section id="contact">
  42. <h4>Kontakt:</h4>
  43. <p>Ich bin erreichbar per Email unter: marcel (At) mzumquadrat (Punkt) de,</p>
  44. <p>oder via <a href="https://fosstodn.org/@mzumquadrat" target="_blank">Mastodon</a>,</p>
  45. <p>oder mzumquadrat auf Freenode.</p>
  46. </section>
  47. </section>
  48. </main>
  49. <footer>
  50. <section id="copyright">
  51. <p>© 2020 Marcel Mehlmann</p>
  52. <p>Der Quellcode für meine Seite ist auf <a href="https://codeberg.org/mzumquadrat/pages"
  53. target="_blank">Codeberg</a>.</p>
  54. </section>
  55. </footer>
  56. </body>
  57. </html>