<template>
    <div>
        <h1 class="text-center text-3xl text-blue-900 mt-4 font-semibold">Contact Us</h1>
        <p class="text-center mt-4">Phone: +913216237020</p>
        <p class="text-center">Email: sreechaitanyacollege@rediffmail.com</p>
    
        <div class="grid place-items-center text-blue-900 text-2xl font-semibold mt-4">View College on Google Map
            <!-- Google Map Copied Code -->
            <iframe class="mt-4 mb-8" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.0775585659544!2d88.64048451555165!3d22.83661988504755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8b071c69b9933%3A0x5181c48a7b97726e!2sSree%20Chaitanya%20College%2C%20Habra!5e0!3m2!1sen!2sin!4v1667829054410!5m2!1sen!2sin"
                    width="500"
                    height="400"
                    frameborder="0"
                    style="border:0;"
                    
                    aria-hidden="false"
                    tabindex="0">
            </iframe>
        </div>
    </div>
</template>