@inherits LayoutComponentBase

<PageTitle>KIKunstKirstenKlöckner</PageTitle>

<div class="page">
    <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_small.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  ">
                                <NavLink class="nav-item" href="" Match="NavLinkMatch.All">
                                    <span class="nav-link">Start</span>
                                </NavLink>
                                <NavLink class="nav-item" href="aiart" Match="NavLinkMatch.All">
                                    <span class="nav-link">Generieren</span>
                                </NavLink>
                                <NavLink class="nav-item" href="wunschprogramm" Match="NavLinkMatch.All">
                                    <span class="nav-link">Wunschprogramm</span>
                                </NavLink>
                                <NavLink class="nav-item" href="kirstenkloeckner" Match="NavLinkMatch.All">
                                    <span class="nav-link">Kirsten</span>
                                </NavLink>
                                <NavLink class="nav-item" href="projekt" Match="NavLinkMatch.All">
                                    <span class="nav-link">Projekt</span>
                                </NavLink>
                                <NavLink class="nav-item" href="gallery" Match="NavLinkMatch.All">
                                    <span class="nav-link">Galerie</span>
                                </NavLink>
                            </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>
                                    +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="https://www.facebook.com/kirsten.kloeckner">
                                    <img src="images/fb.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="https://twitter.com/kkbeutekunst">
                                    <img src="images/twitter.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="https://de.linkedin.com/in/kirsten-kl%C3%B6ckner-2a123393">
                                    <img src="images/linkedin.png" alt="">
                                </a>
                            </div>
                            <div>
                                <a href="https://www.instagram.com/kirstenkloeckner/">
                                    <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; 2022 All Rights Reserved By Nackenbox GMBH und Co. KG
                </p>
            </div>
            </div>
        </div>
        </footer>
  <!-- footer section -->
    </main>
</div>

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