ki.html

<!doctype html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Webseite der Digital Solutions AG">
    <meta name="keywords" content="Digital Solutions AG, Webentwicklung, Apps, KI">
    <meta name="author" content="Digital Solutions AG">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Digital Solutions AG</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
</head>

<body>
<!-- Header mit Navbar -->
<header>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand" href="index.html">Digital Solutions AG</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" aria-current="page" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="aboutus.html">Über uns</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle active" role="button" href="leistungen.html"
                           data-bs-toggle="dropdown" aria-expanded="false">Leistungen</a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="webbased.html">Webbasierte Lösungen</a></li>
                            <li><a class="dropdown-item" href="apps.html">Mobile Apps</a></li>
                            <li><a class="dropdown-item active" href="ki.html">KI-Technologien</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" role="button" href="branchen.html" data-bs-toggle="dropdown"
                           aria-expanded="false">Branchen</a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="energie.html">Energie</a></li>
                            <li><a class="dropdown-item" href="offverw.html">Öffentliche Verwaltung</a></li>
                            <li><a class="dropdown-item" href="softent.html">Softwareentwicklung</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" role="button" href="karriere.html" data-bs-toggle="dropdown"
                           aria-expanded="false">Karriere</a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="jobs.html">Stellenangebote</a></li>
                            <li><a class="dropdown-item" href="kultur.html">Unternehmenskultur</a></li>
                            <li><a class="dropdown-item" href="bewerbung.html">Bewerbungsformular</a></li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" role="button" href="kontakt.html" data-bs-toggle="dropdown"
                           aria-expanded="false">Kontakt</a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="kontaktformular.html">Kontaktformular</a></li>
                            <li><a class="dropdown-item" href="anfahrt.html">Standort und Anfahrt</a></li>
                            <li><a class="dropdown-item" href="direktkom.html">Direkte Kommunikationswege</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<!-- Main Section of Impressum -->
<main>
    <section class="container mt-5 mb-5">
        <h1 class="text-center mt-5">KI-Lösungen</h1>
        <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec
            ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec
            ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
        <div class="row mt-5">
            <div class="col-lg-6 col-md-6 col-sm-12">
                <img src="assets/600x300.png" class="img-fluid" alt="KI-Lösungen">
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12">
                <h2>KI-Lösungen</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum,
                    nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies
                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum,
                    nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies
                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
            </div>
        </div>
        <!-- Fallbeispiel -->
        <div class="row mt-5">
            <div class="col-lg-6 col-md-6 col-sm-12">
                <h2>Fallbeispiel</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum,
                    nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies
                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum,
                    nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies
                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12">
                <img src="assets/600x300.png" class="img-fluid" alt="Fallbeispiel">
            </div>
        </div>
    </section>
</main>


<!-- Footer mit Sitemap fixed-->
<footer class="bg-light text-center text-lg-start">
    <div class="container p-4">
        <div class="row">
            <div class="col-lg-12 col-md-12 mb-4 mb-md-0">
                <h5 class="text-uppercase">Footer Content</h5>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies
                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec
                    ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.
                </p>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
                <h5 class="text-uppercase"><a href="leistungen.html">Leistungen</a></h5>
                <ul class="list-unstyled mb-0">
                    <li>
                        <a href="webbased.html" class="text-dark">Webbasierte Lösungen</a>
                    </li>
                    <li>
                        <a href="apps.html" class="text-dark">Mobile Apps</a>
                    </li>
                    <li>
                        <a href="ki.html" class="text-dark">KI-Technologien</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
                <h5 class="text-uppercase"><a href="branchen.html">Branchen</a></h5>
                <ul class="list-unstyled mb-0">
                    <li>
                        <a href="energie.html" class="text-dark">Energie</a>
                    </li>
                    <li>
                        <a href="offverw.html" class="text-dark">Öffentliche Verwaltung</a>
                    </li>
                    <li>
                        <a href="softent.html" class="text-dark">Softwareentwicklung</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
                <h5 class="text-uppercase"><a href="karriere.html">Karriere</a></h5>
                <ul class="list-unstyled mb-0">
                    <li>
                        <a href="jobs.html" class="text-dark">Stellenangebote</a>
                    </li>
                    <li>
                        <a href="kultur.html" class="text-dark">Unternehmenskultur</a>
                    </li>
                    <li>
                        <a href="bewerbung.html" class="text-dark">Bewerbungsformular</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
                <h5 class="text-uppercase"><a href="kontakt.html">Kontakt</a></h5>
                <ul class="list-unstyled mb-0">
                    <li>
                        <a href="kontaktformular.html" class="text-dark">Kontaktformular</a>
                    </li>
                    <li>
                        <a href="anfahrt.html" class="text-dark">Standort und Anfahrt</a>
                    </li>
                    <li>
                        <a href="direktkom.html" class="text-dark">Direkte Kommunikationswege</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-md-0 mt-4">
                <h5 class="text-uppercase"><a href="aboutus.html">Über uns</a></h5>
            </div>
        </div>
    </div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="function.js"></script>
</body>
</html>