Update public/ki-kompetenzen.html

90e14788 · Traboulsi · 29c0b798 · 90e14788
Commit 90e14788 authored Jun 05, 2025 by Traboulsi
--- a/public/ki-kompetenzen.html
+++ b/public/ki-kompetenzen.html
 <!DOCTYPE html>
-<html lang="de">
-
+html lang="en">
 <head>
  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>KI-Kompetenzen - KNIGHT</title>
-  <link rel="icon" href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg">
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
+  <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <title>KI Kompetenzen - KNIGHT</title>
+  <meta content="" name="description">
+  <meta content="" name="keywords">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
+  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
+  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
+  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
+  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/css/main.css" rel="stylesheet">
-  <style>
-    body {
-      font-family: 'Open Sans', sans-serif;
-    }
-    .hero {
-      background: url('images/hero-background.jpg') center center / cover no-repeat;
-      color: white;
-      padding: 60px 0;
-      text-align: center;
-    }
-    .card {
-      margin-bottom: 30px;
-    }
-    .accordion-button {
-      font-weight: 600;
-      background-color: #007bff;
-      color: white;
-      border-radius: 0.25rem;
-    }
-    .accordion-button:not(.collapsed) {
-      background-color: #0056b3;
-    }
-    .card-title {
-      font-size: 1.5rem;
-      font-weight: bold;
-      text-align: center;
-      margin: 20px 0 10px;
-    }
-    .card-img-top {
-      max-width: 100%;
-      height: auto;
-      display: block;
-      margin: 0 auto;
-    }
-    footer {
-      background-color: #f8f9fa;
-      padding: 20px 0;
-      text-align: center;
-    }
-    footer a {
-      text-decoration: none;
-      color: #007bff;
-    }
-  </style>
 </head>
-
 <body>
-  <header class="bg-white shadow-sm sticky-top py-3">
-    <div class="container d-flex justify-content-between align-items-center">
-      <a href="index.html" class="d-flex align-items-center">
-        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="HFT Logo" height="40">
-        <h1 class="ms-3 h4 mb-0">KNIGHT</h1>
+  <header id="header" class="header d-flex align-items-center fixed-top">
+    <div class="container-fluid container-xl position-relative d-flex align-items-center">
+      <a href="index.html" class="logo d-flex align-items-center me-auto">
+        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
+        <h1 class="sitename">KNIGHT</h1>
      </a>
-      <nav>
-        <ul class="nav">
-          <li class="nav-item"><a class="nav-link" href="index.html#about">Über das Projekt</a></li>
-          <li class="nav-item"><a class="nav-link" href="index.html#services">Arbeitspakete</a></li>
-          <li class="nav-item"><a class="nav-link" href="index.html#portfolio">Erkenntnisse</a></li>
-          <li class="nav-item"><a class="nav-link" href="index.html#team">Projektteam</a></li>
-          <li class="nav-item"><a class="nav-link" href="index.html#contact">Kontakt</a></li>
+      <nav id="navmenu" class="navmenu">
+        <ul>
+          <!--<li><a href="index.html#hero" class="active">Home<br></a></li>-->
+          <li><a href="index.html#about">Über das Projekt</a></li>
+          <li><a href="index.html#services">Arbeitspakete</a></li>
+          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+          <li><a href="index.html#team">Projektteam</a></li>
+          <li><a href="index.html#contact">Kontakt</a></li>
        </ul>
+        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>
    </div>
  </header>

-  <main>
+ <main>
    <section class="hero">
      <div class="container">
        <h2>KI-Kompetenzen im KNIGHT-Projekt</h2>