update landingpage & admin side
This commit is contained in:
raditya09
parent
0c79e0368a
commit
9f1f8e3b24
|
|
@ -11,4 +11,13 @@ class AdminDashboardController extends Controller
|
|||
public function index(){
|
||||
return view('admin_backend.admin_dashboard');
|
||||
}
|
||||
|
||||
public function hasRole($id)
|
||||
{
|
||||
foreach ($this->users as $user)
|
||||
{
|
||||
if ($user->kelas_user == $id) return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ class ListAdminController extends Controller
|
|||
//
|
||||
public function index()
|
||||
{
|
||||
$users = User::all()->where('kelas_user', '1');
|
||||
$users = User::all()->whereIn('kelas_user', ['1','2']);
|
||||
return view('admin_backend.admin_listadmin', compact('users'));
|
||||
}
|
||||
// /**
|
||||
|
|
|
|||
|
|
@ -51,8 +51,15 @@ @media (max-width: 1199px) {
|
|||
#main {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Page Title
|
||||
--------------------------------------------------------------*/
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
|
|
@ -11980,3 +11980,18 @@ @media print {
|
|||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
background-image: url("../admin_backend/assets/img/bg_login.png");
|
||||
background-color: #2c07d0;
|
||||
/* height: 100%; */
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero-bg{
|
||||
background-color: #2c07d0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,85 +15,94 @@
|
|||
</div><!-- End Page Title -->
|
||||
|
||||
<section class="section dashboard">
|
||||
<div class="row">
|
||||
<h3>List Admin</h3>
|
||||
<button class="col-md-2" id="addUserButton">Tambah Admin</button>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
|
||||
<script>
|
||||
// Script untuk menampilkan kotak dialog ketika tombol diklik
|
||||
document.getElementById('addUserButton').addEventListener('click', () => {
|
||||
Swal.fire({
|
||||
title: 'Tambah Admin Baru',
|
||||
html:
|
||||
'<input id="nama_lengkap" class="swal2-input" placeholder="Nama Lengkap">' +
|
||||
'<input id="nip" class="swal2-input" placeholder="NIP">' +
|
||||
'<input id="email" class="swal2-input" placeholder="Email">'+
|
||||
'<input id="password" class="swal2-input" placeholder="Password">',
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
const nama_lengkap = Swal.getPopup().querySelector('#nama_lengkap').value;
|
||||
const nip = Swal.getPopup().querySelector('#nim').value;
|
||||
const email = Swal.getPopup().querySelector('#email').value;
|
||||
const password = Swal.getPopup().querySelector('#password').value;
|
||||
return { nama_lengkap: nama_lengkap, nim:nim, semester:semester, angkatan:angkatan, email: email, password:password };
|
||||
}
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed && result.value.nama_lengkap && result.value.nim && result.value.semester && result.value.angkatan && result.value.email && result.value.password) {
|
||||
// Kirim data user ke server menggunakan AJAX atau formulir biasa
|
||||
// Contoh: Anda dapat menggunakan Axios untuk AJAX
|
||||
axios.post('/listadmin', {
|
||||
nama_lengkap: result.value.nama_lengkap,
|
||||
nip: result.value.nim,
|
||||
email: result.value.email,
|
||||
password: result.value.password,
|
||||
kelas_user: '2',
|
||||
_token: '{{ csrf_token() }}'
|
||||
})
|
||||
.then(() => {
|
||||
location.reload(); // Muat ulang halaman setelah menambahkan user
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error);
|
||||
Swal.fire('Error', 'Terjadi kesalahan saat menambahkan admin.', 'error');
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="row">
|
||||
|
||||
<!-- DataTales Example -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">List Admin</h6>
|
||||
<button class="right " id="addUserButton">Tambah Admin</button>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>id</th>
|
||||
<th>Nama Lengkap</th>
|
||||
<th>NIM</th>
|
||||
<th>Semester</th>
|
||||
<th>Angkatan</th>
|
||||
<th>E-Mail</th>
|
||||
<th>Role</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php $i=1;?>
|
||||
@foreach($users as $user)
|
||||
<tr>
|
||||
<td><?php echo $i;?></td>
|
||||
<td>{{ $user->nama_lengkap }}</td>
|
||||
<td>{{ $user->nim }}</td>
|
||||
<td>{{ $user->semester }}</td>
|
||||
<td>{{ $user->angkatan }}</td>
|
||||
<td>{{ $user->email }}</td>
|
||||
<td>{{ $user->kelas_user }}</td>
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
<?php $i++;?>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>id</th>
|
||||
<th>Nama Lengkap</th>
|
||||
<th>NIM</th>
|
||||
<th>Semester</th>
|
||||
<th>Angkatan</th>
|
||||
<th>E-Mail</th>
|
||||
<th>Role</th>
|
||||
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($users as $user)
|
||||
<tr>
|
||||
<td>{{ $user->id}}</td>
|
||||
<td>{{ $user->nama_lengkap }}</td>
|
||||
<td>{{ $user->nim }}</td>
|
||||
<td>{{ $user->semester }}</td>
|
||||
<td>{{ $user->angkatan }}</td>
|
||||
<td>{{ $user->email }}</td>
|
||||
<td>{{ $user->kelas_user }}</td>
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
|
||||
<script>
|
||||
// Script untuk menampilkan kotak dialog ketika tombol diklik
|
||||
document.getElementById('addUserButton').addEventListener('click', () => {
|
||||
Swal.fire({
|
||||
title: 'Tambah Admin Baru',
|
||||
html:
|
||||
'<input id="nama_lengkap" class="swal2-input" placeholder="Nama Lengkap">' +
|
||||
'<input id="nip" class="swal2-input" placeholder="NIP">' +
|
||||
'<input id="email" class="swal2-input" placeholder="Email">'+
|
||||
'<input id="password" class="swal2-input" placeholder="Password">',
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
const nama_lengkap = Swal.getPopup().querySelector('#nama_lengkap').value;
|
||||
const nip = Swal.getPopup().querySelector('#nim').value;
|
||||
const email = Swal.getPopup().querySelector('#email').value;
|
||||
const password = Swal.getPopup().querySelector('#password').value;
|
||||
return { nama_lengkap: nama_lengkap, nim:nim, semester:semester, angkatan:angkatan, email: email, password:password };
|
||||
}
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed && result.value.nama_lengkap && result.value.nim && result.value.semester && result.value.angkatan && result.value.email && result.value.password) {
|
||||
// Kirim data user ke server menggunakan AJAX atau formulir biasa
|
||||
// Contoh: Anda dapat menggunakan Axios untuk AJAX
|
||||
axios.post('/listadmin', {
|
||||
nama_lengkap: result.value.nama_lengkap,
|
||||
nip: result.value.nim,
|
||||
email: result.value.email,
|
||||
password: result.value.password,
|
||||
kelas_user: '2',
|
||||
_token: '{{ csrf_token() }}'
|
||||
})
|
||||
.then(() => {
|
||||
location.reload(); // Muat ulang halaman setelah menambahkan user
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error);
|
||||
Swal.fire('Error', 'Terjadi kesalahan saat menambahkan admin.', 'error');
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</main><!-- End #main -->
|
||||
@endsection
|
||||
|
|
@ -16,86 +16,43 @@
|
|||
|
||||
<section class="section dashboard">
|
||||
<div class="row">
|
||||
<h3>List User</h3>
|
||||
<!-- <button id="addUserButton">Tambah User</button>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
|
||||
<script>
|
||||
// Script untuk menampilkan kotak dialog ketika tombol diklik
|
||||
document.getElementById('addUserButton').addEventListener('click', () => {
|
||||
Swal.fire({
|
||||
title: 'Tambah Admin Baru',
|
||||
html:
|
||||
'<input id="nama_lengkap" class="swal2-input" placeholder="Nama Lengkap">' +
|
||||
'<input id="nim" class="swal2-input" placeholder="NIM">' +
|
||||
'<input id="semester" class="swal2-input" placeholder="Semester">' +
|
||||
'<input id="angkatan" class="swal2-input" placeholder="Angkatan">' +
|
||||
'<input id="email" class="swal2-input" placeholder="Email">'+
|
||||
'<input id="password" class="swal2-input" placeholder="Password">',
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
const nama_lengkap = Swal.getPopup().querySelector('#nama_lengkap').value;
|
||||
const nim = Swal.getPopup().querySelector('#nim').value;
|
||||
const semester = Swal.getPopup().querySelector('#semester').value;
|
||||
const angkatan = Swal.getPopup().querySelector('#angkatan').value;
|
||||
const email = Swal.getPopup().querySelector('#email').value;
|
||||
const password = Swal.getPopup().querySelector('#password').value;
|
||||
return { nama_lengkap: nama_lengkap, nim:nim, semester:semester, angkatan:angkatan, email: email, password:password };
|
||||
}
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed && result.value.nama_lengkap && result.value.nim && result.value.semester && result.value.angkatan && result.value.email && result.value.password) {
|
||||
// Kirim data user ke server menggunakan AJAX atau formulir biasa
|
||||
// Contoh: Anda dapat menggunakan Axios untuk AJAX
|
||||
axios.post('/listuser', {
|
||||
nanama_lengkapme: result.value.nama_lengkap,
|
||||
nim: result.value.nim,
|
||||
semester: result.value.semester,
|
||||
angkatan: result.value.angkatan,
|
||||
email: result.value.email,
|
||||
password: result.value.password,
|
||||
_token: '{{ csrf_token() }}'
|
||||
})
|
||||
.then(() => {
|
||||
location.reload(); // Muat ulang halaman setelah menambahkan user
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error);
|
||||
Swal.fire('Error', 'Terjadi kesalahan saat menambahkan admin.', 'error');
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script> -->
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>id</th>
|
||||
<th>Nama Lengkap</th>
|
||||
<th>NIM</th>
|
||||
<th>Semester</th>
|
||||
<th>Angkatan</th>
|
||||
<th>E-Mail</th>
|
||||
<th>Role</th>
|
||||
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($users as $user)
|
||||
<tr>
|
||||
<td>{{ $user->id}}</td>
|
||||
<td>{{ $user->nama_lengkap }}</td>
|
||||
<td>{{ $user->nim }}</td>
|
||||
<td>{{ $user->semester }}</td>
|
||||
<td>{{ $user->angkatan }}</td>
|
||||
<td>{{ $user->email }}</td>
|
||||
<td>{{ $user->kelas_user }}</td>
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- DataTales Example -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">List User</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>id</th>
|
||||
<th>Nama Lengkap</th>
|
||||
<th>NIM</th>
|
||||
<th>Semester</th>
|
||||
<th>Angkatan</th>
|
||||
<th>E-Mail</th>
|
||||
<th>Role</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($users as $user)
|
||||
<tr>
|
||||
<td>{{ $user->id}}</td>
|
||||
<td>{{ $user->nama_lengkap }}</td>
|
||||
<td>{{ $user->nim }}</td>
|
||||
<td>{{ $user->semester }}</td>
|
||||
<td>{{ $user->angkatan }}</td>
|
||||
<td>{{ $user->email }}</td>
|
||||
<td>{{ $user->kelas_user }}</td>
|
||||
<!-- Tambahkan kolom-kolom lain yang ingin Anda tampilkan -->
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -33,23 +33,24 @@
|
|||
</a>
|
||||
</li><!-- End Profile Page Nav -->
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link collapsed" data-bs-target="#users-nav" data-bs-toggle="collapse" href="/admin">
|
||||
<i class="bi bi-person"></i><span>User</span><i class="bi bi-chevron-down ms-auto"></i>
|
||||
</a>
|
||||
<ul id="users-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
|
||||
<li>
|
||||
<a href="/listuser">
|
||||
<i class="bi bi-circle"></i><span>List User</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/listadmin">
|
||||
<i class="bi bi-circle"></i><span>List Admin</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li><!-- End User Nav -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link collapsed" data-bs-target="#users-nav" data-bs-toggle="collapse" href="/admin">
|
||||
<i class="bi bi-person"></i><span>User</span><i class="bi bi-chevron-down ms-auto"></i>
|
||||
</a>
|
||||
<ul id="users-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
|
||||
<li>
|
||||
<a href="/listuser">
|
||||
<i class="bi bi-circle"></i><span>List User</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/listadmin">
|
||||
<i class="bi bi-circle"></i><span>List Admin</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li><!-- End User Nav -->
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link collapsed" href="{{ route('logout') }}"
|
||||
|
|
|
|||
|
|
@ -3,141 +3,88 @@
|
|||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6 square-size">
|
||||
<div class="row">
|
||||
<!-- <div class="col-md-8"> -->
|
||||
<div class="card">
|
||||
<!-- <div class="card-header">{{ __('Masuk') }}</div> -->
|
||||
<div class="col-lg-6 ">
|
||||
<div class="row ">
|
||||
<!-- <div class="col-md-8"> -->
|
||||
<div class="card ">
|
||||
<!-- <div class="card-header">{{ __('Masuk') }}</div> -->
|
||||
|
||||
<div class="card-body">
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="fw-bolder">Selamat datang!</h3><br>
|
||||
<form method="POST" action="{{ route('login') }}">
|
||||
@csrf
|
||||
<h3 class="fw-bolder">Selamat datang!</h3><br>
|
||||
<form method="POST" action="{{ route('login') }}">
|
||||
@csrf
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('E-Mail') }}</label>
|
||||
<div class="row mb-3">
|
||||
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('E-Mail') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
|
||||
<div class="col-md-6">
|
||||
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
|
||||
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
|
||||
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-lg-4 offset-md-4">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
|
||||
|
||||
<label class="form-check-label" for="remember">
|
||||
{{ __('Ingat Saya') }}
|
||||
</label>
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
@if (Route::has('password.request'))
|
||||
<a class="btn btn-link" href="{{ route('password.request') }}">
|
||||
{{ __('Lupa Kata Sandi?') }}
|
||||
</a>
|
||||
@endif
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
|
||||
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-2 offset-md-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
{{ __('Masuk') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-0">
|
||||
<div class="col-lg-8 offset-md-4">
|
||||
Belum mempunyai akun? <a class="btn btn-link" href="{{ route('register') }}">
|
||||
{{ __('Daftar') }}
|
||||
</a>
|
||||
<div class="row mb-3">
|
||||
<div class="col-lg-4 offset-md-4">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
|
||||
|
||||
<label class="form-check-label" for="remember">
|
||||
{{ __('Ingat Saya') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
@if (Route::has('password.request'))
|
||||
<a class="btn btn-link" href="{{ route('password.request') }}">
|
||||
{{ __('Lupa Kata Sandi?') }}
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-2 offset-md-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
{{ __('Masuk') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-0">
|
||||
<div class="col-lg-8 offset-md-4">
|
||||
Belum mempunyai akun? <a class="btn btn-link" href="{{ route('register') }}">
|
||||
{{ __('Daftar') }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right side columns -->
|
||||
<div class="col-lg-6 bg-image">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Recent Activity <span>| Today</span></h5>
|
||||
|
||||
<div class="activity">
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">32 min</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Quia quae rerum <a href="#" class="fw-bold text-dark">explicabo officiis</a> beatae
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">56 min</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-danger align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Voluptatem blanditiis blanditiis eveniet
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">2 hrs</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Voluptates corrupti molestias voluptatem
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">1 day</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-info align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Tempore autem saepe <a href="#" class="fw-bold text-dark">occaecati voluptatem</a> tempore
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">2 days</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-warning align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Est sit eum reiciendis exercitationem
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">4 weeks</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-muted align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Dicta dolorem harum nulla eius. Ut quidem quidem sit quas
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
</div>
|
||||
<!-- Right side columns -->
|
||||
<div class="col-lg-6 hero-image">
|
||||
<div class="card-body">
|
||||
|
||||
</div>
|
||||
</div><!-- End Recent Activity -->
|
||||
|
|
|
|||
|
|
@ -134,63 +134,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- Right side columns -->
|
||||
<div class="col-lg-6 bg-image">
|
||||
<div class="col-lg-6 hero-image">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Recent Activity <span>| Today</span></h5>
|
||||
|
||||
<div class="activity">
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">32 min</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Quia quae rerum <a href="#" class="fw-bold text-dark">explicabo officiis</a> beatae
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">56 min</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-danger align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Voluptatem blanditiis blanditiis eveniet
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">2 hrs</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Voluptates corrupti molestias voluptatem
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">1 day</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-info align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Tempore autem saepe <a href="#" class="fw-bold text-dark">occaecati voluptatem</a> tempore
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">2 days</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-warning align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Est sit eum reiciendis exercitationem
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
<div class="activity-item d-flex">
|
||||
<div class="activite-label">4 weeks</div>
|
||||
<i class='bi bi-circle-fill activity-badge text-muted align-self-start'></i>
|
||||
<div class="activity-content">
|
||||
Dicta dolorem harum nulla eius. Ut quidem quidem sit quas
|
||||
</div>
|
||||
</div><!-- End activity item-->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!-- End Recent Activity -->
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -795,9 +795,9 @@
|
|||
<p>Anggota Tim Pengembangan Sistem</p>
|
||||
</header>
|
||||
|
||||
<div class="row gy-3">
|
||||
<div class="row gy-4">
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-2.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -816,7 +816,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-3.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -835,7 +835,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-2.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -853,9 +853,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-3.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -873,8 +871,28 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-3.jpg')}}" class="img-fluid" alt="">
|
||||
<div class="social">
|
||||
<a href=""><i class="bi bi-twitter"></i></a>
|
||||
<a href=""><i class="bi bi-facebook"></i></a>
|
||||
<a href=""><i class="bi bi-instagram"></i></a>
|
||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="member-info">
|
||||
<h4>Dimas Pratama</h4>
|
||||
<span>Mahasiswa</span>
|
||||
<p>Velit aut quia fugit et et. Dolorum ea voluptate vel tempore tenetur ipsa quae aut. Ipsum exercitationem iure minima enim corporis et voluptate.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-2.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -893,7 +911,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="member">
|
||||
<div class="member-img">
|
||||
<img src="{{ asset('frontend/assets/img/team/team-3.jpg')}}" class="img-fluid" alt="">
|
||||
|
|
@ -918,33 +936,6 @@
|
|||
|
||||
</section><!-- End Team Section -->
|
||||
|
||||
<!-- ======= Clients Section ======= -->
|
||||
<section id="clients" class="clients">
|
||||
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<header class="section-header">
|
||||
<h2>Our Clients</h2>
|
||||
<p>Temporibus omnis officia</p>
|
||||
</header>
|
||||
|
||||
<div class="clients-slider swiper">
|
||||
<div class="swiper-wrapper align-items-center">
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-1.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-2.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-3.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-4.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-5.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-6.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-7.png')}}" class="img-fluid" alt=""></div>
|
||||
<div class="swiper-slide"><img src="{{ asset('frontend/assets/img/clients/client-8.png')}}" class="img-fluid" alt=""></div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section><!-- End Clients Section -->
|
||||
|
||||
<!-- ======= Contact Section ======= -->
|
||||
<section id="contact" class="contact">
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
|
||||
<li><a class="nav-link scrollto" href="#about">About</a></li>
|
||||
<li><a class="nav-link scrollto" href="#features">Fitur</a></li>
|
||||
<li><a class="nav-link scrollto" href="#portfolio">Portofolio</a></li>
|
||||
<li><a class="nav-link scrollto" href="#portfolio">Galeri</a></li>
|
||||
<li><a class="nav-link scrollto" href="#team">Tim</a></li>
|
||||
<!-- <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="hero-bg">
|
||||
<div id="app">
|
||||
<!-- <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
|
|
|
|||
Loading…
Reference in New Issue