An error occurred while loading the file. Please try again.
index.html 47.18 KiB
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>KNIGHT – KI für die Lehre</title>
  <meta name="description" content="KNIGHT ist ein KI-Forschungsprojekt der HFT Stuttgart zur Individualisierung von Lernprozessen.">
  <meta name="keywords" content="KI, Lehre, Hochschule, KNIGHT, HFT Stuttgart, Lernprozesse, digitale Bildung, Forschung">
<!-- 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">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" 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">
    <!-- link to style.css  : added by Salam -->
    <style>
  .portfolio-content {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
  .portfolio-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  .portfolio-content img {
    width: 100%;
    max-height: 180px; /* Bildhöhe begrenzen */
    object-fit: contain; /* Inhalt einpassen, nicht beschneiden */
    padding: 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
  .portfolio-info {
    padding: 15px 20px;
    text-align: left;
  .portfolio-info h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 5px;
  .portfolio-info p {
    font-size: 0.95rem;
color: #666; margin-bottom: 10px; } .portfolio-info a { margin-right: 12px; color: #007bff; text-decoration: none; } .portfolio-info a:hover { color: #0056b3; } .portfolio-info i { font-size: 1.3rem; } .custom-card-link { text-decoration: none; color: inherit; } .custom-card-horizontal { display: flex; align-items: center; background: white; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 12px 16px; margin-bottom: 20px; transition: transform 0.2s, box-shadow 0.2s; } .custom-card-horizontal:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .custom-card-horizontal img { width: 48px; height: 48px; object-fit: contain; margin-right: 16px; flex-shrink: 0; } .custom-card-info h4 { margin: 0 0 4px 0; font-size: 1.05rem; } .custom-card-info p { margin: 0; font-size: 0.95rem; color: #555; } .publication-card { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .publication-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: translateY(-3px); } .publication-card h4 { margin: 0 0 8px 0; font-size: 1.05rem; } .publication-card a { color: #007bff; text-decoration: none; } .publication-card a:hover { text-decoration: underline; } .publication-card p { margin: 0; color: #444; font-size: 0.95rem; } .publication-box { padding: 20px; border: 2px solid #eee; border-radius: 12px; background-color: #f9f9f9; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .publication-list { list-style-type: none; padding-left: 0; margin-top: 10px; } .publication-list li { margin-bottom: 12px; line-height: 1.5; } .publication-list a { text-decoration: none; color: #004080; } .publication-list a:hover { text-decoration: underline; } .hero-bright { background: linear-gradient(135deg, #f0f4ff, #ffffff); color: #1a1a1a; padding: 80px 0; } .btn-glass-light { backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 123, 255, 0.3); padding: 0.75rem 1.5rem; border-radius: 50px; transition: all 0.3s ease; font-weight: 500; } .btn-glass-light:hover { background: rgba(0, 123, 255, 0.1); color: #0056b3;
} .floating { animation: float 6s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-12px); } 100% { transform: translateY(0px); } } body { font-family: 'Inter', sans-serif; } </style> <!-- ======================================================= * Template Name: FlexStart * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ * Updated: Jun 29 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="index-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"> <!-- Uncomment the line below if you also wish to use an image logo--> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> <h1 class="sitename">KNIGHT</h1> </a> <!-- Updated Navigation Menu --> <nav id="navmenu" class="navmenu"> <ul> <!--<li><a href="index.html#hero" class="active">Home<br></a></li>--> <li><a href="index.html#about">Über das Projekt</a></li> <li><a href="index.html#services">Arbeitspakete</a></li> <li><a href="index.html#portfolio">Erkenntnisse</a></li> <li><a href="index.html#team">Projektteam</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> <!-- <a class="btn-getstarted flex-md-shrink-0" href="index.html#about">Get Started</a> --> </div> </header> <!-- End Header --> <main class="main"> <!-- Hero Section --> <section id="hero" class="hero section hero-bright text-dark position-relative overflow-hidden"> <div class="container"> <div class="row gy-4 align-items-center"> <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-start"> <h1 class="display-5 fw-bold" data-aos="fade-up">KI in der Lehre – Zukunft jetzt gestalten</h1> <p class="lead mt-3" data-aos="fade-up" data-aos-delay="100"> Entdecke, wie das Projekt <strong>KNIGHT</strong> mit 1,9 Mio. € Förderung Lehre und Lernen transformiert. </p> <div class="d-flex flex-column align-items-start gap-3 mt-4" data-aos="fade-up" data-aos-delay="200"> <a href="#about" class="btn btn-primary rounded-pill px-4 py-2 shadow">🚀 Jetzt starten</a> <a href="#services" class="btn btn-outline-primary rounded-pill px-4 py-2">🧩 Arbeitspakete ansehen</a> <a href="https://www.youtube.com/watch?v=blDgzP6E3uU" class="btn btn-glass-light text-primary d-flex align-items-center gap-2"><i class="bi bi-play-circle"></i> Video abspielen</a>
</div> </div> <div class="col-lg-6 order-1 order-lg-2" data-aos="zoom-out"> <!-- <img src="assets/img/knight.png" class="img-fluid animated floating" alt="KI Illustration">--> <img src="https://images.unsplash.com/photo-1581092160609-30f8a4b74a50?auto=format&fit=crop&w=1080&q=80" class="img-fluid animated floating" alt="KI Illustration"> </div> </div> </div> </section> <!-- /Hero Section --> <!-- About Section --> <section id="about" class="about section"> <div class="container" data-aos="fade-up"> <div class="row gx-0"> <!-- Projektübersicht --> <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200"> <div class="content"> <h2><strong>KNIGHT</strong></h2> <p><strong>KNIGHT</strong> ist ein innovatives Forschungsprojekt an der HFT Stuttgart, das darauf abzielt, Lernprozesse durch Automatisierung zu verbessern und administrative Aufgaben für Lehrende zu reduzieren.</p> <p><strong>Hauptziele:</strong></p> <ul> <li>Individualisierung der Lernprozesse der Studierenden.</li> <li>Unterstützung der Lehrenden bei ihren Betreuungsaufgaben.</li> <li>Aufbau von Kompetenzen für den effektiven und ethischen Einsatz von KI-Technologie.</li> </ul> <p>Das Projekt arbeitet mit dem <a href="https://www.hft-stuttgart.de/forschung/struktur/kompetenzzentren/digitalisierung-in-forschung-lehre-wirtschaft">ZeDFLoW</a> für digitale Bildung und dem <a href="https://www.hft-stuttgart.de/forschung/forschungsprofil/kompetenzzentren/nachhaltiges-wirtschaften-und-management" >ZNWM</a> für ethische und rechtliche Standards zusammen.</p> <p>Wir entwickeln Kompetenzrahmen, KI-Maßnahmen und Feedbackprozesse und sorgen gleichzeitig für die Einhaltung ethischer Richtlinien und den Schutz von Daten.</p> <!-- Read More Button --> <div class="text-center text-lg-start"> <a href="https://hochschul-job.de/kuenstliche-intelligenz-an-deutschen-hochschulen-und-universitaeten-interview-ulrike-pado-knight-forschung-entwicklung-studiengaenge/#Angewandte_Mathematik_und_Kunstliche_Intelligenz_BSc_-_Hochschule_fur_Technik_Stuttgart" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center" target="_blank"> <span>Mehr erfahren über dieses Thema</span> <i class="bi bi-arrow-right"></i> </a> </div> </div> </div> <!-- Flussdiagramm --> <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/knight_overview.png" class="img-fluid" alt="Übersicht des KNIGHT-Projekts mit sieben Arbeitspaketen und Partnern"> </div> </div> </div> </section> <!-- /About Section --> <!-- Services Section --> <section id="services" class="services section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Arbeitspakete</h2> <p> Sieben Arbeitspakete bilden das Fundament unseres Forschungsvorhabens. Sie sind interdisziplinär angelegt und eng miteinander verzahnt.</p> <!--<p>Check Our Wok Packages<br></p>--> </div><!-- End Section Title --> <div class="container">
<div class="row gy-4"> <!-- AP1 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> <div class="service-item item-cyan position-relative"> <!--<i class="bi bi-activity icon"></i>--> <h3>Entwicklung einer Kompetenzmatrix für KI</h3> <p>In diesem Arbeitspaket wird eine interdisziplinäre Kompetenzmatrix für KI-Kompetenzen in der Hochschulbildung entwickelt. Sie dient als Orientierungshilfe für die Lehre und wird mithilfe von Learning Analytics validiert.(Leitung: Prof. Uckelmann)</p> <a href="ki-kompetenzen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- AP2 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400"> <div class="service-item item-red position-relative"> <!--<i class="bi bi-bounding-box-circles icon"></i> --> <h3>Formulierung ethischer Leitlinien</h3> <p>Es wird ein ethischer Werterahmen für den Umgang mit Künstlicher Intelligenz in der Hochschulbildung entwickelt. Ziel ist die Erstellung von konkreten ethischen Leitlinien, die auf die praktische Anwendung von KI ausgerichtet sind. (Leitung: Prof. Popović)</p> <a href="ki-ethik.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- AP3 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200"> <div class="service-item item-orange position-relative"> <!--<i class="bi bi-broadcast icon"></i>--> <h3>Aufbau einer Learning-Analytics-Infrastruktur</h3> <p>In diesem Arbeitspaket wird die technische Infrastruktur für Learning Analytics und KI-gestützte Werkzeuge entwickelt. Dazu gehören Prototypen wie ein Digital Educational Mirror und ein Digital Assistant für Interaktionsanalysen. (Leitung: Prof. Uckelmann, Prof. Rausch)</p> <a href="learning-analytics.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- AP4 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700"> <div class="service-item item-cyan position-relative"> <!--<i class="bi bi-chat-square-text icon"></i>--> <h3>Implementierung adaptiver Tests</h3> <p>Leistungsadaptive Tests werden entwickelt, die KI-gestützte Methoden zur automatischen Bewertung von studentischen Antworten und Vorhersage des Schwierigkeitsgrads nutzen. Ziel ist es, diese Tests in verschiedene Studiengänge zu integrieren. (Leitung: Prof. Padó) </p> <a href="adaptives-testen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- AP5 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300"> <div class="service-item item-teal position-relative"> <!--<i class="bi bi-easel icon"></i>--> <h3>Fachspezifische Umsetzung in der Programmierung </h3> <p>Dieses Arbeitspaket entwickelt individuelle Lernpfade für Studierende, die durch KI-gestützte Anpassungen die Programmierfähigkeiten fördern. Die Aufgaben und Tests werden auf unterschiedliche Leistungsniveaus zugeschnitten. (Leitung: Prof. Heusch)</p> <a href="personalisiertes-lernen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- AP6 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500"> <div class="service-item item-indigo position-relative"> <!-- <i class="bi bi-calendar4-week icon"></i> --> <h3>Stärkung der KI-Kompetenz bei Lernenden und Lehrenden </h3> <p>In diesem Arbeitspaket werden Weiterbildungsangebote für Studierende und Lehrende entwickelt, um die KI-Kompetenz an der Hochschule zu stärken. Dabei werden sowohl technische als auch ethische Aspekte der KI behandelt. (Leitung: Prof. Popović)</p> <a href="study-dean-cockpit.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> <!-- Ap8: Einsatz textgenerierender KI in der Lehre -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="800"> <div class="service-item item-yellow position-relative"> <!--<i class="bi bi-type icon"></i>--> <h3>Einsatz textgenerierender KI in der Lehre</h3> <p>Dieses Arbeitspaket untersucht den didaktisch reflektierten Einsatz von KI-Systemen wie ChatGPT in Schreibseminaren und Programmiermodulen. Ziel ist es, Lernmodule zu entwickeln, die den kritischen und produktiven Umgang mit generativer KI fördern. </p> <a href="generative-ki-schreibseminar.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <!-- AP6 --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600"> <div class="service-item item-pink position-relative"> <!--<i class="bi bi-chat-square-text icon"></i>--> <h3>Evaluation und Projektverankerung</h3> <p>Das Arbeitspaket konzentriert sich auf die Evaluation der entwickelten Ansätze und deren Dissemination. Ergebnisse werden durch Workshops und eine Abschlusskonferenz verbreitet und für eine potenzielle Integration in den Lehrplan vorbereitet.</p> <a href="projekt-evaluation.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a> </div> </div><!-- End Service Item --> </div> </div> </section><!-- /Services Section --> <!-- Portfolio Section --> <section id="portfolio" class="portfolio section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Erkenntnisse</h2> <p>Erkenntnisse aus dem Projekt</p> </div><!-- End Section Title --> <div class="container"> <div class="isotope-layout" data-default-filter=".filter-publikationen" data-layout="masonry" data-sort="original-order"> <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100"> <li data-filter=".filter-publikationen" class="filter-active">Publikationen</li> <li data-filter=".filter-prototypen">Prototypen & Tools</li> <li data-filter=".filter-gitlab">GitLab-Repositories</li> <li data-filter=".filter-berichte">Berichte & Evaluationsergebnisse</li> <li data-filter=".filter-workshops">Workshops, Schulungen & Events</li> <li data-filter=".filter-videos">Videos & Tutorials</li> <li data-filter=".filter-sonstiges">Sonstiges</li> </ul><!-- End Portfolio Filters --> <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200"> <!-- Publikationen --> <div class="col-lg-12 portfolio-item isotope-item filter-publikationen"> <div class="publication-box"> <!-- <h3>Publikationen</h3> --> <ul class="publication-list"> <li> <a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank"> <strong>Arfeli et al. (2024):</strong> AI Competence Matrix for Universities – Development for AI Teaching </a> </li> <li> <a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank"> <strong>Padó et al. (2023):</strong> Short-Answer Grading for German – Addressing the Challenges </a> </li> <li> <a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">
<strong>Sharif et al. (2023):</strong> KNIGHT Learning Analytics Architecture – Betterment of Student Education </a> </li> <li> <a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" target="_blank"> <strong>Bhavasar et al. (2023):</strong> Enhancing Personalized Learning – Multi-Modal Learning Analytics Dashboards </a> </li> </ul> </div> </div> <!-- End Publikation --> <!-- Prototypen & Tools --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-prototypen"> <div class="portfolio-content h-100"> <img src="ausschreibung/img/digital-mirror.png" class="img-fluid" alt="Digital Educational Mirror"> <div class="portfolio-info"> <h4>Prototyp: Digital Educational Mirror</h4> <p>Ein KI-basiertes Dashboard zur Visualisierung von Lernverhalten</p> <a href="ausschreibung/img/digital-mirror.png" data-gallery="portfolio-gallery-product" class="glightbox preview-link" title="Digital Educational Mirror"><i class="bi bi-zoom-in"></i></a> <a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <!-- End Prototyp --> <!-- GitLab-Repositories --> <!-- GitLab Repository: Adaptive Tests Plugin --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gitlab"> <a href="https://transfer.hft-stuttgart.de/gitlab/knight/adaptivetests" class="custom-card-link"> <div class="custom-card-horizontal"> <img src="ausschreibung/img/gitlab.PNG" alt="Adaptive Tests Plugin"> <div class="custom-card-info"> <h4>(AP4) Moodle-Plugin: Adaptive Tests</h4> <p>Plugin-Code zur Unterstützung adaptiver Tests (Moodle 4.1)</p> </div> </div> </a> </div> <!-- GitLab Repository: ASYST Plugin --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gitlab"> <a href="https://transfer.hft-stuttgart.de/gitlab/ulrike.pado/asyst-moodle-plugin" class="custom-card-link"> <div class="custom-card-horizontal"> <img src="ausschreibung/img/gitlab.PNG" alt="ASYST Plugin"> <div class="custom-card-info"> <h4>Moodle-Plugin: ASYST</h4> <p>Freitextbewertung mit KI – Plugin zur automatisierten Korrekturunterstützung</p> </div> </div> </a> </div> <!-- End GitLab --> <!-- Berichte & Evaluationsergebnisse --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-berichte"> <div class="portfolio-content h-100"> <img src="ausschreibung/img/evaluation-uebersicht.png" class="img-fluid" alt="Evaluationsergebnisse"> <div class="portfolio-info"> <h4>Evaluationsergebnisse</h4>
<p>Zwischenbericht zur Wirksamkeit von KI-Weiterbildungen</p> <a href="ausschreibung/img/evaluation-uebersicht.png" data-gallery="portfolio-gallery-evaluation" class="glightbox preview-link" title="Evaluationsergebnisse"><i class="bi bi-zoom-in"></i></a> <a href="evaluation-bericht.html" class="details-link" title="Vollständiger Bericht als PDF"><i class="bi bi-link-45deg"></i></a> </div> </div> </div><!-- End Bericht --> <!-- Workshops, Schulungen & Events --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-workshops"> <div class="portfolio-content h-100"> <img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop"> <div class="portfolio-info"> <h4>Abschlussworkshop</h4> <p>Zusammenfassung der Ergebnisse und Ausblick</p> <a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-workshops" class="glightbox preview-link" title="Abschlussworkshop"><i class="bi bi-zoom-in"></i></a> <a href="abschlussworkshop.html" class="details-link" title="Zur Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a> </div> </div> </div><!-- End Workshop --> <!-- Videos & Tutorials --> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-videos"> <div class="portfolio-content h-100"> <img src="ausschreibung/img/tutorial-thumbnail.png" class="img-fluid" alt="Video Tutorial"> <div class="portfolio-info"> <h4>Video Tutorial</h4> <p>Erklärvideo zum KNIGHT Learning Analytics Dashboard</p> <a href="https://www.youtube.com/watch?v=example" target="_blank" class="details-link" title="YouTube Video"><i class="bi bi-link-45deg"></i></a> </div> </div> </div><!-- End Video --> <!-- Sonstiges --> <!-- Beispiel: Abschlussarbeiten / Stellenageboten/ HiWis--> <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sonstiges"> <div class="portfolio-content h-100"> <img src="ausschreibung/img/blog-article.png" class="img-fluid" alt="Blog Artikel"> <div class="portfolio-info"> <h4>Blog Artikel</h4> <p>Neuigkeiten und Updates zum KNIGHT Projekt</p> <a href="blog.html" class="details-link" title="Blog Artikel"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <!-- End Sonstiges --> <!-- Weitere Portfolio Items... --> </div><!-- End Portfolio Container --> </div> </div> </section> <!-- Chancen für die studentische Mitarbeit im Projekt --> <!-- <section id="student-opportunities" class="student-opportunities section"> <div class="container section-title" data-aos="fade-up"> <h2>Chancen für die studentische Mitarbeit im Projekt</h2> <p>Hier finden Sie aktuelle Ausschreibungen und Informationen zur studentischen Mitarbeit.</p> </div> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-12 mb-4"> <div class="card"> <div class="card-body"> <h3 class="card-title"> Abschlussarbeiten</h3>
<p class="card-text">Hier finden Sie aktuelle Ausschreibungen für Abschlussarbeiten.</p> <a href="ausschreibung/Abschlussarbeit1.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 1</a> <a href="ausschreibung/Abschlussarbeit2.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 2</a> </div> </div> </div> <div class="col-lg-6 col-md-12 mb-4"> <div class="card"> <div class="card-body"> <h3 class="card-title">Stellenangebote</h3> <p class="card-text">Hier finden Sie aktuelle Stellenangebote.</p> <a href="ausschreibung/Stellenausschreibung1.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 1</a> <a href="ausschreibung/Stellenausschreibung2.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 2</a> <a href="ausschreibung/Stellenausschreibung3.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 3</a> </div> </div> </div> </div </div> </section> </section><!-- /Portfolio Section --> <!-- Team Section --> <section id="team" class="team section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Projektteam</h2> <p>Unser engagiertes Team</p> </div><!-- End Section Title --> <div class="container"> <div id="teamCarousel" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <!-- Carousel Item 1 --> <div class="carousel-item active"> <div class="row gy-4"> <!-- Team Member 1 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt=""> <div class="social"> <a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/"><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Prof. Dr.-Ing. Dieter Uckelmann</h4> <span>Professor / Wissenschaftlicher Direktor</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 2 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href="https://www.hft-stuttgart.de/p/peter-heusch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Prof. Dr. Peter Heusch</h4> <span>Professor / Dekan</span>
</div> </div> </div><!-- End Team Member --> <!-- Team Member 3 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/michael-mommert" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Prof. Dr. rer. nat. Michael Mommert</h4> <span>Professor</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 4 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400"> <div class="team-member"> <div class="member-img"> <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/0/6/csm_Popovic-Tobias__4__bearbeitet_0cd4ce34b7.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Prof. Dr. Tobias Popovic</h4> <span>Professor / Ethikbeauftragter der HFT Stuttgart</span> </div> </div> </div><!-- End Team Member --> </div> </div><!-- End Carousel Item 1 --> <!-- Carousel Item 2 --> <div class="carousel-item"> <div class="row gy-4"> <!-- Team Member 5 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500"> <div class="team-member"> <div class="member-img"> <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/5/csm_Rausch-Alexander__2__29cbc409b2.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/alexander-rausch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Prof. Dr. Alexander Rausch</h4> <span>Professor für Wirtschaftsinformatik</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 6 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="600"> <div class="team-member"> <div class="member-img"> <img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/2/2/csm_Pado-Ulrike__4__5a061080e9.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/ulrike-pado" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div>
<div class="member-info"> <h4>Prof. Dr. Ulrike Pado</h4> <span>Professorin</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 7 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="700"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/Tatyana.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Dr. Tatyana Podgayetskaya</h4> <span>Akademische Mitarbeiterin</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 8 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="800"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/sunita.jpg" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/sunita-hirsch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Dr. Sunita Hirsch</h4> <span>Akademische Mitarbeiterin</span> </div> </div> </div><!-- End Team Member --> </div> </div><!-- End Carousel Item 2 --> <!-- Additional Carousel Items... --> <!-- Carousel Item 3 --> <div class="carousel-item"> <div class="row gy-4"> <!-- Team Member 9 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/diana-arfeli" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Dr. phil. Diana Arfeli</h4> <span>Referentin für Ethik</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 10 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social">
<a href=""><i class="bi bi-linkedin"></i></a> <a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Tim Herbst</h4> <span>Teammitglied</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 11 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/annegret-hoepner" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Annegret Höpner</h4> <span>Akademische Mitarbeiterin</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 12 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/niko-jochim" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Niko Jochim</h4> <span>Teammitglied</span> </div> </div> </div><!-- End Team Member --> </div> </div><!-- End Carousel Item 3 --> <!-- Carousel Item 4 --> <div class="carousel-item"> <div class="row gy-4"> <!-- Team Member 13 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/konstanze-mehmedovski" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Dipl.-Math. Konstanze Mehmedovski</h4> <span>Akademische Mitarbeiterin</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 14 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000"> <div class="team-member"> <div class="member-img">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/2/csm_Screenshot_2020-08-31_at_10.20.20_fd173e3d66.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/muddsair-sharif" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Muddsair Sharif</h4> <span>Akademische Mitarbeiter</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 15 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="https://www.hft-stuttgart.de/p/florentin-vintila" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Dipl.-Ing. Florentin Vintila</h4> <span>Teammitglied</span> </div> </div> </div><!-- End Team Member --> <!-- Team Member 16 --> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/avatar.png" class="img-fluid" alt=""> <div class="social"> <a href=""><i class="bi bi-linkedin"></i></a> <a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a> </div> </div> <div class="member-info"> <h4>Maximilian Weber</h4> <span>Teammitglied</span> </div> </div> </div><!-- End Team Member --> </div> </div><!-- End Carousel Item 4 --> </div><!-- End carousel-inner --> <!-- Carousel Controls --> <button class="carousel-control-prev" type="button" data-bs-target="#teamCarousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#teamCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div><!-- End teamCarousel --> </div><!-- End container --> </section><!-- End Team Section --> <!-- Contact Section --> <section id="contact" class="contact section"> <!-- Section Title --> <div class="container contact-title" data-aos="fade-up">
<header class="section-header "> <h2>Kontakt</h2> <p>Kontaktieren Sie uns</p> </header> <div class="row gy-4 "> <div class="col-lg-8 "> <div class="row gy-4 "> <div class="col-md-6 "> <div class="info-box "> <i class="bi bi-geo-alt "></i> <h3>Addresse</h3> <p>Schellingstr. 24 <br> D-70174 Stuttgart</p> </div> </div> <div class="col-md-6 "> <div class="info-box "> <i class="bi bi-telephone "></i> <h3>Rufen Sie uns an</h3> <p> Sekretariat <br> +49 (0)711 8926 0 <br> </p> <p></p> </div> </div> <div class="col-md-6 "> <div class="info-box "> <i class="bi bi-envelope "></i> <h3>E-Mail</h3> <p>Sekretariat <br>knight(at)hft-stuttgart.de <br></p> </div> </div> <div class="col-md-6 "> <div class="info-box "> <i class="bi bi-clock "></i> <h3>Öffnungszeiten</h3> <p>Montag - Freitag<br>9:00 Uhr - 17:00 Uhr</p> </div> </div> </div> </div> <div class="col-xl-4 text-center "> <img src="assets/img/knight.png " class="img-fluid p-4 " alt=" "> </div> </div> </div> </section> <!-- /Contact Section --> </main> <footer id="footer" class="footer"> <div class="container footer-top"> <div class="row gy-4"> <div class="col-lg-4 col-md-6 footer-about"> <a href="index.html" class="d-flex align-items-center"> <span class="sitename"><strong>Hochschule für Technik Stuttgart</strong></span> </a> <div class="footer-contact pt-3"> <p>Schellingstr. 24, 70174 Stuttgart</p>
<p>Postfach 101452, 70013 Stuttgart</p> <p class="mt-3"><strong>Phone:</strong> <span>+49 (0)711 8926 0</span></p> <p><strong>Email:</strong> <span> knight(at)hft-stuttgart.de</span></p> </div> </div> <!--<div class="col-lg-2 col-6 footer-links "> </div>--> <div class="col-lg-5 col-md-12 footer-info "> <a> <img src="assets/img/logo2.png" alt=" "> </a> </div> <div class="col-lg-2 col-6 footer-info "> <a> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=" "> </a> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">HFT Stuttgart</strong> <span>All Rights Reserved</span></p> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>