@extends('layouts.app')

@section('content')

<div class="container">

    <div class="card">

        <h1>Kontak Kami</h1>


        <p>
            Jika membutuhkan informasi lebih lanjut mengenai
            Sistem Informasi Data Kunjungan Tamu SMKN 7 Palembang,
            silakan hubungi pihak sekolah melalui informasi berikut.
        </p>


        <div class="info">

            <h3>SMKN 7 Palembang</h3>

            <p>
                📍 Alamat:
                Jl. Naskah II No.733 Km.7
            </p>

            <p>
                ☎ Telepon:
                (0711) 414854
            </p>

            <p>
                ✉ Email:
                smkn7plg@gmail.com
            </p>

        </div>


    </div>

</div>


<style>

.container {
    padding: 50px;
}


.card {
    background: white;
    padding: 35px;
    border-radius: 15px;
    width: 70%;
    margin: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


.card h1 {
    text-align: center;
    color: #1769ff;
    margin-bottom: 25px;
}


.card h3 {
    color: #1769ff;
    margin-top: 30px;
}


.card p {
    font-size: 17px;
    line-height: 1.8;
}


.info {
    margin-top: 20px;
}


</style>


@endsection