@section('social')

    <section id="nieuws">
        <div class="flex-row justify-content-center" style="background-color: #343a40">
            <div class="flex-row " style="background-color: #343a40">
                <div class="d-flex flex-row justify-content-center" style="margin-top: 80px">
                    <h1 style="color: #ffffff;"><b>Volg ons overal</b></h1>
                </div>
                <div class="d-flex flex-row justify-content-center">
                    <div class="d-flex">
                        <h1>
                            <a href="https://www.facebook.com/AHGroenlo/" style="color: #ffffff;"><b><i class="fab fa-facebook-f"></i></b></a>
                        </h1>
                    </div>
                    <div class="d-flex ml-4">
                        <h1>
                            <a href="https://www.instagram.com/ahgroenlo/" style="color: #ffffff;"><b><i class="fab fa-instagram"></i></b></a>
                        </h1>
                    </div>
                </div>
            </div>
            <div id="instagram-feed-demo" class="instagram_feed"></div>
{{--            <div class="d-flex flex-row justify-content-center">--}}
{{--                <div class="d-flex col-md-3">--}}
{{--                    <div class="flex-row col-md-12" style="padding: 0px">--}}
{{--                        <div class="flex-row card">--}}
{{--                            <div class="card-header">--}}
{{--                                <img src="images/koelwagen.png" width="100%">--}}
{{--                            </div>--}}
{{--                            <div class="card-body">--}}
{{--                                <p>Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Cras ultricies ligula sed magna dictum porta. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</p>--}}
{{--                            </div>--}}

{{--                        </div>--}}
{{--                        <div class="d-flex flex-row card">--}}
{{--                            <h1>test</h1>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                </div>--}}
{{--                <div class="d-flex col-md-3">--}}
{{--                    <div class="flex-row col-12" style="padding: 0px">--}}
{{--                        <div class="d-flex flex-row card">--}}
{{--                            <h1>test</h1>--}}
{{--                        </div>--}}
{{--                        <div class="d-flex flex-row card">--}}
{{--                            <h1>test</h1>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="d-flex col-md-3">--}}
{{--                    <div class="flex-row col-12" style="padding: 0px">--}}
{{--                        <div class="d-flex flex-row card">--}}
{{--                            <h1>test</h1>--}}
{{--                        </div>--}}
{{--                        <div class="d-flex flex-row card">--}}
{{--                            <h1>test</h1>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </section>
@endsection