<!DOCTYPE html>

<html lang="de">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Meine Infoseite</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            line-height: 1.6;

            margin: 0;

            padding: 20px;

            background-color: #f4f4f9;

            color: #333;

        }

        .container {

            max-width: 600px;

            margin: auto;

            background: white;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        }

        h1 {

            color: #0066cc;

        }

    </style>

</head>

<body>

    <div class="container">

        <h1>Willkommen auf meiner Infoseite</h1>

        <p>Dies ist eine einfache und übersichtliche HTML-Seite für den Einstieg.</p>

        <h2>Über dieses Projekt</h2>

        <p>Hier kannst du wichtige Informationen, Texte oder Links für Besucher übersichtlich darstellen.</p>

        <h2>Kontakt</h2>

        <p>Schreibe mir eine E-Mail bei Fragen oder besuche das [SELFHTML-Wiki](https://wiki.selfhtml.org/) für weitere Lernhilfen.</p>

    </div>

</body>

</html>