From 53e280863dbf37c90140dfb3779ccf8531e7ded8 Mon Sep 17 00:00:00 2001
From: Traboulsi <salam.traboulsi@hft-stuttgart.de>
Date: Wed, 24 Jul 2024 16:04:05 +0000
Subject: [PATCH] Update public/ki-kompetenzen.html
---
public/ki-kompetenzen.html | 100 +++++++++++++++++++++++++++----------
1 file changed, 73 insertions(+), 27 deletions(-)
diff --git a/public/ki-kompetenzen.html b/public/ki-kompetenzen.html
index 0bcddef..55d9947 100644
--- a/public/ki-kompetenzen.html
+++ b/public/ki-kompetenzen.html
@@ -1,33 +1,79 @@
<!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 Projekt</title>
- <link rel="stylesheet" href="assets/css/main.css">
+ <meta charset="utf-8">
+ <meta content="width=device-width, initial-scale=1.0" name="viewport">
+ <title>KI Kompetenzen - KNIGHT Projekt</title>
+ <meta content="" name="description">
+ <meta content="" name="keywords">
+
+ <!-- Favicons -->
+ <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">
+
+ <!-- Google Fonts -->
+ <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">
+
+ <!-- Vendor CSS Files -->
+ <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">
+
+ <!-- Template Main CSS File -->
+ <link href="assets/css/main.css" rel="stylesheet">
+
</head>
-<body>
- <header>
- <h1>KI-Kompetenzen</h1>
- </header>
-
- <main>
- <section>
- <h2>Ãœbersicht der KI-Kompetenzen</h2>
- <p>
- Die Seite „KI-Kompetenzen“ bietet einen Überblick über die Erforschung und Entwicklung der notwendigen KI-Kompetenzen für Lehrende und Lernende. Hier erfahren Besucher, welche spezifischen Kompetenzen erforderlich sind, um erfolgreich mit KI-Technologien zu arbeiten, und wie diese Kompetenzen durch das KNIGHT-Projekt erfasst und bewertet werden. Die Seite enthält auch Informationen über aktuelle Fortschritte, Schulungsangebote und weiterführende Ressourcen.
- </p>
- <p>
- Weitere Details und aktuelle Entwicklungen werden hier bald ergänzt.
- </p>
- </section>
- </main>
-
- <footer>
- <div class="container">
- <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
- <a href="index.html">Zurück zur Startseite</a>
+
+<body class="ki-kompetenzen-page">
+
+ <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 id="navmenu" class="navmenu">
+ <ul>
+ <li><a href="index.html" class="active">Home</a></li>
+ <li><a href="index.html#about">About</a></li>
+ <li><a href="index.html#services">Projektbereiche</a></li>
+ <li><a href="index.html#portfolio">Erkenntnisse</a></li>
+ <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>
+ </nav>
+ </div>
+ </header>
+
+ <main class="main">
+ <section id="hero" class="hero section">
+ <div class="container">
+ <div class="row gy-4">
+ <div class="col-lg-6 d-flex flex-column justify-content-center">
+ <h1 class="ki-kompetenzen-title" data-aos="fade-up">KI Kompetenzen</h1>
+ <p data-aos="fade-up" data-aos-delay="100">Es wird erforscht, welche KI-Kompetenzen benötigt werden und wie diese erfasst werden können.</p>
+ <div class="d-flex flex-column flex-md-row" data-aos="fade-up" data-aos-delay="200">
+ <a href="#about" class="btn-get-started">Get Started <i class="bi bi-arrow-right"></i></a>
+ </div>
+ </div>
+ <div class="col-lg-6 hero-img" data-aos="zoom-out">
+ <img src="assets/img/ki-kompetenzen.png" class="img-fluid animated" alt="">
+ </div>
</div>
- </footer>
+ </div>
+ </section>
+ </main>
+
+ <footer>
+ <div class="container">
+ <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
+ <a href="index.html">Zurück zur Startseite</a>
+ </div>
+ </footer>
</body>
</html>
--
GitLab