kontak
This commit is contained in:
parent
c44bc48a02
commit
0b588353c6
|
|
@ -0,0 +1,14 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
|
||||
class KontakController extends Controller
|
||||
{
|
||||
public function index()
|
||||
{
|
||||
$title = 'User Kontak';
|
||||
return view('user.kontak', compact('title'));
|
||||
}
|
||||
}
|
||||
|
|
@ -16,72 +16,76 @@
|
|||
|
||||
<section id="contact" class="contact section">
|
||||
|
||||
<div class="container" data-aos="fade">
|
||||
<div class="container" data-aos="fade">
|
||||
|
||||
<div class="row gy-5 gx-lg-5">
|
||||
<div class="row gy-5 gx-lg-5">
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="col-lg-4">
|
||||
|
||||
<div class="info">
|
||||
<h3>Get in touch</h3>
|
||||
<p>Et id eius voluptates atque nihil voluptatem enim in tempore minima sit ad mollitia commodi minus.</p>
|
||||
<div class="info">
|
||||
<h3>Get in touch</h3>
|
||||
<p>Et id eius voluptates atque nihil voluptatem enim in tempore minima sit ad mollitia commodi
|
||||
minus.</p>
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Location:</h4>
|
||||
<p>A108 Adam Street, New York, NY 535022</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Location:</h4>
|
||||
<p>A108 Adam Street, New York, NY 535022</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Email:</h4>
|
||||
<p>info@example.com</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Email:</h4>
|
||||
<p>info@example.com</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-phone flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Call:</h4>
|
||||
<p>+1 5589 55488 55</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-phone flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Call:</h4>
|
||||
<p>+1 5589 55488 55</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<input type="text" name="name" class="form-control" id="name"
|
||||
placeholder="Your Name" required="">
|
||||
</div>
|
||||
<div class="col-md-6 form-group mt-3 mt-md-0">
|
||||
<input type="email" class="form-control" name="email" id="email"
|
||||
placeholder="Your Email" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
|
||||
required="">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<textarea class="form-control" name="message" placeholder="Message" required=""></textarea>
|
||||
</div>
|
||||
<div class="my-3">
|
||||
<div class="loading">Loading</div>
|
||||
<div class="error-message"></div>
|
||||
<div class="sent-message">Your message has been sent. Thank you!</div>
|
||||
</div>
|
||||
<div class="text-center"><button type="submit">Send Message</button></div>
|
||||
</form>
|
||||
</div><!-- End Contact Form -->
|
||||
|
||||
<div class="col-lg-8">
|
||||
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required="">
|
||||
</div>
|
||||
<div class="col-md-6 form-group mt-3 mt-md-0">
|
||||
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required="">
|
||||
</div>
|
||||
<div class="form-group mt-3">
|
||||
<textarea class="form-control" name="message" placeholder="Message" required=""></textarea>
|
||||
</div>
|
||||
<div class="my-3">
|
||||
<div class="loading">Loading</div>
|
||||
<div class="error-message"></div>
|
||||
<div class="sent-message">Your message has been sent. Thank you!</div>
|
||||
</div>
|
||||
<div class="text-center"><button type="submit">Send Message</button></div>
|
||||
</form>
|
||||
</div><!-- End Contact Form -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -0,0 +1,63 @@
|
|||
@extends('user.template')
|
||||
|
||||
@section('content')
|
||||
<!-- Page Title -->
|
||||
<div class="page-title">
|
||||
<div class="container d-lg-flex justify-content-between align-items-center">
|
||||
<h1 class="mb-2 mb-lg-0">Kontak</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Beranda</a></li>
|
||||
<li class="current">Kontak</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div><!-- End Page Title -->
|
||||
|
||||
<!-- Service Details Section -->
|
||||
<section id="contact" class="contact section">
|
||||
|
||||
<div class="container" data-aos="fade">
|
||||
|
||||
<div class="row gy-5 gx-lg-5">
|
||||
|
||||
<div class="col-lg-12">
|
||||
|
||||
<div class="info">
|
||||
<h3>Get in touch</h3>
|
||||
<p>Et id eius voluptates atque nihil voluptatem enim in tempore minima sit ad mollitia commodi
|
||||
minus.</p>
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Location:</h4>
|
||||
<p>A108 Adam Street, New York, NY 535022</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Email:</h4>
|
||||
<p>info@example.com</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex">
|
||||
<i class="bi bi-phone flex-shrink-0"></i>
|
||||
<div>
|
||||
<h4>Call:</h4>
|
||||
<p>+1 5589 55488 55</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- /Service Details Section -->
|
||||
@endsection
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
</li>
|
||||
<li><a href="{{ route('user.sig-tps') }}">Sebaran TPS</a></li>
|
||||
<li><a href="{{ route('user.aduan-tps') }}">Aduan TPS</a></li>
|
||||
<li><a href="#team">Kontak</a></li>
|
||||
<li><a href="{{ route('user.kontak') }}">Kontak</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
use App\Http\Controllers\AboutController;
|
||||
use App\Http\Controllers\IndexController;
|
||||
use App\Http\Controllers\AduanController;
|
||||
use App\Http\Controllers\KontakController;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
|
||||
Route::get('/index', [IndexController::class, 'index'])->name('user.index');
|
||||
|
|
@ -14,6 +15,7 @@
|
|||
Route::get('/tps/{id}', [SigController::class, 'show'])
|
||||
->name('user.detail-tps');
|
||||
Route::get('/aduan-tps', [AduanController::class, 'index'])->name('user.aduan-tps');
|
||||
Route::get('/kontak', [KontakController::class, 'index'])->name('user.kontak');
|
||||
|
||||
Route::get('/', function () {
|
||||
return view('welcome');
|
||||
|
|
|
|||
Loading…
Reference in New Issue