-
Traboulsi authored7cb8a449
<!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;
}
.responsibles {
margin-top: 20px;
}
.responsibles h4 {
margin-bottom: 10px;
}
</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>
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<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="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">
<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>
</div>
</section>
<section class="container mt-5">
<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>
</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>
<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>
<p>© 2024 KNIGHT Project. All rights reserved.</p>
</div>
</footer>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>