diff --git a/public/ki-kompetenzen.html b/public/ki-kompetenzen.html
index afe9f1594d44279a7b83d01012f848c10131adb2..81465e7348108c4170c41ffaa0eca441327c3939 100644
--- a/public/ki-kompetenzen.html
+++ b/public/ki-kompetenzen.html
@@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>KI Kompetenzen - KNIGHT</title>
- <meta content="" name="description">
- <meta content="" name="keywords">
+ <meta content="KI Kompetenzen im KNIGHT-Projekt zur Vermittlung von Schlüsselkompetenzen für künstliche Intelligenz in Hochschulen und Unternehmen" name="description">
+ <meta content="KI, KNIGHT, Künstliche Intelligenz, Hochschulbildung, Kompetenzen" 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">
@@ -45,6 +45,19 @@
.responsibles h4 {
margin-bottom: 10px;
}
+
+ footer {
+ background-color: #f8f9fa;
+ padding: 20px 0;
+ text-align: center;
+ }
+
+ @media (max-width: 768px) {
+ .hero {
+ padding: 20px 0;
+ background-size: contain;
+ }
+ }
</style>
</head>
<body>
@@ -54,7 +67,7 @@
<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 id="navmenu" class="navmenu">
+ <nav id="navmenu" class="navmenu collapse">
<ul>
<li><a href="index.html#hero">Home<br></a></li>
<li><a href="index.html#about">About</a></li>
@@ -63,17 +76,16 @@
<li><a href="index.html#team">Team</a></li>
<li><a href="index.html#contact">Kontakt</a></li>
</ul>
- <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
+ <i class="mobile-nav-toggle d-xl-none bi bi-list" data-bs-toggle="collapse" data-bs-target="#navmenu"></i>
</nav>
</div>
</header>
+
<main>
<section class="hero">
<div class="container">
<h1>KI Kompetenzen</h1>
- <!--
- <p>Die Schlüsselkompetenzen im Umgang mit künstlicher Intelligenz für Hochschul- und Unternehmenskontexte.</p>
- -->
+ <p>Die Schlüsselkompetenzen im Umgang mit künstlicher Intelligenz für Hochschul- und Unternehmenskontexte.</p>
<h4>Verantwortliche:</h4>
<p>Prof. Dr. Tobias Popovic´, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</p>
<p>
@@ -82,22 +94,6 @@
</div>
</section>
- <!---
- <section class="container mt-5">
-
- <div class="responsibles">
- <h4>Verantwortliche:</h4>
- <ul>
- <li>Prof. Dr. Tobias Popovic´</li>
- <li>Dr. Diana Arfeli</li>
- <li>Maximilian Weber</li>
- <li>Sunita Hirsch</li>
- <li>Tatyana Podgayetskaya</li>
- </ul>
- </div>
- </section>
- -->
-
<section class="container mt-5">
<div class="accordion" id="competenceAccordion">
<div class="accordion-item">
@@ -130,7 +126,7 @@ Als Motivation für eine vertiefte Auseinandersetzung mit KI-Themen bieten wir e
<section class="container mt-5">
<div class="card">
- <img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
+ <img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix Image">
<div class="card-body">
<h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
<p class="card-text">Zur Stärkung der KI-Kompetenzen bieten wir im KNIGHT-Projekt regelmäßige Schulungen an, in denen sowohl technische als auch ethische und datenschutzrechtliche Inhalte vermittelt werden. Zusätzlich fördern wir die Einbettung von KI-Inhalten in die bestehenden Studiengänge der HFT Stuttgart.</p>
@@ -139,15 +135,6 @@ Als Motivation für eine vertiefte Auseinandersetzung mit KI-Themen bieten wir e
</div>
</div>
</section>
-
- <!-- Optional Video Section -->
- <!--
- <section class="container mt-5">
- <div class="video-container">
- <iframe src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>
- </div>
- </section>
- -->
</main>
<footer>