@extends("frontend.includes.layout")

@section('content')
    <!-- MAIN-->
    <main id="main">



        <section class="">
            @include('frontend.includes.forms.form_lg')
        </section>
        <!-- CONTACT-->
        <!-- PAGE HEADING-->
        <section class="">
            <div class="">
                {{-- <div class="page-heading">
                    <h4 class="title-sub title-sub--c8 m-b-15">Ubicación y Teléfonos</h4>
                    <h2 class="title-2">Contacto</h2>
                </div> --}}

                <div class="">

                    <style>
                        .google-maps {

                            position: relative;
                            padding-bottom: 75%; // This is the aspect ratio
                            height: 0;
                            overflow: hidden;
                        }

                        .google-maps iframe {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100% !important;
                            height: 100% !important;
                        }

                        .gray_light {
                            background-color: #f5f4f4;
                            padding: 2em;
                            height: 17em;
                        }

                        .gray_light h4 {
                            text-transform: uppercase;
                            color: #003056;
                            font-size: 1.2em;
                            margin-bottom: 1em;
                            float: left;
                            margin-top: 1em;
                            font-family: "Montserrat-Bold", sans-serif;
                        }

                        .gray_light i {
                            text-transform: uppercase;
                            color: #9ac63a;
                            font-size: 1.2em;
                            margin-bottom: 1em;
                            float: left;
                            padding: 1em;
                        }
                    </style>


                    <div class="row">
                        {{-- <div class="col-lg-4 mapan">
                            <h3 class="title-3" style="color: #22418b;font-size: 26px">SEDE NORTE</h3>
                            <div class="google-maps"><iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3700.8433238418042!2d-102.30291548444049!3d21.94057386139918!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8429efa7278f9fa9%3A0x4cebf85bd7e9c828!2sUniversidad+Cuauht%C3%A9moc%2C+Plantel+Santa Anita!5e0!3m2!1ses-419!2smx!4v1513316578230"
                                    width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
                            </div>
                            <div class="gray_light">
                                <h5>Universidad Cuauhtémoc Plantel Santa Anita</h5>
                                <p>Adolfo López Mateos #102 El Llano, Jesús María, Santa Anita CP: 20908</p>
                                <i class="fas fa-phone"></i>
                                <h4>973 11 22 y 33 <br> 01 800 77 111 22</h4>
                                <div class="clearfix"></div>
                                <p><a href="https://tourmkr.com/F14TOBbELh" target="_blank">VER RECORRIDO VIRTUAL</a></p>
                            </div>
                        </div> --}}

                        {{-- <div class="col-lg-4 mapan">
                            <h3 class="title-3" style="color: #22418b;font-size: 26px">ESCUELA DE NEGOCIOS</h3>

                            <div class="google-maps"><iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3702.7578667269468!2d-102.29701518444124!3d21.866873464012226!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8429edd6839bcaf1%3A0x558c5696094182f8!2sUniversidad+Cuauhtemoc!5e0!3m2!1ses-419!2smx!4v1513316640686"
                                    width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
                            </div>
                            <div class="gray_light">
                                <h5> Universidad Cuauhtémoc, Escuela de negocios</h5>
                                <p>José María Chávez #1911, Col. Prados de Villasunción, CP 20280 Santa Anita, México.

                                </p>
                                <i class="fas fa-phone"></i>
                                <h4>449 146 90 09</h4><br><br>
                                <div class="clearfix"></div>
                                <p><a href="https://tourmkr.com/F1xynQLNyB" target="_blank">RECORRIDO VIRTUAL</a></p>
                            </div>
                        </div>

                        <div class="col-lg-4 mapan">
                            <h3 class="title-3" style="color: #22418b;font-size: 26px">CLÍNICA DE ODONTOLOGÍA</h3>
                            <div class="google-maps"><iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d457.8455297002502!2d-102.2450583558033!3d21.87106580098735!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8429f2031e6ecab9%3A0x5e574b12f9cd92e1!2sAv+Siglo+XXI+6104%2C+Solidaridad+I%2C+20196+Santa Anita%2C+Ags.!5e0!3m2!1sen!2smx!4v1533309043120"
                                    width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
                            </div>
                            <div class="gray_light">
                                <h5> Universidad Cuauhtémoc, Clínica de Odontología</h5>
                                <p>Av. Siglo XXI #6104, Solidaridad I CP 20196 Santa Anita, México.</p>
                                <i class="fas fa-phone"></i>
                                <h4> 01 (449) 915 46 09</h4><br><br>
                                <div class="clearfix"></div>
                                <p><a href="https://tourmkr.com/F1pola4lRh" target="_blank">RECORRIDO VIRTUAL</a></p>
                            </div>
                        </div> --}}


                    </div>


                </div>
        </section>
        <!-- END PAGE HEADING-->
    </main>

    <!-- END MAIN-->
@endsection