@inherits LayoutComponentBase

<PageTitle>KIKunstKirstenKlöckner</PageTitle>

<div class="page">
    @*
    <div class="sidebar">
    <NavMenu />
    </div>
    *@

    <main>
        <!-- header section strats -->
        <header class="header_section">
            <div class="container">
                <nav class="navbar navbar-expand-lg custom_nav-container ">
                    <a class="navbar-brand" href="/">
                        <img src="images/robot_painting.jpg" alt="">
                        <span>
                            KI-Wunschprogramm
                        </span>
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="s-1"> </span>
                        <span class="s-2"> </span>
                        <span class="s-3"> </span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
                            <ul class="navbar-nav  ">
                                <li class="nav-item active">
                                    <a class="nav-link" href="/">Home </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/aiart"> Bilder generieren</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/wunschprogramm"> Wunschprogramm </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/kirstenkloeckner"> Über Kirsten Klöckner </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/projekt"> Das Projekt </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="gallery">Galerie </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </header>


        <!-- end header section -->

        <article class="content px-4">
            @Body
        </article>
        <!-- info section -->

        <section class="info_section layout_padding">
            <div class="container">
                <div class="info_contact">
                    <div class="row">
                        <div class="col-md-4">
                            <a href="">
                                <img src="images/location-white.png" alt="">
                                <span>
                                    Kirsten Klöckners KI-Atelier
                                </span>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="">
                                <img src="images/telephone-white.png" alt="">
                                <span>
                                    Call : +012334567890
                                </span>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="">
                                <img src="images/envelope-white.png" alt="">
                                <span>
                                    nackenbox@gmail.com
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-lg-3">
                        <div class="info_social">
                            <div>
                                <a href="">
                                    <img src="images/fb.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/twitter.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/linkedin.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/instagram.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- end info section -->
          <!-- footer section -->
        <footer class="container-fluid footer_section">
        <div class="container">
            <div class="row">
            <div class="col-lg-7 col-md-9 mx-auto">
                <p>
                &copy; 2023 All Rights Reserved By Nackenbox
                </p>
            </div>
            </div>
        </div>
        </footer>
  <!-- footer section -->
    </main>
</div>

<RadzenTooltip />
<RadzenDialog />
<RadzenNotification />