@extends('website.layouts.master')

@section('title', __('tr.Find Us'))

@section('content')

@include('website.layouts.title', ['simple'=>true])

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<style>

    .blog .carousel-indicators {
        left: 0;
        top: auto;
        top: -19px;

    }

    /* The colour of the indicators */
    .blog .carousel-indicators li {
        background: #a3a3a3;
        border-radius: 50%;
        width: 8px;
        height: 8px;
    }

    .blog .carousel-indicators .active {
    background: #707070;
    }

    .keyText{
        font-weight: bold;
        margin-right: 10px;
    }

    @media only screen and (max-width: 910px) {
    .instructorName {
        text-align:center;
    }
    .instructorName2 {
        text-align:center;
        font-size: 1.2rem;
    }
    }

</style>


<section>
    <div class="section-wrapper p-t-50 p-b-20">    
        <div class="container">
            <div class="row">
                <div class="col-md-12 map-container">
                    <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=Faculty of Engineering Ain Shams University, Egypt, &t=&z=14&ie=UTF8&iwloc=&output=embed">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection