---
import Layout from "../layouts/Layout.astro"
---
<Layout title="">
    <main>
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 lg:grid-cols-2 mt-8">
                <div class="flex flex-col h-fit justify-center place-items-center">
                    <p class="text-center text-3xl text-blue-900 mt-4 font-semibold pt-10">Contact Us</p>
                    <div class="flex flex-col place-items-center">
                        <h1 class="text-center text-3xl text-blue-900 mt-4 font-semibold">Sree Chaitanya College,Habra </h1>
                        <span class="text-2xl font-bold">(Arts and Science) </span>
                        <h2 class="text-xl font-bold pt-2 text-center">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B </h2>
                        <p class="text-2xl pt-4">Call to: +913216237020</p>
                        <p class="text-lg md:text-2xl text-center">Mail to: <a href="" class="text-blue-700 font-bold underline">sreechaitanyacollege@rediffmail.com</a></p>
                    </div>
                   
                </div>
                <div class="flex flex-col place-items-center justify-center">
                    <p class="text-center text-3xl text-blue-900 font-semibold mt-4">View College on Google Map</p>
                    <!-- 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="80%"
                            height="400"
                            frameborder="0"
                            style="border:0;"
                            
                            aria-hidden="false"
                            tabindex="0">
                    </iframe>
                </div>
            </div>
        </div>
    </main>
</Layout>
