<!DOCTYPE html>
<html lang="en">
<head>
<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">
<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>
.hero {
background: url('images/hero-background.jpg') no-repeat center center;
background-size: cover;
color: white;
padding: 50px 0;
text-align: center;
}
.card {
margin-bottom: 20px;
}
.video-container {
text-align: center;
}
.video-container iframe {
width: 100%;
height: 315px;
}
</style>
</head>
<body>
<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#hero">Home<br></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>
<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>
</div>
</section>
<section class="container mt-5">
<div class="accordion" id="competenceAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Unsere Vorgehensweise
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#competenceAccordion">
<div class="accordion-body">
<ol>
<li>KI-Kompetenzen ermitteln und sortieren</li>
<li>Regelmäßige Weiterbildungsangebote für Mitarbeitende und Studierende</li>
<li>KI-Zertifikat als Anreiz für kompetenzorientiertes Lernen im Kontext künstlicher Intelligenz</li>
</ol>
</div>
</div>
</div>
<!-- Add more accordion items as needed -->
</div>
</section>
<section class="container mt-5">
<div class="row">
<div class="col-md-4">
<div class="card">
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
<div class="card-body">
<h5 class="card-title">KI-Kompetenzmatrix</h5>
<p class="card-text">Ein detaillierter Überblick über die erforderlichen KI-Kompetenzen, unterteilt in technische und ethische Bereiche.</p>
</div>
</div>
</div>
<!-- Add more cards as needed -->
</div>
</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>
<div class="container">
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<a