@extends('layout.main')

@section('title', 'Contacto')

<!-- ======================================================= -->
@section('content')

    <section id="article">


        <div class="main-photo" style="background-image: url('{{ asset('img/ficg_contacto.jpg') }}')">
        </div>
        <div class="main-title">
            <h1>Contacto</h1>
            <h2>Festival Internacional de Cine en Guadalajara</h2>
        </div>
        <div class="main-content">
            <div class="ui grid stackable">
                <div class="eight wide column">
                    <p>Avenida Periférico Norte 1695 </p>
                    <p>Rinconada de Azalea </p>
                    <p>Belenes Norte cp. 45150 </p>
                    <p>Zapopan, Jalisco México</p>
                    <p><a href="mailto:info@ficg.mx">info@ficg.mx</a></p>
                </div>
                <div class="eight wide column">
                    {{-- <h3>Teléfonos</h3>
                    <ul>
                        <li><a href="tel:3324725010">3324725010</a> </li>
                        <li><a href="tel:3324725011">3324725011</a></li>
                        <li><a href="tel:3324725012">3324725012</a></li>
                        <li><a href="tel:3324725013">3324725013</a>  </li>
                    </ul> --}}
                    {{-- <form class="ui form" method="post" action="{{ route('makecontact') }}">
                        @csrf
                        <div class="field">
                            <label>Nombre</label>
                            <input type="text" name="first-name" placeholder="First Name">
                        </div>
                        <div class="field">
                            <label>Email</label>
                            <input type="text" name="last-name" placeholder="Last Name">
                        </div>
                        <div class="field">
                            <label>Mensaje</label>
                            <textarea></textarea>
                        </div>
                        <button class="ui button" type="submit">Enviar</button>
                    </form> --}}
                </div>
            </div>

            <h1>¿Cómo llegar?</h1>

            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3731.35391333492!2d-103.38350508450901!3d20.73644468615748!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8428afeb2ed15277%3A0xa4fbc092f3d25133!2sCineteca%20FICG!5e0!3m2!1sen!2smx!4v1573663476497!5m2!1sen!2smx" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

            {{-- <h1>Rutas de camión</h1>
            <div class="routes">
                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">78</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">78 C</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">172</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">200</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">320 A</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">368</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">380</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">636</div>
                    <div class="subcaption">Vía Hacienda del Valle</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">636</div>
                    <div class="subcaption">Vía 2</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">636</div>
                    <div class="subcaption">Vía 3</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">641</div>
                    <div class="subcaption">Vía Circuito Atemajac</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">641</div>
                    <div class="subcaption">Vía CUCEA</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">641 A</div>
                    <div class="subcaption">Vía Belenes</div>
                </div>

                <div class="block">
                    <div class="icon"><i class="fa fa-bus-alt"></i></div>
                    <div class="caption">706 A</div>
                </div>
            </div>  --}}

        </div>

    </section>

@endsection


<!-- ======================================================* -->

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/article.min.css') }}">
@endpush

@push('scripts')
    <script>
        jQuery(function($) {

        });
    </script>
@endpush