-
Traboulsi authorede41889fa
<!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 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"> <style> .ki-kompetenzen-title { color: #00bcd4; /* Color matching the item-cyan frame */ } </style></head><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. Auf Basis einer Literaturrecherche werden qualitative Forschungsmethoden eingesetzt, um detaillierte Daten für die Entwicklung einer interdisziplinären Kompetenzmatrix zu erhalten.</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>