@extends('frontEnd.layout')

@section('content')

    <section>
        <img class="d-block w-100" src="{{ URL::to('/frontend/img/slides/banner.jpg')}}" alt=""/>

    </section>
    @include('frontEnd.includes.inauguration')

        <section>
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="card exhibit">
                        <img class="card-img-top" src="{{ URL::to('/frontend/img/slides/banner.jpg')}}" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title">Card title</h5>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        </div>

                        <div class="card-body">

                        </div>
                        <button class="btn btn-primary btn-lg btn-open-modal" data-toggle="modal" data-target="#modal-fullscreen">
                            Fullscreen modal
                        </button>
                        <!-- Modal Fullscreen -->
                        <div class="modal fade modal-fullscreen" id="modal-fullscreen" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                                    </div>
                                    <div class="modal-body">
                                        <!--begin kunstmatrix--> <iframe class="exihibition" allowfullscreen="true" frameborder="0" scrolling="no" src="https://art.kunstmatrix.com/apps/artspaces/index.html?external=true&splashscreen=true&language=en&uid=26090&exhibition=2019223" width="100%" height="600"></iframe><!--end kunstmatrix-->

                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        <button type="button" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                    <br>


                    @include('frontEnd.includes.participent')


{{--                    <p class="ve-title2"><b>Inauguration</b></p>--}}
{{--                    <p class="ve-title2">Friday 14 August 2020, 9:00pm BST</p>--}}
{{--                    <br>--}}

                    <h3 class="ve-participents">Inauguration live link:</h3>
                    <div class="col text-center">

                        <iframe class="exihibition" width="560" height="315" src="https://www.youtube.com/embed/XLSzT8cBmf8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


                        <p class="ve-title2"><a class="link-live" href="https://www.facebook.com/GalleryCosmos"><b>www.facebook.com/GalleryCosmos</b></a></p>
                    </div><br>
                    </div>
            </div>
        </div>
    </section>

    @include('frontEnd.includes.tab')

@endsection