-
Traboulsi authored13ec1c9d
<!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">
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<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