@extends('layouts.app')

@section('content')
<div id="single-event">
    <div class="container-fluid">
        <div class="container p-0">
            <div class="col-8 my-4 text-left">
                <h1>
                    Cuerpoz de Paz, Piedra de sol  en escena
                </h1>
            </div>
            <div class="row flex-row py-4">
                <div class="col-9">
                    <div class="jumbotron">
                    </div>
                </div>
                <div class="col-3 info align-self-end">
                    <div class="px-2 py-4 pl-4">
                        <h4 class="orange" style="font-weight: 400 !important">
                            25 de junio <br>
                            14hrs. GMT
                        </h4><br>
                        <h3 style="font-size:2rem !important; font-weight: bold !important">
                            MXTeatro
                        </h3><br>
                        <h3>
                            <a href="" class="live-broadcast"> Transmisión en vivio </a>
                        </h3>
        
                    </div>
                    <div class="bg-light px-2 py-4 pl-4">
                    <h3> <small>Comparte</small>  </h3>
                    <div class="d-flex flex-row px-2">
                        <a href=""><img src="{{ asset('/icons/ac_twitter.png') }}" alt=""></a>
                        <a><img src="{{ asset('/icons/ac_facebook.png') }}" alt=""></a>
                        <a><img src="{{ asset('/icons/ac_instagram.png') }}" alt=""></a>
                    </div>
                    </div>
                </div>
            </div>
            <div class="row py-4 info">
                <div class="col-9 pr-4 pl-4 pt-5">
                    <span class="info p-1">
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum consectetur ipsum, adipisci, corrupti mollitia nostrum harum voluptatem aut ducimus fugiat distinctio rem suscipit ex quas nihil? In adipisci neque deleniti!
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum consectetur ipsum, adipisci, corrupti mollitia nostrum harum voluptatem aut ducimus fugiat distinctio rem suscipit ex quas nihil? In adipisci neque deleniti!
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum consectetur ipsum, adipisci, corrupti mollitia nostrum harum voluptatem aut ducimus fugiat distinctio rem suscipit ex quas nihil? In adipisci neque deleniti!
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum consectetur ipsum, adipisci, corrupti mollitia nostrum harum voluptatem aut ducimus fugiat distinctio rem suscipit ex quas nihil? In adipisci neque deleniti!
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum consectetur ipsum, adipisci, corrupti mollitia nostrum harum voluptatem aut ducimus fugiat distinctio rem suscipit ex quas nihil? In adipisci neque deleniti!
                    </span>
                </div>
                <div class="col-3 items pr-2">
                     <div class="bg-light px-2 py-4 pl-4 pr-4">
                        <h3> <small>En colaboración</small>  </h3>
        
                        <div class="text-left">
                            <img src="{{ asset('/img/article/logo_cultura.png') }}" alt="" class="w-75">
                            <img src="{{ asset('/img/article/INAH.png') }}" alt="" class="w-100">
                        </div>
                    </div>
                    <div class="px-2 py-4 pl-4 pr-4">
                        <h3>Claves</h3>
                        <p class="bg-light">#Teatro</p>
                        <p class="bg-light">#Octavio Paz</p>
                        <p class="bg-light">#Arte</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="px-15 by-4">
    <!-- Pagination Here -->
    <br>
    <br>
</div>

    <!-- Site map Start here -->
    <!-- Site map End-->

@endsection