Update profile.php

2026-05-13 11:27:46 +02:00
8 changed files with 5 additions and 320 deletions
@@ -1,11 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
@@ -70,6 +70,10 @@
                    <br>
                    <button type="submit" name="submit"><i></i> Speichern</button>
                </div>
                <div>
                    <br>
                    <button type="button" name="NutzerLoeschen">Account löschen</button>
                </div>
            </div>
        </div>
    </main>
@@ -1,183 +1,3 @@
 /* ====================================
   RESET
 ==================================== */
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }
 /* ====================================
   BODY
 ==================================== */
 body {
-  font-family: Arial, Helvetica, sans-serif;
+  background-color: coral;
  color: #1f2937;
  line-height: 1.6;
  background: linear-gradient(
          135deg,
          #eef2ff,
          #f8fafc
  );
  min-height: 100vh;
  /* sorgt dafür, dass Footer unten bleibt */
  display: flex;
  flex-direction: column;
 }
 /* ====================================
   NAVIGATION
 ==================================== */
 nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.5rem;
  background: white;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
 }
 nav div a {
  display: block;
  text-decoration: none;
  background: #2563eb;
  color: white;
  padding: 0.9rem 1.4rem;
  border-radius: 30px;
  font-weight: bold;
  transition: all 0.3s ease;
 }
 nav div a:hover,
 nav div a:focus {
  background: #1d4ed8;
  transform: translateY(-2px);
  outline: 3px solid #f59e0b;
  outline-offset: 2px;
 }
 /* ====================================
   MAIN
 ==================================== */
 main {
  flex: 1;
  max-width: 900px;
  margin: 3rem auto;
  padding: 2rem;
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
 }
 /* ====================================
   ÜBERSCHRIFT
 ==================================== */
 h1 {
  text-align: center;
  color: #1e3a8a;
  margin-bottom: 2rem;
  font-size: 2.2rem;
 }
 /* ====================================
   BILD
 ==================================== */
 img {
  display: block;
  margin: 0 auto 2rem auto;
  max-width: 100%;
  height: auto;
  border-radius: 15px;
 }
 /* ====================================
   TEXT
 ==================================== */
 p {
  font-size: 1.05rem;
 }
 /* ====================================
   FOOTER
 ==================================== */
 footer {
  background: #1e293b;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
 }
 footer a {
  color: white;
  text-decoration: none;
 }
 footer a:hover,
 footer a:focus {
  text-decoration: underline;
  outline: 2px solid white;
  outline-offset: 2px;
 }
 /* ====================================
   RESPONSIVE TABLET
 ==================================== */
@media (max-width: 768px) {
  nav {
    flex-direction: column;
    align-items: center;
  }
  main {
    margin: 1rem;
    padding: 1.5rem;
  }
  h1 {
    font-size: 1.8rem;
  }
 }
 /* ====================================
   RESPONSIVE HANDY
 ==================================== */
@media (max-width: 480px) {
  body {
    font-size: 15px;
  }
  nav div a {
    width: 100%;
    text-align: center;
  }
  footer {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
 }
@@ -1,11 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
@@ -1,11 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
@@ -1,26 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
 <body>
 <nav>
    <div>
        <a href="index.html">Homepage</a>
    </div>
    <div>
        <a href="anmeldung.html">Anmelden/Abmelden</a>
    </div>
    <div>
        <a href="registrierung.html">Registrieren</a>
    </div>
 </nav>
@@ -1,40 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
 <body>
    <nav>
        <div>
            <a href="index.html">Homepage</a>
        </div>
        <div>
            <a href="anmeldung.html">Anmelden/Abmelden</a>
        </div>
        <div>
            <a href="registrierung.html">Registrieren</a>
        </div>
    </nav>
    <main>
        <h1>Nutzungsbedingungen</h1>
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
            sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
    </main>
@@ -1,40 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="Gästebuch Beispiel">
    <meta name="author" content="Dietrich Boles">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css" />
    <title>Gästebuch</title>
 </head>
 <body>
    <nav>
        <div>
            <a href="index.html">Homepage</a>
        </div>
        <div>
            <a href="anmeldung.html">Anmelden/Abmelden</a>
        </div>
        <div>
            <a href="registrierung.html">Registrieren</a>
        </div>
    </nav>
    <main>
        <h1>Registrierung</h1>
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
            sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
    </main>