This commit is contained in:
2025-08-22 09:41:04 +07:00
parent 949e98ca4a
commit 8fa2d2cdf7
705 changed files with 130767 additions and 24 deletions
+11
View File
@@ -0,0 +1,11 @@
@import 'tailwindcss';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}
+1
View File
@@ -0,0 +1 @@
import './bootstrap';
+4
View File
@@ -0,0 +1,4 @@
import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
@@ -0,0 +1,82 @@
@extends('template.website.auth')
@section('content')
<!-- Section -->
<section class="pt-5 pb-5">
<div class="container-fluid d-flex flex-column">
<div class="row align-items-center min-vh-100">
<div class="col-md-6 col-lg-4 col-xl-3 mx-auto">
<div class="card">
<div class="card-body py-5 px-sm-5">
<div class="mb-5 text-center">
<h6 class="h3 mb-1">Login Administrator</h6>
<p class="text-muted mb-0">Gunakan kredensial admin untuk login.</p>
</div><span class="clearfix"></span>
@if (session('error'))
<div role="alert" class="alert alert-danger alert-dismissible">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> </button>
<strong><i class="fa fa-exclamation-circle"></i> {{ session('error') }}</strong>
</div>
@endif
<form id="formLogin" class="form-validate" action="{{ route('admin.auth.authenticate') }}" method="POST">
@csrf
<div class="form-group">
<label for="username">Username</label>
<div class="input-group">
<input type="text" class="form-control" name="username">
<span class="input-group-text"><i class="icon-user"></i></span>
</div>
</div>
<div class="form-group ">
<label for="password">Password</label>
<div class="input-group show-hide-password">
<input class="form-control" name="password" type="password" >
<span class="input-group-text"><i class="icon-eye-off" aria-hidden="true" style="cursor: pointer;"></i></span>
</div>
</div>
<div class="mt-4"><button type="submit" class="btn btn-primary btn-block btn-primary">Login</button></div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end: Section -->
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formLogin').validate({
rules: {
username: {
required: true,
},
password: {
required: true,
},
},
messages: {
username: 'Username wajib diisi',
password: 'Password wajib diisi',
},
errorClass: 'is-invalid',
validClass: 'is-valid',
errorElement: "div",
errorPlacement: function (error, element) {
element.parent().append(error);
},
invalidHandler: function (elem, validator) {
$('html, body').stop(true, false).animate({
scrollTop: $(validator.errorList[0].element).offset().top - 200
}, 1500, 'easeInOutExpo');
}
});
});
</script>
@endpush
@@ -0,0 +1,11 @@
@extends('template.admin.base')
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Dashboard</h5>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,121 @@
@extends('template.admin.base')
@push('css')
<link href="{{ asset('assets/admin/vendor/libs/select2/select2.css') }}" rel="stylesheet" />
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Kabupaten/Kota Baru</h5>
<div id="buttons">
<a href="{{ route('admin.kabupaten-kota.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Input data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.kabupaten-kota.store') }}" method="POST">
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama Kabupaten/Kota</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Kabupaten/Kota</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="provinsi_id" class="form-label">Provinsi</label>
<select class="select2 form-select" data-allow-clear="true" id="provinsi_id" name="provinsi_id">
</select>
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/libs/select2/select2.js') }}"></script>
<script>
$(function () {
$("#provinsi_id").select2({
placeholder: "Pilih Provinsi",
allowClear: true,
ajax: {
url: "{{ route('admin.provinsi.list') }}",
type: 'POST',
data: function (params) {
var query = {
search: params.term,
page: params.page || 1,
_token:'{{ csrf_token() }}'
}
return query;
},
processResults: function (data) {
var results = $.map(data.data, function (obj) {
obj.id = obj.id;
obj.text = obj.kode + ' - ' + obj.nama;
return obj;
});
return {
results: results,
pagination: {
more: data.last_page > data.current_page
}
};
}
}
});
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
digits: true,
minlength: 4,
maxlength: 4,
},
provinsi_id: {
required: true,
}
},
messages: {
nama: 'Nama Kabupaten/Kota wajib diisi',
kode: 'Kode Kabupaten/Kota wajib diisi dengan angka 4 digit',
provinsi_id: 'Provinsi wajib diisi'
}
});
});
</script>
@endpush
@@ -0,0 +1,124 @@
@extends('template.admin.base')
@push('css')
<link href="{{ asset('assets/admin/vendor/libs/select2/select2.css') }}" rel="stylesheet" />
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Edit Kabupaten/Kota</h5>
<div id="buttons">
<a href="{{ route('admin.kabupaten-kota.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Edit data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.kabupaten-kota.update', $kabupatenKota->id) }}" method="POST">
@method('PUT')
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama Kabupaten/Kota</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama', $kabupatenKota->nama) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Kabupaten/Kota</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode', $kabupatenKota->kode) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="provinsi_id" class="form-label">Provinsi</label>
<select class="select2 form-select" data-allow-clear="true" id="provinsi_id" name="provinsi_id">
<option value="{{ old('provinsi_id', $kabupatenKota->provinsi_id) }}" selected="selected">
{{ $kabupatenKota->provinsi->kode }} - {{ $kabupatenKota->provinsi->nama }}</option>
</select>
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/libs/select2/select2.js') }}"></script>
<script>
$(function () {
$("#provinsi_id").select2({
placeholder: "Pilih Provinsi",
allowClear: true,
ajax: {
url: "{{ route('admin.provinsi.list') }}",
type: 'POST',
data: function (params) {
var query = {
search: params.term,
page: params.page || 1,
_token:'{{ csrf_token() }}'
}
return query;
},
processResults: function (data) {
var results = $.map(data.data, function (obj) {
obj.id = obj.id;
obj.text = obj.kode + ' - ' + obj.nama;
return obj;
});
return {
results: results,
pagination: {
more: data.last_page > data.current_page
}
};
}
}
});
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
digits: true,
minlength: 4,
maxlength: 4,
},
provinsi_id: {
required: true,
}
},
messages: {
nama: 'Nama Kabupaten/Kota wajib diisi',
kode: 'Kode Kabupaten/Kota wajib diisi dengan angka 4 digit',
provinsi_id: 'Provinsi wajib diisi'
}
});
});
</script>
@endpush
@@ -0,0 +1,148 @@
@extends('template.admin.base')
@push('css')
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css') }}" />
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Daftar Kabupaten/Kota</h5>
<div id="buttons">
<a href="{{ route('admin.kabupaten-kota.create') }}" class="btn btn-primary">
<i class="icon-base ti tabler-plus me-sm-1"></i> Kabupaten/Kota Baru
</a>
</div>
</div>
<div class="card-datatable table-responsive pt-0">
@if (session('success'))
<div class="alert alert-dismissible alert-success d-flex align-items-center" role="alert">
<span class="alert-icon rounded me-2">
<i class="icon-base ti tabler-check icon-md w-px-30"></i>
</span>
{{ session('success') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<table class="datatables-basic table" id="table">
<thead>
<tr>
<th>Nama</th>
<th>Kode</th>
<th>Provinsi</th>
<th>Aksi</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formDelete" action="{{ route('admin.kabupaten-kota.destroy', ':id') }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-header">
<h5 class="modal-title" id="deleteConfirmModalLabel">Konfirmasi Menghapus Data</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Apakah data tersebut benar akan dihapus?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
Batal
</button>
<button type="submit" class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>
<script>
$(function () {
$('#table').DataTable({
'responsive': true,
'lengthChange': true,
'autoWidth': false,
'processing': true,
'serverSide': true,
'ajax': function(data, callback, settings) {
var order = '';
if (data.order.length > 0) {
order = data.order[0].dir == 'desc' ? '-' : '';
order = order + data.columns[data.order[0].column].data;
}
$.ajax({
url: "{{ route('admin.kabupaten-kota.list') }}",
data: {
size: data.length,
page: (data.start / data.length) + 1,
search: data.search.value,
sort: order,
_token:'{{ csrf_token() }}'
},
type: "POST",
success: function(res) {
callback({
recordsTotal: res.total,
recordsFiltered: res.total,
data: res.data
});
}
});
},
'columns': [
{ data: 'nama' },
{ data: 'kode' },
{ data: 'provinsi.nama' },
{
data: 'id',
orderable: false,
searchable: false,
targets: -1,
render: function (data, type, full, meta) {
var urlEdit = '{{ route("admin.kabupaten-kota.edit", ":id") }}';
urlEdit = urlEdit.replace(':id', data);
var renderValue =
'<a href="' + urlEdit + '" class="btn btn-sm btn-icon">' +
' <i class="text-primary icon-base ti tabler-pencil"></i>' +
'</a>' +
'<button type="button" class="btn btn-sm btn-icon delete" data-id="' + data + '">' +
' <i class="text-danger icon-base ti tabler-trash"></i>' +
'</button>';
return renderValue;
}
}
],
});
$('#table tbody').on( 'click', 'button.delete', function (e) {
e.preventDefault();
var form = $('#formDelete');
var action = form.attr('action');
action = action.replace(':id', $(this).data('id'));
form.attr('action', action);
$('#deleteConfirmModal').modal('show');
});
});
</script>
@endpush
@@ -0,0 +1,79 @@
@extends('template.admin.base')
@push('css')
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Provinsi Baru</h5>
<div id="buttons">
<a href="{{ route('admin.provinsi.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Input data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.provinsi.store') }}" method="POST">
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama Provinsi</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Provinsi</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode') }}" />
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
digits: true,
minlength: 2,
maxlength: 2,
},
},
messages: {
nama: 'Nama Provinsi wajib diisi',
kode: 'Kode Provinsi wajib diisi dengan angka 2 digit',
}
});
});
</script>
@endpush
@@ -0,0 +1,80 @@
@extends('template.admin.base')
@push('css')
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Edit Provinsi</h5>
<div id="buttons">
<a href="{{ route('admin.provinsi.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Edit data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.provinsi.update', $provinsi->id) }}" method="POST">
@method('PUT')
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama Provinsi</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama', $provinsi->nama) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Provinsi</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode', $provinsi->kode) }}" />
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
digits: true,
minlength: 2,
maxlength: 2,
},
},
messages: {
nama: 'Nama Provinsi wajib diisi',
kode: 'Kode Provinsi wajib diisi dengan angka 2 digit',
}
});
});
</script>
@endpush
@@ -0,0 +1,146 @@
@extends('template.admin.base')
@push('css')
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css') }}" />
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Daftar Provinsi</h5>
<div id="buttons">
<a href="{{ route('admin.provinsi.create') }}" class="btn btn-primary">
<i class="icon-base ti tabler-plus me-sm-1"></i> Provinsi Baru
</a>
</div>
</div>
<div class="card-datatable table-responsive pt-0">
@if (session('success'))
<div class="alert alert-dismissible alert-success d-flex align-items-center" role="alert">
<span class="alert-icon rounded me-2">
<i class="icon-base ti tabler-check icon-md w-px-30"></i>
</span>
{{ session('success') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<table class="datatables-basic table" id="table">
<thead>
<tr>
<th>Nama</th>
<th>Kode</th>
<th>Aksi</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formDelete" action="{{ route('admin.provinsi.destroy', ':id') }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-header">
<h5 class="modal-title" id="deleteConfirmModalLabel">Konfirmasi Menghapus Data</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Apakah data tersebut benar akan dihapus?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
Batal
</button>
<button type="submit" class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>
<script>
$(function () {
$('#table').DataTable({
'responsive': true,
'lengthChange': true,
'autoWidth': false,
'processing': true,
'serverSide': true,
'ajax': function(data, callback, settings) {
var order = '';
if (data.order.length > 0) {
order = data.order[0].dir == 'desc' ? '-' : '';
order = order + data.columns[data.order[0].column].data;
}
$.ajax({
url: "{{ route('admin.provinsi.list') }}",
data: {
size: data.length,
page: (data.start / data.length) + 1,
search: data.search.value,
sort: order,
_token:'{{ csrf_token() }}'
},
type: "POST",
success: function(res) {
callback({
recordsTotal: res.total,
recordsFiltered: res.total,
data: res.data
});
}
});
},
'columns': [
{ data: 'nama' },
{ data: 'kode' },
{
data: 'id',
orderable: false,
searchable: false,
targets: -1,
render: function (data, type, full, meta) {
var urlEdit = '{{ route("admin.provinsi.edit", ":id") }}';
urlEdit = urlEdit.replace(':id', data);
var renderValue =
'<a href="' + urlEdit + '" class="btn btn-sm btn-icon">' +
' <i class="text-primary icon-base ti tabler-pencil"></i>' +
'</a>' +
'<button type="button" class="btn btn-sm btn-icon delete" data-id="' + data + '">' +
' <i class="text-danger icon-base ti tabler-trash"></i>' +
'</button>';
return renderValue;
}
}
],
});
$('#table tbody').on( 'click', 'button.delete', function (e) {
e.preventDefault();
var form = $('#formDelete');
var action = form.attr('action');
action = action.replace(':id', $(this).data('id'));
form.attr('action', action);
$('#deleteConfirmModal').modal('show');
});
});
</script>
@endpush
@@ -0,0 +1,94 @@
@extends('template.admin.base')
@push('css')
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">UML Baru</h5>
<div id="buttons">
<a href="{{ route('admin.uml.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Input data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.uml.store') }}" method="POST">
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama UML</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Daerah</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode') }}" />
</div>
</div>
<div class="row mb-3">
<div class="col-xl-6 col-md-12 col-sm-12">
<label for="alamat" class="form-label">Alamat</label>
<input type="text" class="form-control" id="alamat" name="alamat" value="{{ old('alamat') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="telepon" class="form-label">Telepon</label>
<input type="text" class="form-control" id="telepon" name="telepon" value="{{ old('telepon') }}" />
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
},
email: {
email: true,
}
},
messages: {
nama: 'Nama UML wajib diisi',
kode: 'Kode UML wajib diisi',
email: 'Email harus dalam format yang benar'
}
});
});
</script>
@endpush
+95
View File
@@ -0,0 +1,95 @@
@extends('template.admin.base')
@push('css')
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Edit UML</h5>
<div id="buttons">
<a href="{{ route('admin.uml.index') }}" class="btn btn-dark">
<i class="icon-base ti tabler-arrow-left me-sm-1"></i> Kembali ke Daftar
</a>
</div>
</div>
<div class="card-body">
@if ($errors->any())
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<span class="alert-icon rounded">
<i class="icon-base ti tabler-ban icon-md w-px-30"></i>
</span>
<div class="d-flex flex-column ps-1">
<h5 class="alert-heading mb-2">Edit data gagal tervalidasi</h5>
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
<form id="formCreate" action="{{ route('admin.uml.update', $uml->id) }}" method="POST">
@method('PUT')
@csrf
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama UML</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama', $uml->nama) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Daerah</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode', $uml->kode) }}" />
</div>
</div>
<div class="row mb-3">
<div class="col-xl-6 col-md-12 col-sm-12">
<label for="alamat" class="form-label">Alamat</label>
<input type="text" class="form-control" id="alamat" name="alamat" value="{{ old('alamat', $uml->alamat) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" value="{{ old('email', $uml->email) }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="telepon" class="form-label">Telepon</label>
<input type="text" class="form-control" id="telepon" name="telepon" value="{{ old('telepon', $uml->telepon) }}" />
</div>
</div>
<button type="submit" class="btn btn-primary">Simpan</button>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formCreate').validate({
rules: {
nama: {
required: true,
},
kode: {
required: true,
},
email: {
email: true,
}
},
messages: {
nama: 'Nama UML wajib diisi',
kode: 'Kode UML wajib diisi',
email: 'Email harus dalam format yang benar'
}
});
});
</script>
@endpush
+146
View File
@@ -0,0 +1,146 @@
@extends('template.admin.base')
@push('css')
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css') }}" />
@endpush
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="card-title m-0">Daftar UML</h5>
<div id="buttons">
<a href="{{ route('admin.uml.create') }}" class="btn btn-primary">
<i class="icon-base ti tabler-plus me-sm-1"></i> UML Baru
</a>
</div>
</div>
<div class="card-datatable table-responsive pt-0">
@if (session('success'))
<div class="alert alert-dismissible alert-success d-flex align-items-center" role="alert">
<span class="alert-icon rounded me-2">
<i class="icon-base ti tabler-check icon-md w-px-30"></i>
</span>
{{ session('success') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<table class="datatables-basic table" id="table">
<thead>
<tr>
<th>Nama</th>
<th>Kode Daerah</th>
<th>Aksi</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formDelete" action="{{ route('admin.uml.destroy', ':id') }}" method="POST">
@csrf
@method('DELETE')
<div class="modal-header">
<h5 class="modal-title" id="deleteConfirmModalLabel">Konfirmasi Menghapus Data</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Apakah data tersebut benar akan dihapus?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
Batal
</button>
<button type="submit" class="btn btn-danger">Hapus</button>
</div>
</form>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('assets/admin/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>
<script>
$(function () {
$('#table').DataTable({
'responsive': true,
'lengthChange': true,
'autoWidth': false,
'processing': true,
'serverSide': true,
'ajax': function(data, callback, settings) {
var order = '';
if (data.order.length > 0) {
order = data.order[0].dir == 'desc' ? '-' : '';
order = order + data.columns[data.order[0].column].data;
}
$.ajax({
url: "{{ route('admin.uml.list') }}",
data: {
size: data.length,
page: (data.start / data.length) + 1,
search: data.search.value,
sort: order,
_token:'{{ csrf_token() }}'
},
type: "POST",
success: function(res) {
callback({
recordsTotal: res.total,
recordsFiltered: res.total,
data: res.data
});
}
});
},
'columns': [
{ data: 'nama' },
{ data: 'kode' },
{
data: 'id',
orderable: false,
searchable: false,
targets: -1,
render: function (data, type, full, meta) {
var urlEdit = '{{ route("admin.uml.edit", ":id") }}';
urlEdit = urlEdit.replace(':id', data);
var renderValue =
'<a href="' + urlEdit + '" class="btn btn-sm btn-icon">' +
' <i class="text-primary icon-base ti tabler-pencil"></i>' +
'</a>' +
'<button type="button" class="btn btn-sm btn-icon delete" data-id="' + data + '">' +
' <i class="text-danger icon-base ti tabler-trash"></i>' +
'</button>';
return renderValue;
}
}
],
});
$('#table tbody').on( 'click', 'button.delete', function (e) {
e.preventDefault();
var form = $('#formDelete');
var action = form.attr('action');
action = action.replace(':id', $(this).data('id'));
form.attr('action', action);
$('#deleteConfirmModal').modal('show');
});
});
</script>
@endpush
@@ -0,0 +1,140 @@
@extends('template.admin.auth')
@push('css')
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/@form-validation/form-validation.css') }}" />
@endpush
@section('content')
<!-- Login -->
<div class="authentication-inner py-6">
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="{{ route('website.home') }}" class="app-brand-link">
<span class="app-brand-logo demo">
<span class="text-primary">
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
fill="currentColor" />
<path
opacity="0.06"
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
fill="#161616" />
<path
opacity="0.06"
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
fill="#161616" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
fill="currentColor" />
</svg>
</span>
</span>
<span class="app-brand-text demo text-heading fw-bold">Vuexy</span>
</a>
</div>
<!-- /Logo -->
<h4 class="mb-1">Login Pelanggan</h4>
<p class="mb-6">Silakan login dengan kredensial Anda:</p>
<form id="formLogin" class="mb-4" method="POST" action="{{ route('cust.auth.authenticate') }}">
@csrf
@if (session('error'))
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
<p>{{ session('error') }}</p>
</div>
@endif
<div class="mb-6 form-control-validation">
<label for="email" class="form-label">Email/Username</label>
<input
type="text"
class="form-control"
id="username"
name="username"
autofocus />
</div>
<div class="mb-6 form-password-toggle form-control-validation">
<label class="form-label" for="password">Password</label>
<div class="input-group input-group-merge">
<input
type="password"
id="password"
class="form-control"
name="password"
aria-describedby="password" />
<span class="input-group-text cursor-pointer"><i class="icon-base ti tabler-eye-off"></i></span>
</div>
</div>
<div class="my-8">
<div class="d-flex justify-content-between">
<div class="form-check mb-0 ms-2">
<input class="form-check-input" type="checkbox" id="remember-me" name="remember-me"/>
<label class="form-check-label" for="remember-me"> Ingat Saya </label>
</div>
<a href="auth-forgot-password-basic.html">
<p class="mb-0">Lupa Password?</p>
</a>
</div>
</div>
<div class="mb-6">
<button class="btn btn-primary d-grid w-100" type="submit">Login</button>
</div>
</form>
<p class="text-center">
<span>Belum terdaftar?</span>
<a href="{{ route('cust.auth.register') }}">
<span>Daftar akun baru</span>
</a>
</p>
</div>
</div>
</div>
<!-- /Login -->
@endsection
@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function () {
$('#formLogin').validate({
rules: {
username: {
required: true,
},
password: {
required: true,
},
},
messages: {
username: 'Username wajib diisi',
password: 'Password wajib diisi',
},
errorClass: 'is-invalid',
validClass: 'is-valid',
errorElement: "div",
errorPlacement: function (error, element) {
element.parent().append(error);
},
invalidHandler: function (elem, validator) {
$('html, body').stop(true, false).animate({
scrollTop: $(validator.errorList[0].element).offset().top - 200
}, 1500, 'easeInOutExpo');
}
});
});
</script>
@endpush
@@ -0,0 +1,103 @@
@extends('template.website.auth')
@section('content')
<!-- Section -->
<section class="pt-5 pb-5" data-bg-image="images/pages/1.jpg">
<div class="container-fluid d-flex flex-column">
<div class="row align-items-center min-vh-100">
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
<div class="card shadow-lg">
<div class="card-body py-5 px-sm-5">
<h3>Register Akun</h3>
<p>Daftarkan akun baru menggunakan data berikut. Jika anda sudah memiliki akun, silahkan login terlebih dahulu.</p>
<form id="form1" class="form-validate mt-5">
<div class="h5 mb-4">Rincian Akun</div>
<div class="row">
<div class="form-group col-md-6">
<label for="username">Username</label>
<input type="text" class="form-control" name="username" placeholder="Enter username" required="">
</div>
<div class="form-group col-md-6">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Enter your email" required="">
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="password">Password</label>
<div class="input-group show-hide-password">
<input class="form-control" name="password" placeholder="Enter password" type="text" required="">
<span class="input-group-text"><i class="icon-eye" aria-hidden="true" style="cursor: pointer;"></i></span>
</div>
</div>
<div class="form-group col-md-6">
<label for="password2">Konfirmasi Password</label>
<div class="input-group show-hide-password">
<input class="form-control" name="password2" placeholder="Enter password" type="password" required="">
<span class="input-group-text"><i class="icon-eye-off" aria-hidden="true" style="cursor: pointer;"></i></span>
</div>
</div>
</div>
<div class="h5 mb-4">Profil Akun</div>
<div class="row">
<div class="form-group col-md-6">
<label for="customer_type">Jenis Pelanggan</label>
<select class="form-select" name="customer_type" required="">
<option value="individual">Individu/Pribadi</option>
<option value="company">Perusahaan</option>
</select>
</div>
<div class="form-group col-md-6" id="individual">
<label for="nib">NIB</label>
<input class="form-control" type="text" name="nib">
</div>
</div>
<div class="row" id="company" style="display: none;">
<div class="form-group col-md-6">
<label for="nib">NIB</label>
<input class="form-control" type="text" name="nib">
</div>
<div class="form-group col-md-6">
<label for="npwp">NPWP</label>
<input class="form-control" type="text" name="npwp">
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="name">Nama Lengkap</label>
<input type="text" class="form-control" name="name" placeholder="Enter your Name" required="">
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="address">Alamat Lengkap</label>
<input type="text" class="form-control" name="address" placeholder="Enter your Street Address" required="">
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="telephone">Telefon/HP</label>
<input class="form-control" type="tel" name="telephone" placeholder="Enter your Telephone number" required="">
</div>
</div>
<div class="form-check">
<input type="checkbox" name="terms_conditions" id="terms_conditions" class="form-check-input" value="1" required="">
<label class="form-check-label" for="terms_conditions">Dengan mencentang opsi ini, Saya setuju untuk menerima <a href="#">Syarat dan Ketentuan</a>.</label>
</div>
<button type="submit" class="btn m-t-30 mt-3">Daftar</button>
</form>
<div class="mt-4"><small>Sudah memiliki akun?</small> <a href="{{ route('cust.auth.login') }}" class="small fw-bold">Login</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end: Section -->
@endsection
@@ -0,0 +1,133 @@
@extends('template.admin.auth')
@section('content')
<!-- Register Card -->
<div class="authentication-register-inner py-4">
<div class="card">
<div class="card-body">
<!-- Logo -->
<div class="app-brand justify-content-center mb-6">
<a href="index.html" class="app-brand-link">
<span class="app-brand-logo demo">
<span class="text-primary">
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
fill="currentColor" />
<path
opacity="0.06"
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
fill="#161616" />
<path
opacity="0.06"
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
fill="#161616" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
fill="currentColor" />
</svg>
</span>
</span>
<span class="app-brand-text demo text-heading fw-bold">Vuexy</span>
</a>
</div>
<!-- /Logo -->
<h4 class="mb-1">Registrasi Akun Pelanggan</h4>
<p class="mb-6">Lakukan pendaftaran akun pelanggan dengan data dan kredensial Anda.</p>
<form id="formRegister" class="mb-6" action="{{ route('cust.auth.store') }}" method="GET">
<div class="row mb-3">
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="nama" class="form-label">Nama Kabupaten/Kota</label>
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="kode" class="form-label">Kode Kabupaten/Kota</label>
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode') }}" />
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<label for="provinsi_id" class="form-label">Provinsi</label>
<select class="select2 form-select" data-allow-clear="true" id="provinsi_id" name="provinsi_id">
</select>
</div>
</div>
<div class="mb-6 form-control">
<label for="username" class="form-label">Username</label>
<input
type="text"
class="form-control"
id="username"
name="username"
placeholder="Enter your username"
autofocus />
</div>
<div class="mb-6 form-control-validation">
<label for="email" class="form-label">Email</label>
<input type="text" class="form-control" id="email" name="email" placeholder="Enter your email" />
</div>
<div class="mb-6 form-password-toggle form-control-validation">
<label class="form-label" for="password">Password</label>
<div class="input-group input-group-merge">
<input
type="password"
id="password"
class="form-control"
name="password"
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
aria-describedby="password" />
<span class="input-group-text cursor-pointer"><i class="icon-base ti tabler-eye-off"></i></span>
</div>
</div>
<div class="my-8 form-control-validation">
<div class="form-check mb-0 ms-2">
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" />
<label class="form-check-label" for="terms-conditions">
I agree to
<a href="javascript:void(0);">privacy policy & terms</a>
</label>
</div>
</div>
<button class="btn btn-primary d-grid w-100">Sign up</button>
</form>
<p class="text-center">
<span>Already have an account?</span>
<a href="auth-login-basic.html">
<span>Sign in instead</span>
</a>
</p>
<div class="divider my-6">
<div class="divider-text">or</div>
</div>
<div class="d-flex justify-content-center">
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-facebook me-1_5">
<i class="icon-base ti tabler-brand-facebook-filled icon-20px"></i>
</a>
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-twitter me-1_5">
<i class="icon-base ti tabler-brand-twitter-filled icon-20px"></i>
</a>
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-github me-1_5">
<i class="icon-base ti tabler-brand-github-filled icon-20px"></i>
</a>
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-google-plus">
<i class="icon-base ti tabler-brand-google-filled icon-20px"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Register Card -->
@endsection
@@ -0,0 +1,7 @@
@extends('template.admin.base')
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
Test
</div>
@endsection
@@ -0,0 +1,118 @@
<!doctype html>
<html
lang="en"
class="layout-wide customizer-hide"
dir="ltr"
data-skin="default"
data-assets-path="../../assets/"
data-template="vertical-menu-template"
data-bs-theme="light">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<title>TeraTera</title>
<meta name="description" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../assets/img/favicon/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&ampdisplay=swap"
rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/fonts/iconify-icons.css') }}" />
<!-- Core CSS -->
<!-- build:css assets/vendor/css/theme.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/node-waves/0.7.6/waves.min.css"
integrity="sha512-bsNktdxsLu4ooy7axuzyyFz87SWrDBaCmZsk2Dvin1/2noq49vt1jfNWUAfdybRpFCzRjdWygAOEopdbo8cGpA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/css/core.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/admin/css/demo.css') }}" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.6/css/perfect-scrollbar.min.css"
integrity="sha512-ygIxOy3hmN2fzGeNqys7ymuBgwSCet0LVfqQbWY10AszPMn2rB9JY0eoG0m1pySicu+nvORrBmhHVSt7+GI9VA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- endbuild -->
<!-- Vendor -->
<!-- Page CSS -->
<!-- Page -->
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/css/pages/page-auth.css') }}" />
@stack('css')
<!-- Helpers -->
<script src="{{ asset('assets/admin/vendor/js/helpers.js') }}" ></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<script src="{{ asset('assets/admin/js/config.js') }}" ></script>
</head>
<body>
<!-- Content -->
<div class="container-xxl">
<div class="authentication-wrapper authentication-basic container-p-y">
@yield('content')
</div>
</div>
<!-- / Content -->
<!-- Core JS -->
<!-- build:js assets/vendor/js/theme.js -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/esm/popper.min.js"
integrity="sha512-aSCUnIf5arudGto225/QqbEgN6cN22eXky/XUnXgkxsuLfdxzr/zirkr25psrCK24Q8UItMSwAhxTQpTHO24hQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/js/bootstrap.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/node-waves/0.7.6/waves.min.js"
integrity="sha512-MzXgHd+o6pUd/tm8ZgPkxya3QUCiHVMQolnY3IZqhsrOWQaBfax600esAw3XbBucYB15hZLOF0sKMHsTPdjLFg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js@1.19.2/dist/umd/index.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.6/perfect-scrollbar.min.js"
integrity="sha512-gcLXgodlQJWRXhAyvb5ULNlBAcvjuufaOBRggyLCtCqez+9jW7MxP3Is/9serId1YmNZ0Lx1ewh9z2xBwwZeKg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"
integrity="sha512-UXumZrZNiOwnTcZSHLOfcTs0aos2MzBWHXOHOuB0J/R44QB0dwY5JgfbvljXcklVf65Gc4El6RjZ+lnwd2az2g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/js/menu.js') }}"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<!-- Main JS -->
<script src="{{ asset('assets/admin/js/main.js') }}"></script>
<!-- Page JS -->
@stack('js')
</body>
</html>
@@ -0,0 +1,137 @@
<!doctype html>
<html
lang="en"
class="layout-wide"
dir="ltr"
data-skin="default"
data-assets-path="../../assets/"
data-template="horizontal-menu-template"
data-bs-theme="light">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<title>TeraTera</title>
<meta name="description" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../../assets/img/favicon/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&ampdisplay=swap"
rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/fonts/iconify-icons.css') }}" />
<!-- Core CSS -->
<!-- build:css assets/vendor/css/theme.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/node-waves/0.7.6/waves.min.css"
integrity="sha512-bsNktdxsLu4ooy7axuzyyFz87SWrDBaCmZsk2Dvin1/2noq49vt1jfNWUAfdybRpFCzRjdWygAOEopdbo8cGpA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/css/core.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/admin/css/demo.css') }}" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.6/css/perfect-scrollbar.min.css"
integrity="sha512-ygIxOy3hmN2fzGeNqys7ymuBgwSCet0LVfqQbWY10AszPMn2rB9JY0eoG0m1pySicu+nvORrBmhHVSt7+GI9VA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- endbuild -->
<!-- Page CSS -->
@stack('css')
<!-- Helpers -->
<script src="{{ asset('assets/admin/vendor/js/helpers.js') }}" ></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<script src="{{ asset('assets/admin/js/config.js') }}" ></script>
</head>
<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar">
<div class="layout-container">
@include('template.admin.sidebar')
<!-- Layout container -->
<div class="layout-page">
@include('template.admin.navbar')
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
@yield('content')
<!-- / Content -->
@include('template.admin.footer')
<div class="content-backdrop fade"></div>
</div>
<!-- Content wrapper -->
</div>
<!-- / Layout page -->
</div>
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
<!-- Drag Target Area To SlideIn Menu On Small Screens -->
<div class="drag-target"></div>
</div>
<!-- / Layout wrapper -->
<!-- Core JS -->
<!-- build:js assets/vendor/js/theme.js -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/esm/popper.min.js"
integrity="sha512-aSCUnIf5arudGto225/QqbEgN6cN22eXky/XUnXgkxsuLfdxzr/zirkr25psrCK24Q8UItMSwAhxTQpTHO24hQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/js/bootstrap.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/node-waves/0.7.6/waves.min.js"
integrity="sha512-MzXgHd+o6pUd/tm8ZgPkxya3QUCiHVMQolnY3IZqhsrOWQaBfax600esAw3XbBucYB15hZLOF0sKMHsTPdjLFg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js@1.19.2/dist/umd/index.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.6/perfect-scrollbar.min.js"
integrity="sha512-gcLXgodlQJWRXhAyvb5ULNlBAcvjuufaOBRggyLCtCqez+9jW7MxP3Is/9serId1YmNZ0Lx1ewh9z2xBwwZeKg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"
integrity="sha512-UXumZrZNiOwnTcZSHLOfcTs0aos2MzBWHXOHOuB0J/R44QB0dwY5JgfbvljXcklVf65Gc4El6RjZ+lnwd2az2g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="{{ asset('assets/admin/vendor/js/menu.js') }}"></script>
<!-- endbuild -->
<!-- Vendors JS -->
<!-- Main JS -->
<script src="{{ asset('assets/admin/js/main.js') }}"></script>
<!-- Page JS -->
@stack('js')
</body>
</html>
@@ -0,0 +1,35 @@
<!-- Footer -->
<footer class="content-footer footer bg-footer-theme">
<div class="container-xxl">
<div
class="footer-container d-flex align-items-center justify-content-between py-4 flex-md-row flex-column">
<div class="text-body">
©
<script>
document.write(new Date().getFullYear());
</script>
, made with ❤️ by <a href="https://pixinvent.com" target="_blank" class="footer-link">Pixinvent</a>
</div>
<div class="d-none d-lg-inline-block">
<a href="https://themeforest.net/licenses/standard" class="footer-link me-4" target="_blank"
>License</a
>
<a href="https://themeforest.net/user/pixinvent/portfolio" target="_blank" class="footer-link me-4"
>More Themes</a
>
<a
href="https://demos.pixinvent.com/vuexy-html-admin-template/documentation/"
target="_blank"
class="footer-link me-4"
>Documentation</a
>
<a href="https://pixinvent.ticksy.com/" target="_blank" class="footer-link d-none d-sm-inline-block"
>Support</a
>
</div>
</div>
</div>
</footer>
<!-- / Footer -->
@@ -0,0 +1,534 @@
<!-- Navbar -->
<nav
class="layout-navbar container-xxl navbar-detached navbar navbar-expand-xl align-items-center bg-navbar-theme"
id="layout-navbar">
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
<a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
<i class="icon-base ti tabler-menu-2 icon-md"></i>
</a>
</div>
<div class="navbar-nav-right d-flex align-items-center justify-content-end" id="navbar-collapse">
<!-- Search -->
<div class="navbar-nav align-items-center">
<div class="nav-item navbar-search-wrapper px-md-0 px-2 mb-0">
<a class="nav-item nav-link search-toggler d-flex align-items-center px-0" href="javascript:void(0);">
<span class="d-inline-block text-body-secondary fw-normal" id="autocomplete"></span>
</a>
</div>
</div>
<!-- /Search -->
<ul class="navbar-nav flex-row align-items-center ms-md-auto">
<li class="nav-item dropdown-language dropdown">
<a
class="nav-link dropdown-toggle hide-arrow btn btn-icon btn-text-secondary rounded-pill"
href="javascript:void(0);"
data-bs-toggle="dropdown">
<i class="icon-base ti tabler-language icon-22px text-heading"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="en" data-text-direction="ltr">
<span>English</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="fr" data-text-direction="ltr">
<span>French</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="ar" data-text-direction="rtl">
<span>Arabic</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="de" data-text-direction="ltr">
<span>German</span>
</a>
</li>
</ul>
</li>
<!--/ Language -->
<!-- Style Switcher -->
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle hide-arrow btn btn-icon btn-text-secondary rounded-pill"
id="nav-theme"
href="javascript:void(0);"
data-bs-toggle="dropdown">
<i class="icon-base ti tabler-sun icon-22px theme-icon-active text-heading"></i>
<span class="d-none ms-2" id="nav-theme-text">Toggle theme</span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-theme-text">
<li>
<button
type="button"
class="dropdown-item align-items-center active"
data-bs-theme-value="light"
aria-pressed="false">
<span><i class="icon-base ti tabler-sun icon-22px me-3" data-icon="sun"></i>Light</span>
</button>
</li>
<li>
<button
type="button"
class="dropdown-item align-items-center"
data-bs-theme-value="dark"
aria-pressed="true">
<span
><i class="icon-base ti tabler-moon-stars icon-22px me-3" data-icon="moon-stars"></i
>Dark</span
>
</button>
</li>
<li>
<button
type="button"
class="dropdown-item align-items-center"
data-bs-theme-value="system"
aria-pressed="false">
<span
><i
class="icon-base ti tabler-device-desktop-analytics icon-22px me-3"
data-icon="device-desktop-analytics"></i
>System</span
>
</button>
</li>
</ul>
</li>
<!-- / Style Switcher-->
<!-- Quick links -->
<li class="nav-item dropdown-shortcuts navbar-dropdown dropdown">
<a
class="nav-link dropdown-toggle hide-arrow btn btn-icon btn-text-secondary rounded-pill"
href="javascript:void(0);"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
aria-expanded="false">
<i class="icon-base ti tabler-layout-grid-add icon-22px text-heading"></i>
</a>
<div class="dropdown-menu dropdown-menu-end p-0">
<div class="dropdown-menu-header border-bottom">
<div class="dropdown-header d-flex align-items-center py-3">
<h6 class="mb-0 me-auto">Shortcuts</h6>
<a
href="javascript:void(0)"
class="dropdown-shortcuts-add py-2 btn btn-text-secondary rounded-pill btn-icon"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Add shortcuts"
><i class="icon-base ti tabler-plus icon-20px text-heading"></i
></a>
</div>
</div>
<div class="dropdown-shortcuts-list scrollable-container">
<div class="row row-bordered overflow-visible g-0">
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-calendar icon-26px text-heading"></i>
</span>
<a href="app-calendar.html" class="stretched-link">Calendar</a>
<small>Appointments</small>
</div>
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-file-dollar icon-26px text-heading"></i>
</span>
<a href="app-invoice-list.html" class="stretched-link">Invoice App</a>
<small>Manage Accounts</small>
</div>
</div>
<div class="row row-bordered overflow-visible g-0">
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-user icon-26px text-heading"></i>
</span>
<a href="app-user-list.html" class="stretched-link">User App</a>
<small>Manage Users</small>
</div>
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-users icon-26px text-heading"></i>
</span>
<a href="app-access-roles.html" class="stretched-link">Role Management</a>
<small>Permission</small>
</div>
</div>
<div class="row row-bordered overflow-visible g-0">
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-device-desktop-analytics icon-26px text-heading"></i>
</span>
<a href="index.html" class="stretched-link">Dashboard</a>
<small>User Dashboard</small>
</div>
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-settings icon-26px text-heading"></i>
</span>
<a href="pages-account-settings-account.html" class="stretched-link">Setting</a>
<small>Account Settings</small>
</div>
</div>
<div class="row row-bordered overflow-visible g-0">
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-help-circle icon-26px text-heading"></i>
</span>
<a href="pages-faq.html" class="stretched-link">FAQs</a>
<small>FAQs & Articles</small>
</div>
<div class="dropdown-shortcuts-item col">
<span class="dropdown-shortcuts-icon rounded-circle mb-3">
<i class="icon-base ti tabler-square icon-26px text-heading"></i>
</span>
<a href="modal-examples.html" class="stretched-link">Modals</a>
<small>Useful Popups</small>
</div>
</div>
</div>
</div>
</li>
<!-- Quick links -->
<!-- Notification -->
<li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-2">
<a
class="nav-link dropdown-toggle hide-arrow btn btn-icon btn-text-secondary rounded-pill"
href="javascript:void(0);"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
aria-expanded="false">
<span class="position-relative">
<i class="icon-base ti tabler-bell icon-22px text-heading"></i>
<span class="badge rounded-pill bg-danger badge-dot badge-notifications border"></span>
</span>
</a>
<ul class="dropdown-menu dropdown-menu-end p-0">
<li class="dropdown-menu-header border-bottom">
<div class="dropdown-header d-flex align-items-center py-3">
<h6 class="mb-0 me-auto">Notification</h6>
<div class="d-flex align-items-center h6 mb-0">
<span class="badge bg-label-primary me-2">8 New</span>
<a
href="javascript:void(0)"
class="dropdown-notifications-all p-2 btn btn-icon"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Mark all as read"
><i class="icon-base ti tabler-mail-opened text-heading"></i
></a>
</div>
</div>
</li>
<li class="dropdown-notifications-list scrollable-container">
<ul class="list-group list-group-flush">
<li class="list-group-item list-group-item-action dropdown-notifications-item">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<img src="../../assets/img/avatars/1.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="small mb-1">Congratulation Lettie 🎉</h6>
<small class="mb-1 d-block text-body">Won the monthly best seller gold badge</small>
<small class="text-body-secondary">1h ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<span class="avatar-initial rounded-circle bg-label-danger">CF</span>
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">Charles Franklin</h6>
<small class="mb-1 d-block text-body">Accepted your connection</small>
<small class="text-body-secondary">12hr ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<img src="../../assets/img/avatars/2.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">New Message ✉️</h6>
<small class="mb-1 d-block text-body">You have new message from Natalie</small>
<small class="text-body-secondary">1h ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<span class="avatar-initial rounded-circle bg-label-success"
><i class="icon-base ti tabler-shopping-cart"></i
></span>
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">Whoo! You have new order 🛒</h6>
<small class="mb-1 d-block text-body">ACME Inc. made new order $1,154</small>
<small class="text-body-secondary">1 day ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<img src="../../assets/img/avatars/9.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">Application has been approved 🚀</h6>
<small class="mb-1 d-block text-body"
>Your ABC project application has been approved.</small
>
<small class="text-body-secondary">2 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<span class="avatar-initial rounded-circle bg-label-success"
><i class="icon-base ti tabler-chart-pie"></i
></span>
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">Monthly report is generated</h6>
<small class="mb-1 d-block text-body">July monthly financial report is generated </small>
<small class="text-body-secondary">3 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<img src="../../assets/img/avatars/5.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">Send connection request</h6>
<small class="mb-1 d-block text-body">Peter sent you connection request</small>
<small class="text-body-secondary">4 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<img src="../../assets/img/avatars/6.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">New message from Jane</h6>
<small class="mb-1 d-block text-body">Your have new message from Jane</small>
<small class="text-body-secondary">5 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<span class="avatar-initial rounded-circle bg-label-warning"
><i class="icon-base ti tabler-alert-triangle"></i
></span>
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1 small">CPU is running high</h6>
<small class="mb-1 d-block text-body"
>CPU Utilization Percent is currently at 88.63%,</small
>
<small class="text-body-secondary">5 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"
><span class="badge badge-dot"></span
></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"
><span class="icon-base ti tabler-x"></span
></a>
</div>
</div>
</li>
</ul>
</li>
<li class="border-top">
<div class="d-grid p-4">
<a class="btn btn-primary btn-sm d-flex" href="javascript:void(0);">
<small class="align-middle">View all notifications</small>
</a>
</div>
</li>
</ul>
</li>
<!--/ Notification -->
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a
class="nav-link dropdown-toggle hide-arrow p-0"
href="javascript:void(0);"
data-bs-toggle="dropdown">
<div class="avatar avatar-online">
<img src="../../assets/img/avatars/1.png" alt class="rounded-circle" />
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item mt-0" href="pages-account-settings-account.html">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-2">
<div class="avatar avatar-online">
<img src="../../assets/img/avatars/1.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-0">John Doe</h6>
<small class="text-body-secondary">Admin</small>
</div>
</div>
</a>
</li>
<li>
<div class="dropdown-divider my-1 mx-n2"></div>
</li>
<li>
<a class="dropdown-item" href="pages-profile-user.html">
<i class="icon-base ti tabler-user me-3 icon-md"></i
><span class="align-middle">My Profile</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-account-settings-account.html">
<i class="icon-base ti tabler-settings me-3 icon-md"></i
><span class="align-middle">Settings</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-account-settings-billing.html">
<span class="d-flex align-items-center align-middle">
<i class="flex-shrink-0 icon-base ti tabler-file-dollar me-3 icon-md"></i
><span class="flex-grow-1 align-middle">Billing</span>
<span class="flex-shrink-0 badge bg-danger d-flex align-items-center justify-content-center"
>4</span
>
</span>
</a>
</li>
<li>
<div class="dropdown-divider my-1 mx-n2"></div>
</li>
<li>
<a class="dropdown-item" href="pages-pricing.html">
<i class="icon-base ti tabler-currency-dollar me-3 icon-md"></i
><span class="align-middle">Pricing</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-faq.html">
<i class="icon-base ti tabler-question-mark me-3 icon-md"></i
><span class="align-middle">FAQ</span>
</a>
</li>
<li>
<div class="d-grid px-2 pt-2 pb-1">
<a class="btn btn-sm btn-danger d-flex" href="auth-login-cover.html" target="_blank">
<small class="align-middle">Logout</small>
<i class="icon-base ti tabler-logout ms-2 icon-14px"></i>
</a>
</div>
</li>
</ul>
</li>
<!--/ User -->
</ul>
</div>
</nav>
<!-- / Navbar -->
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo, html template">
<link rel="icon" type="image/png" href="images/favicon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Document title -->
<title>teratera</title>
<!-- Stylesheets & Fonts -->
<link href="{{ asset('assets/website/css/plugins.css') }}" rel="stylesheet">
<link href="{{ asset('assets/website/css/style.css') }}" rel="stylesheet">
</head>
<body>
<!-- Body Inner -->
<div class="body-inner">
@yield('content')
</div>
<!-- end: Body Inner -->
<!-- Scroll top -->
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<!--Plugins-->
<script src="{{ asset('assets/website/js/jquery.js') }}"></script>
<script src="{{ asset('assets/website/js/plugins.js') }}"></script>
<!--Template functions-->
<script src="{{ asset('assets/website/js/functions.js') }}"></script>
@stack('js')
</body>
</html>
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo, html template">
<link rel="icon" type="image/png" href="images/favicon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Document title -->
<title>teratera</title>
<!-- Stylesheets & Fonts -->
<link href="{{ asset('assets/website/css/plugins.css') }}" rel="stylesheet">
<link href="{{ asset('assets/website/css/style.css') }}" rel="stylesheet">
</head>
<body>
<!-- Body Inner -->
<div class="body-inner">
<!--HEADER-->
@include('template.website.header')
<!--END: HEADER-->
@yield('content')
<!-- Footer -->
@include('template.website.footer')
<!-- end: Footer -->
</div>
<!-- end: Body Inner -->
<!-- Scroll top -->
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<!--Plugins-->
<script src="{{ asset('assets/website/js/jquery.js') }}"></script>
<script src="{{ asset('assets/website/js/plugins.js') }}"></script>
<!--Template functions-->
<script src="{{ asset('assets/website/js/functions.js') }}"></script>
</body>
</html>
@@ -0,0 +1,73 @@
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="widget">
<div class="widget-title">Polo HTML5 Template</div>
<p class="mb-5">Built with love in Fort Worth, Texas, USA<br> All rights reserved. Copyright © 2021. INSPIRO.</p>
<a href="https://themeforest.net/item/polo-responsive-multipurpose-html5-template/13708923" class="btn btn-inverted" target="_blank">Purchase Now</a>
</div>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-lg-3">
<div class="widget">
<div class="widget-title">Discover</div>
<ul class="list">
<li><a href="#">Features</a></li>
<li><a href="#">Layouts</a></li>
<li><a href="#">Corporate</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Customers</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="widget">
<div class="widget-title">Features</div>
<ul class="list">
<li><a href="#">Layouts</a></li>
<li><a href="#">Headers</a></li>
<li><a href="#">Widgets</a></li>
<li><a href="#">Footers</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="widget">
<div class="widget-title">Pages</div>
<ul class="list">
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Shop</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="widget">
<div class="widget-title">Support</div>
<ul class="list">
<li><a href="#">Help Desk</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="copyright-text text-center">&copy; 2021 POLO - Responsive Multi-Purpose HTML5 Template. All Rights Reserved.<a href="https://www.inspiro-media.com" target="_blank" rel="noopener"> INSPIRO</a> </div>
</div>
</div>
</footer>
@@ -0,0 +1,172 @@
<header id="header" data-transparent="true" data-fullwidth="true">
<div class="header-inner">
<div class="container">
<!--Logo-->
<div id="logo"> <a href="index.html"><span class="logo-default">POLO</span><span class="logo-dark">POLO</span></a> </div>
<!--End: Logo-->
<!--Navigation Resposnive Trigger-->
<div id="mainMenu-trigger"> <a class="lines-button x"><span class="lines"></span></a> </div>
<!--end: Navigation Resposnive Trigger-->
<!--Navigation-->
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="dropdown"><a href="#">Layout</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"><a href="#">Topbar</a>
<ul class="dropdown-menu">
<li><a href="header-topbar.html">Light</a></li>
<li><a href="header-topbar-dark.html">Dark</a></li>
<li><a href="header-topbar-transparent.html">Transparent</a></li>
<li><a href="header-topbar-colored.html">Colored</a></li>
<li><a href="header-topbar-fullwidth.html">Fullwidth</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Header</a>
<ul class="dropdown-menu">
<li><a href="header.html">Light</a></li>
<li><a href="header-dark.html">Dark</a></li>
<li><a href="header-transparent.html">Transparent</a></li>
<li><a href="header-fullwidth.html">Fullwidth</a></li>
<li class="dropdown-submenu"><a href="#">Modern</a>
<ul class="dropdown-menu">
<li><a href="header-modern.html">Light</a></li>
<li><a href="header-modern-dark.html">Dark</a></li>
<li><a href="header-modern-transparent.html">Transparent</a></li>
</ul>
</li>
<li><a href="header-mini.html">Mini</a></li>
<li><a href="header-alternative.html">Alternative</a></li>
<li><a href="header-always-fixed.html">Always Fixed</a></li>
<li><a href="header-disable-fixed.html">Disable Fixed</a></li>
<li><a href="header-responsive-fixed.html">Responsive Fixed</a></li>
<li class="dropdown-submenu"><a href="#">Logo</a>
<ul class="dropdown-menu">
<li><a href="header-logo.html">Left</a></li>
<li><a href="header-logo-right.html">Right</a></li>
<li><a href="header-logo-center.html">Center</a></li>
<li><a href="header-logo-fixed-header.html">Header Fixed Logo</a></li>
<li><a href="header-logo-responsive.html">Header Responsive Logo</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Menu Positions</a>
<ul class="dropdown-menu">
<li><a href="header-menu-left.html">Left</a></li>
<li><a href="header-menu-right.html">Right</a></li>
<li><a href="header-menu-center.html">Center</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Main Menu<span class="badge bg-danger">NEW</span></a>
<ul class="dropdown-menu">
<li><a href="menu.html">Default</a></li>
<li><a href="menu-lowercase.html">Lowercase</a></li>
<li><a href="menu-split.html">Split Menu</a></li>
<li><a href="menu-sub-title.html">Sub Title Menu</a></li>
<li><a href="menu-overlay.html">Overlay Menu</a></li>
<li><a href="menu-creative.html">Creative Menu</a></li>
<li><a href="menu-lines.html">Lines Menu</a></li>
<li class="dropdown-submenu"><a href="#">Outline</a>
<ul class="dropdown-menu">
<li><a href="menu-outline.html">Default</a></li>
<li><a href="menu-outline-dark.html">Dark</a></li>
<li><a href="menu-outline-light.html">Light</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Rounded</a>
<ul class="dropdown-menu">
<li><a href="menu-rounded.html">Default</a></li>
<li><a href="menu-rounded-dark.html">Dark</a></li>
<li><a href="menu-rounded-light.html">Light</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Positions</a>
<ul class="dropdown-menu">
<li><a href="menu-left.html">Left Aligned</a></li>
<li><a href="menu-center.html">Center Aligned</a></li>
<li><a href="menu-right.html">Right Aligned</a></li>
</ul>
</li>
<li><a href="menu-dots.html">Dots Menu</a></li>
<li><a href="menu-one-page.html">One Page Menu</a></li>
<li><a href="menu-hover-background.html">Hover Background</a></li>
<li><a href="menu-button.html">Button Version</a></li>
<li><a href="menu-social-icons.html">Social Icons Version</a></li>
<li><a href="menu-onclick.html">OnClick Open</a></li>
<li><a href="menu-rounded-dropdown.html">Rounded Dropdown</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Page Title</a>
<ul class="dropdown-menu">
<li><a href="page-title.html">Default</a></li>
<li><a href="page-title-image.html">Image background</a></li>
<li><a href="page-title-video.html">Video background</a></li>
<li><a href="page-title-particle.html">Particle animation</a></li>
<li><a href="page-title-pattern.html">Pattern background</a></li>
<li><a href="page-title-background-color.html">Colored background</a></li>
<li><a href="page-title-parallax.html">Parallax</a></li>
<li><a href="page-title-animated.html">Animated</a></li>
<li><a href="page-title-right.html">Right Aligned</a></li>
<li><a href="page-title-left.html">Left Aligned</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Page Menu<span class="badge bg-danger">NEW</span></a>
<ul class="dropdown-menu">
<li><a href="page-menu.html">Default</a></li>
<li><a href="page-menu-sticky.html">Sticky</a></li>
<li><a href="page-menu-rounded.html">Rounded</a></li>
<li><a href="page-menu-outline.html">Outline</a></li>
<li><a href="page-menu-lines.html">Lines</a></li>
<li><a href="page-menu-solid.html">Solid</a></li>
<li><a href="page-menu-light.html">Light</a></li>
<li><a href="page-menu-dark.html">Dark</a></li>
<li><a href="page-menu-creative.html">Creative</a></li>
<li><a href="page-menu.html">Dropdown</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Sidebars</a>
<ul class="dropdown-menu">
<li><a href="sidebar-sticky.html">Sticky version</a></li>
<li><a href="sidebar.html">Left aligned</a></li>
<li><a href="sidebar-right.html">Right aligned</a></li>
<li><a href="sidebar-both.html">Both Sidebars</a></li>
<li><a href="sidebar-modern.html">Modern</a></li>
<li><a href="sidebar-modern-right.html">Modern Right</a></li>
<li><a href="sidebar-modern-both.html">Modern Both Sidebars</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Footers</a>
<ul class="dropdown-menu">
<li><a href="footer.html#footer">Default</a></li>
<li><a href="footer-dark.html#footer">Dark</a></li>
<li><a href="footer-1.html#footer">Footer 1</a></li>
<li><a href="footer-2.html#footer">Footer 2</a></li>
<li><a href="footer-3.html#footer">Footer 3</a></li>
<li><a href="footer-4.html#footer">Footer 4</a></li>
<li><a href="footer-5.html#footer">Footer 5</a></li>
<li><a href="footer-6.html#footer">Footer 6</a></li>
</ul>
</li>
<li class="dropdown-submenu"><a href="#">Options</a>
<ul class="dropdown-menu">
<li><a href="layout-boxed.html">Boxed</a></li>
<li><a href="layout-modern.html">Modern</a></li>
<li><a href="layout-frame.html">Frame</a></li>
<li><a href="layout-wide.html">Wide (default)</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="{{ route('website.login') }}">Login</a></li>
</ul>
</nav>
</div>
</div>
<!--end: Navigation-->
</div>
</div>
</header>
@@ -0,0 +1,464 @@
@extends('template.website.base')
@section('content')
<!-- SECTION IMAGE FULLSCREEN -->
<section id="section-home" class="fullscreen background-image" style="background-color:#f4f4f4">
<div class="container">
<div class="container-fullscreen text-center">
<div class="text-middle">
<h1 data-animate="fadeInUp" data-animate-delay="700" class="text-lg m-b-0">Welcome to the<br />World of POLO</h1>
<p data-animate="fadeInUp" data-animate-delay="1200"><b>Purchase Polo Template Only for 17$</b></p>
<p data-animate="fadeInUp" data-animate-delay="1200">Life is better when you have everything around you! Polo is made for you!</p>
<div data-animate="fadeInUp" data-animate-delay="1100">
<a class="btn btn-dark" href="#"><span>Get in Touch</span></a>
</div>
</div>
</div>
</div>
</section>
<!-- end: SECTION IMAGE FULLSCREEN -->
<!-- ABOUT ME -->
<section id="section-about" class="p-b-40">
<div class="container">
<h3s>ABOUT US</h3>
<div class="row">
<div class="col-lg-6" data-animate="fadeInUp" data-animate-delay="300">
<p>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.
<br>
<br>Facilisis ut venenatis eu, sodales vel dolor. The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius.</p>
</div>
<div class="col-lg-6" data-animate="fadeInUp" data-animate-delay="600">
<p>Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
<br>
<br>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volut.</p>
</div>
</div>
</div>
</section>
<!-- end: ABOUT ME -->
<div class="seperator"></div>
<!-- PORTFOLIO -->
<section id="section-portfolio">
<div class="container">
<div data-animate="fadeIn">
<!-- Portfolio -->
<div id="portfolio" class="grid-layout portfolio-3-columns" data-margin="10">
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/1.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/1.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/2.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/2.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/3.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/3.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/4.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/4.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/5.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/5.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/6.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/6.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/7.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/7.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/8.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/8.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/9.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/9.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/10.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/10.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/11.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/11.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item img-zoom">
<div class="portfolio-item-wrap">
<div class="portfolio-image">
<a href="#"><img src="homepages/minimal/images/portfolio/12.jpg" alt=""></a>
</div>
<div class="portfolio-description">
<a title="Paper Pouch!" data-lightbox="image" href="homepages/minimal/images/portfolio/12.jpg"><i class="fa fa-expand"></i></a>
<a href="portfolio-page-grid-gallery.html"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<!-- end: portfolio item -->
</div>
<!-- end: Portfolio -->
</div>
</div>
</section>
<!-- end: PORTFOLIO -->
<div class="seperator"></div>
<!-- SERVICES -->
<section id="section-services">
<div class="container">
<h3 class="text-center">SERVICES</h3>
<div class="seperator seperator-small"></div>
<hr class="space">
<div class="row">
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="0">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-plug"></i></a>
</div>
<h3>Powerful template</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="200">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-desktop"></i></a>
</div>
<h3>Flexible Layouts</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="400">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-cloud"></i></a>
</div>
<h3>Retina Ready</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="600">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="far fa-lightbulb"></i></a>
</div>
<h3>Fast processing</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="800">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-trophy"></i></a>
</div>
<h3>Unlimited Colors</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1000">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-thumbs-up"></i></a>
</div>
<h3>Premium Sliders</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1200">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-rocket"></i></a>
</div>
<h3>Modern Design</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1400">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-flask"></i></a>
</div>
<h3>Clean Modern Code</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInUp" data-animate-delay="1600">
<div class="icon-box clean small center">
<div class="icon">
<a href="#"><i class="fa fa-umbrella"></i></a>
</div>
<h3>Free Updates & Support</h3>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor cursumus.</p>
</div>
</div>
</div>
</div>
</section>
<!-- end: SERVICES -->
<!-- PARALLAX -->
<section class="p-t-150 p-b-150" data-bg-parallax="homepages/minimal/images/parallax/1.jpg">
<div class="container">
<p class="lead text-center">
The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A true story, that never been told!. Fusce id mi
diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.
</p>
</div>
</section>
<!-- PARALLAX -->
<!-- BLOG -->
<section id="section-blog">
<div class="container">
<h3 class="text-center">BLOG</h3>
<div class="seperator seperator-small"></div>
<hr class="space">
<div id="blog" class="grid-layout post-3-columns m-b-30" data-item="post-item">
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<a href="#">
<img alt="" src="images/blog/12.jpg">
</a>
<span class="post-meta-category"><a href="">Lifestyle</a></span>
</div>
<div class="post-item-description">
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
<h2><a href="#">Standard post with a single image
</a></h2>
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
</div>
</div>
</div>
<!-- end: Post item-->
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<a href="#">
<img alt="" src="images/blog/17.jpg">
</a>
<span class="post-meta-category"><a href="">Science</a></span>
</div>
<div class="post-item-description">
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
<h2><a href="#">Standard post with a single image
</a></h2>
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
</div>
</div>
</div>
<!-- end: Post item-->
<!-- Post item-->
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image">
<a href="#">
<img alt="" src="images/blog/18.jpg">
</a>
<span class="post-meta-category"><a href="">Science</a></span>
</div>
<div class="post-item-description">
<span class="post-meta-date"><i class="fa fa-calendar-o"></i>Jan 21, 2017</span>
<span class="post-meta-comments"><a href=""><i class="fa fa-comments-o"></i>33 Comments</a></span>
<h2><a href="#">Standard post with a single image
</a></h2>
<p>Curabitur pulvinar euismod ante, ac sagittis ante posuere ac. Vivamus luctus commodo dolor porta feugiat. Fusce at velit id ligula pharetra laoreet.</p>
<a href="#" class="item-link">Read More <i class="fa fa-arrow-right"></i></a>
</div>
</div>
</div>
<!-- end: Post item-->
</div>
</div>
</section>
<!-- end: BLOG -->
<div class="seperator"></div>
<!-- CLIENTS -->
<section class="p-b-100">
<div class="container">
<div class="carousel client-logos" data-items="7" data-margin="60">
<div>
<a href="#"><img alt="" src="images/clients/1.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/2.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/3.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/4.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/5.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/6.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/7.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/8.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/9.png"> </a>
</div>
<div>
<a href="#"><img alt="" src="images/clients/10.png"> </a>
</div>
</div>
</div>
</section>
<!-- CLIENTS -->
@endsection
File diff suppressed because one or more lines are too long