4 changed files with 86 additions and 147 deletions
--- a/public/header_footer/header.html
+++ b/public/header_footer/header.html
@ -50,7 +50,7 @@
        </li>
        <!-- Link zur Kontakt Seite-->
        <li class="menu-item">
-            <a href="/kontaktformular"><i class='bx bx-envelope'></i> Kontakt</a>
+            <a href="/kontakt"><i class='bx bx-envelope'></i> Kontakt</a>
        </li>
        <!-- Link zum Bestellformular-->
        <li class="menu-item">
--- a/public/kontaktformular/kontaktformular.html
+++ b/public/kontaktformular/kontaktformular.html
@ -1,55 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kontaktformular</title>
  <link rel="stylesheet" href="./Styles/styles-main.css">
  <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
  <script src="/header_footer"></script>
 </head>
 <body>
 <div class="wrapper">
  <!-- Header -->
  <div id="header"></div>
  <main>
    <section style="padding: 40px 20px; max-width: 700px; margin: 0 auto;">
      <h1>Kontaktieren Sie uns</h1>
      <p style="margin-bottom: 30px;">Sie haben Fragen oder Anregungen? Schreiben Sie uns – wir melden uns schnellstmöglich!</p>
      <form id="contact-form">
        <div class="input-box">
          <input type="text" name="name" placeholder="Ihr Name" required>
          <i class='bx bx-user'></i>
        </div>
        <div class="input-box">
          <input type="email" name="email" placeholder="Ihre E-Mail-Adresse" required>
          <i class='bx bx-envelope'></i>
        </div>
        <div class="input-box">
          <input type="text" name="betreff" placeholder="Betreff" required>
          <i class='bx bx-edit-alt'></i>
        </div>
        <div class="input-box">
          <textarea name="nachricht" placeholder="Ihre Nachricht" rows="6" style="width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;" required></textarea>
        </div>
        <button type="submit" class="btn">Nachricht senden</button>
      </form>
    </section>
  </main>
  <!-- Footer -->
  <div id="footer"></div>
 </div>
 <script>
  document.getElementById('contact-form').addEventListener('submit', function(e) {
    e.preventDefault();
    alert('Vielen Dank für Ihre Nachricht! Wir melden uns bald bei Ihnen.');
    this.reset(); // Formular leeren
  });
 </script>
 </body>
 </html>
--- a/public/startseite/startseite.html
+++ b/public/startseite/startseite.html
@ -17,7 +17,7 @@
    <script src="/header_footer"></script>
 </head>
 <body>
-<div class="wrapper">
+    <div class="wrapper">
        <!-- Header -->
        <div id="header"></div>
--- a/scripts/routes/other/route-index.js
+++ b/scripts/routes/other/route-index.js
@ -73,10 +73,4 @@ router.get('/bestellformular', (req, res) => {
 router.get('/bestellung', (req, res) => {
    res.sendFile(path.join(__dirname, '../../../public/bestellung/bestellung.html'));
 })
 router.get('/kontaktformular', (req, res) => {
    res.sendFile(path.join(__dirname, '../../../public/kontaktformular/kontaktformular.html'));
 })
 module.exports = router;