79 lines
3.7 KiB
PHP
79 lines
3.7 KiB
PHP
<section id="contact" class="contact section light-background">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Kontak</h2>
|
|
<p>Kritik dan Saran sangat berharga bagi kami, untuk meningkatkan pelayanan kami. hubungi kami di:</p>
|
|
</div>
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="row g-4 g-lg-5">
|
|
<div class="col-lg-5">
|
|
<div class="info-box" data-aos="fade-up" data-aos-delay="200">
|
|
<h3>Informasi Kontak</h3>
|
|
<p>Berikut beberapa informasi dan kontak yang dapat dihubungi:</p>
|
|
|
|
<div class="info-item" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="icon-box"><i class="bi bi-geo-alt"></i></div>
|
|
<div class="content">
|
|
<h4>Lokasi Kami</h4>
|
|
<p>C423+9C7, Jl. Gotong Royong No.5, Pelem, Kec. Kertosono Kabupaten Nganjuk, Jawa Timur
|
|
64314</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-item" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="icon-box"><i class="bi bi-telephone"></i></div>
|
|
<div class="content">
|
|
<h4>Nomor Telepon</h4>
|
|
<p>08155555555</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-item" data-aos="fade-up" data-aos-delay="500">
|
|
<div class="icon-box"><i class="bi bi-envelope"></i></div>
|
|
<div class="content">
|
|
<h4>Alamat Email</h4>
|
|
<p>pemerintahdesapelem@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-7">
|
|
<div class="contact-form" data-aos="fade-up" data-aos-delay="300">
|
|
<h3>Kritik dan Saran</h3>
|
|
<p>Berikan masukan dan saran Anda untuk meningkatkan pelayanan kami.</p>
|
|
|
|
<form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up"
|
|
data-aos-delay="200">
|
|
<div class="row gy-4">
|
|
<div class="col-md-6">
|
|
<input type="text" name="name" class="form-control" placeholder="Nama Anda"
|
|
required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<input type="email" class="form-control" name="email" placeholder="Alamat Email"
|
|
required>
|
|
</div>
|
|
<div class="col-12">
|
|
<input type="text" class="form-control" name="subject" placeholder="Subjek" required>
|
|
</div>
|
|
<div class="col-12">
|
|
<textarea class="form-control" name="message" rows="6" placeholder="Pesan" required></textarea>
|
|
</div>
|
|
<div class="col-12 text-center">
|
|
<div class="loading">Loading</div>
|
|
<div class="error-message"></div>
|
|
<div class="sent-message">Pesan Anda telah dikirim. Terima kasih!</div>
|
|
|
|
<button type="submit" class="btn">Kirim Pesan</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|