@{
    Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
    ViewData["Title"] = "Kontak";
}

@section Style {
    <link rel="stylesheet" href="~/webnew/css/Kontak.css" asp-append-version="true" />
}


@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Kontak")

<section class="kontak-section">
    <div class="container">

        <div class="map-wrapper">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.2867371782063!2d106.8349494!3d-6.225874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3f1f2e8e2e9%3A0x5d3463fc552bda08!2sLaboratorium%20Lingkungan%20Hidup%20Daerah%20(LLHD)%20Provinsi%20DKI%20Jakarta!5e0!3m2!1sid!2sid!4v1776917670526!5m2!1sid!2sid"
                    allowfullscreen=""
                    loading="lazy"
                    referrerpolicy="no-referrer-when-downgrade">
            </iframe>
        </div>


        <div class="row g-4 mt-2">

            <h3 class="kontak-text text-center">
                Hubungi Kami melalui Kontak dibawah
            </h3>

            <div class="col-md-4">
                <div class="kontak-card">

                    <div class="icon-circle">
                        <i class="bi bi-telephone"></i>
                    </div>

                    <h6>WA Dasalewa</h6>
                    <p>0815-1193-0751</p>

                </div>
            </div>

            <div class="col-md-4">
                <div class="kontak-card">

                    <div class="icon-circle">
                        <i class="bi bi-envelope"></i>
                    </div>

                    <h6>Email</h6>
                    <p>lablingkungan@jakarta.go.id</p>

                </div>
            </div>

            <div class="col-md-4">
                <div class="kontak-card">

                    <div class="icon-circle">
                        <i class="bi bi-geo-alt"></i>
                    </div>

                    <h6>Lokasi</h6>
                    <p>Jl. Casablanca Kav. 1, Kuningan, Jakarta Selatan</p>

                </div>
            </div>

        </div>

    </div>
</section>