@section('about')

    <section id="over-ah-groenlo">
        <div class="d-flex flex-row justify-content-end">
            <div class="col-md-6 flex-row">
                <h3><b>AH Groenlo:</b></h3>
                <h1><b>Grolse Naoberschap</b></h1>
                <p style="border-bottom: 5px solid #00ADE6; width: 55px; line-height: 0"></p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales, sem vel aliquam
                    egestas, mi nibh ultrices metus, eu efficitur dui eros eget elit. Suspendisse potenti.
                    Phasellus ullamcorper placerat posuere. Donec eget augue eros. Cras nunc dui, molestie
                    quis urna convallis, euismod
                </p>
                <a style="position: absolute; padding: 15px;color: white; background-color: #00ADE6;"><b>Meer over ons <i
                            class="fas fa-external-link-alt"></i></b></a>
                <div class="col-md-6"
                     style="position: absolute; border: 2px #00ADE6 dashed; height: 80px; margin: 90px 0px 0px 20px;">
                    <div class="d-flex flex-row">
                        <div class="d-flex col-md-5"
                             style="height: 80px; margin: -20px 0px 0px -30px; background-color: #ffffff">
                            <div class="flex-row">
                                <div class="d-flex col-md-12" style="margin:10px 0px 0px -10px; padding: 0px">
                                    <h4 style="color: #00ADE6;"><i class="far fa-grin-beam"></i><b> 53</b></h4>
                                </div>
                                <div class="d-flex col-md-12">
                                    <p><b>Medewerkers</b></p>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex col-md-2">

                        </div>
                        <div class="col-md-5"
                             style="height: 80px; margin: -20px 0px 0px 30px; background-color: #ffffff">
                            <div class="d-flex col-md-12" style="margin:10px 0px 0px -10px; padding: 0px">
                                <h5 style="color: #00ADE6;"><i class="far fa-grin-beam"></i><b> ALLE</b></h5>
                            </div>
                            <div class="d-flex col-md-12" style="padding: 0px">
                                <p><b>AH Producten</b></p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-5"
                 style="background-image: url('images/albertheijn.jpg'); background-size: cover; min-height: 400px">
                <div
                    style="position: absolute; margin: 350px 0px 0px 10%; background-color: #00ADE6; height: 100px; color: white"
                    class="align-content-center">
                    <div class="d-flex flex-row">
                        <div class="d-flex col-md-6">
                            <h1 style="margin-top: 30px; margin-left: 15px"><b>25+</b></h1>
                        </div>
                        <div class="d-flex col-md-6">
                            <p style="margin-top: 30px;">JAREN<br>ERVARING</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection