@extends('template.'.config('settings.template').'.content.master')

@section('content')


        <div class="container">
            <div class="row">

                    <div class="col-lg-12 mt-5 mb-5">
                        <h1>Preise</h1>
                    </div>

            </div>

                <style>
                    .card {
                        position:relative;
                    }

                    .card .card-badge {
                        position:absolute;
                        top:-10px;
                        right:-20px;
                        padding:5px;
                        background: linear-gradient(270deg, #ae3636, #fd0c0c);
                        background-size: 400% 400%;

                        -webkit-animation: card-badge-animation 22s ease infinite;
                        -moz-animation: card-badge-animation 22s ease infinite;
                        animation: card-badge-animation 22s ease infinite;
                        color:white;
                        transform:rotate(20deg);
                        border-radius: 5px;
                    }

                    @-webkit-keyframes card-badge-animation {
                        0%{background-position:0% 50%}
                        50%{background-position:100% 50%}
                        100%{background-position:0% 50%}
                    }
                    @-moz-keyframes card-badge-animation {
                        0%{background-position:0% 50%}
                        50%{background-position:100% 50%}
                        100%{background-position:0% 50%}
                    }
                    @keyframes card-badge-animation {
                        0%{background-position:0% 50%}
                        50%{background-position:100% 50%}
                        100%{background-position:0% 50%}
                    }

                    .price-feature{
                        min-height: 80px;
                        line-height: 55px;
                    }

                    .card-footer{
                        background-color: white;
                        border-top: none;
                    }
                </style>

                <div class="row row-cols-1 row-cols-md-3 g-4">
                    <div class="col-12 col-lg-4 mb-5">
                        <div class="card h-100 shadow-lg">
                            <div class="card-header text-center">
                                <h5 class="card-title text-center">Basis Arbeitgeberkonto</h5>
                                <span style="color: #f49c35; font-size: 30px;" class="text-center">kostenlos</span>
                            </div>

                            <ul class="list-group list-group-flush">
                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>

                                    Unbegrenzte Stellen <i class="fal fa-"></i>
                                </li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Arbeitgeber Profil
                                </li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: red; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"/></svg>
                                    Firma erscheint nicht als Top-Arbeitgeber</li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: red; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"/></svg>

                                    Wird nicht aktiv beworben

                                    <span title="Stellenanzeigen werden nicht auf zusätzlichen Portalen wie Facebook, LinkedIn und anderen beworben um die Reichweite der Anzeige zu erhöhen. Mit einem kostenpflichtigen Premium Arbeitgeber Konto können Sie diese Funktion nutzen.">
                                        <svg style="fill: gray; width: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>
                                    </span>
                                     </li>
                            </ul>
                            <div class="card-body d-none d-sm-block"></div>

                            <div class="card-footer">
                                <a href="{{ url('/dashboard/register') }}" class="btn btn-ci btn-lg d-block">Jetzt Firma kostenlos eintragen <i class="fal fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-4 mb-5">
                        <div class="card h-100 shadow-lg">
                            <div class="card-header text-center">
                                <h5 class="card-title text-center">Premium Arbeitgeberkonto</h5>
                                <span style="color: #f49c35; font-size: 30px;" class="text-center">129 € </span><span style="color: #f49c35;" class="text-center"> / Monat</span>
                            </div>
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item price-feature">
                                        <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                        Unbegrenzte Premium Stellen
                                    </li>
                                    <li class="list-group-item price-feature">
                                        <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                        Premium Arbeitgeber Profil
                                    </li>
                                    <li class="list-group-item price-feature">
                                        <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>

                                        Firma erscheint als Top-Arbeitgeber
                                    </li>
                                    <li class="list-group-item price-feature">
                                        <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                        Stellen werden auf anderen Plattformen beworben
                                        <span title="Stellenanzeigen werden auf zusätzlichen Portalen wie Facebook, LinkedIn und anderen beworben um die Reichweite der Anzeige zu erhöhen.">
                                            <svg style="fill: gray; width: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>
                                        </span>
                                    </li>
                                    <li class="list-group-item price-feature">
                                        <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                        Monatlich kündbar
                                    </li>


                                </ul>
                            <div class="card-body d-none d-sm-block"></div>



                            <div class="card-footer">
                                <a href="{{ url('/dashboard/register') }}" class="btn btn-ci btn-lg d-block">Jetzt Firma eintragen & Premium buchen <i class="fal fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-4 mb-5">
                        <div class="card h-100 shadow-lg">
                            <div class="card-header text-center">
                                <h5 class="card-title text-center">Full Service Lösung</h5>
                                <span style="color: #f49c35; font-size: 30px;" class="text-center">ab 249 € </span><span style="color: #f49c35;" class="text-center"> / Monat</span>

                            </div>

                            <ul class="list-group list-group-flush">

                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>

                                    Unbegrenzte Premium Stellen
                                </li>
                                <li class="list-group-item price-feature" style="height: 80px; line-height: 55px;">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Premium Arbeitgeber Profil
                                </li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Firma erscheint als Top-Arbeitgeber
                                </li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Stellen werden auf anderen Plattformen beworben <i class="fal fa-info-circle" title="Stellenanzeigen werden auf zusätzlichen Portalen wie Facebook, LinkedIn und anderen beworben um die Reichweite der Anzeige zu erhöhen."></i>
                                </li>
                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Stellenservice (Eintragen, aktualisieren, Bilder, ...)
                                    <span title="Wir übernehmen das Einstellen und das etwaige Aktualisieren Ihrer Stellenanzeigen.">
                                        <svg style="fill: gray; width: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>
                                    </span>

                                </li>

                                <li class="list-group-item price-feature">
                                    <svg style="fill: green; width: 14px; margin-right: 15px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>
                                    Monatlich kündbar
                                </li>



                            </ul>
                            <div class="card-footer">
                                <a href="{{ url('/dashboard/register') }}" class="btn btn-ci btn-lg d-block">Heute noch Angebot erhalten<i class="fal fa-arrow-right"></i></a>
                            </div>
                            <div class="card-badge">Wir kümmmern uns!</div>

                        </div>
                    </div>
                    <br>


                </div>

                <div class="row">
                    <div class="col">
                        <i class="text-end" style="float: right;">Alle Preise richten sich ausschließlich an Gewerbekunden und verstehen sich zzgl. gesetzlicher Mehrwertsteuer.</i>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                    </div>
                </div>


            </div>
        </div>





@stop