<header class="main">

    <div class="logo-holder column w6 valign-parent">
        <a href="/" class="logo valign-child"></a>
    </div>

    <div class="column w6 hp100">

        <div class="animate appointment green valign-parent header-panel">
            <div class="valign-child centered">
                <div class="above-button">
                    <span class="clock"></span>
               </div>
                @include('layouts.partials.buttons.appointment', ['color' => 'gums'])
            </div>
        </div>

        <div class="animate sign-up yellow valign-parent header-panel striped">
{{--            <div class="valign-child centered">--}}
{{--                <div class="above-button">--}}
{{--                    <span class="text">--}}
{{--                        <span class="question">--}}
{{--                            Interesse in mondzorg van Tandarts Maas?--}}
{{--                        </span>--}}
{{--                        <strong>--}}
{{--                            --}}{{--Schrijf je in voor onze wachtlijst!--}}
{{--                            Overstappen is heel eenvoudig!--}}
{{--                        </strong>--}}
{{--                    </span>--}}
{{--                </div>--}}
{{--                @include('layouts.partials.buttons.signUp', ['color' => 'gums'])--}}
{{--            </div>--}}
            <div class="valign-child centered">
                <div class="above-button">
                    <span class="text">
                        <span class="question">
                            Meer weten over ons?<br/>
                        </span>
                        <strong>
                            {{--Schrijf je in voor onze wachtlijst!--}}
                            Bekijk ons team
                        </strong>
                    </span>
                </div>
                @include('layouts.partials.buttons.template',
                [
                    'url' => '/over-ons',
                    'name' => 'aboutUs',
                    'label' => 'Ons team',
                    'color' => 'gums'
                ])
            </div>
        </div>

        <div class="animate emergency gums valign-parent header-panel">
            <div class="valign-child centered">
                <div class="above-button">
                    <span class="cross"></span>
                </div>
                <span class="text">
                    Bel Tandarts Maas<br />
                    <a href="tel:+31495585858" target="_self"><strong>0495 - 58 58 58</strong></a>
                    <span class="comment">(Bereikbaar tot 12.00 uur)</span>
                    <br />
                    <strong>Spoed in de middag?</strong><br/>
                    Maandag t/m donderdag bereikbaar tussen 12.00 - 17.00 uur:<br />
                    <a href="tel:+31616526677" target="_self"><strong>06 16 52 66 77</strong></a>
                </span>
                <div class="clear"></div>
                @include('layouts.partials.buttons.emergency', ['color' => 'white'])
            </div>
        </div>
    </div>
</header>