Maulana_Akbar_Firdausya
/
TIF_NGANJUK_E41211342
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update landingpage

This commit is contained in:
raditya09 2023-10-27 12:51:24 +07:00
parent 9f1f8e3b24
commit df5ef201b2
3 changed files with 191 additions and 697 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

367
resources/views/admin_backend/layouts/template.blade.php
View File

@ -1,224 +1,221 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>{{config('app.name')}}</title>
<meta content="" name="description">
<meta content="" name="keywords">
<title>{{config('app.name')}}</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="{{ asset('admin_backend/assets/img/favicon.png')}}" rel="icon">
<link href="{{ asset('admin_backend/assets/img/apple-touch-icon.png')}}" rel="apple-touch-icon">
<!-- Favicons -->
<link href="{{ asset('admin_backend/assets/img/favicon.png')}}" rel="icon">
<link href="{{ asset('admin_backend/assets/img/apple-touch-icon.png')}}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{ asset('admin_backend/assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/quill/quill.snow.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/quill/quill.bubble.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/remixicon/remixicon.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/simple-datatables/style.css')}}" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{ asset('admin_backend/assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/quill/quill.snow.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/quill/quill.bubble.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/remixicon/remixicon.css')}}" rel="stylesheet">
<link href="{{ asset('admin_backend/assets/vendor/simple-datatables/style.css')}}" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="{{ asset('admin_backend/assets/css/style.css')}}" rel="stylesheet">
<!--
=======================================================
* Template Name: NiceAdmin
* Updated: May 30 2023 with Bootstrap v5.3.0
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<!-- Template Main CSS File -->
<link href="{{ asset('admin_backend/assets/css/style.css')}}" rel="stylesheet">
<!--
<body>
<!-- =======================================================
* Template Name: NiceAdmin
* Updated: May 30 2023 with Bootstrap v5.3.0
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center">
<body>
<div class="d-flex align-items-center justify-content-between">
<a href="#" class="logo d-flex align-items-center">
<img src="{{ asset('admin_backend/assets/img/logo.png')}}" alt="">
<span class="d-none d-lg-block">{{config('app.name')}}</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center">
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<div class="d-flex align-items-center justify-content-between">
<a href="#" class="logo d-flex align-items-center">
<img src="{{ asset('admin_backend/assets/img/logo.png')}}" alt="">
<span class="d-none d-lg-block">{{config('app.name')}}</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->
<li class="nav-item dropdown">
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-bell"></i>
<span class="badge bg-primary badge-number">4</span>
</a><!-- End Notification Icon -->
<li class="nav-item dropdown">
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
<li class="dropdown-header">
You have 4 new notifications
<a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-bell"></i>
<span class="badge bg-primary badge-number">4</span>
</a><!-- End Notification Icon -->
<li class="notification-item">
<i class="bi bi-exclamation-circle text-warning"></i>
<div>
<h4>Lorem Ipsum</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>30 min. ago</p>
</div>
</li>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
<li class="dropdown-header">
You have 4 new notifications
<a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="notification-item">
<i class="bi bi-exclamation-circle text-warning"></i>
<div>
<h4>Lorem Ipsum</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>30 min. ago</p>
</div>
</li>
<li class="notification-item">
<i class="bi bi-x-circle text-danger"></i>
<div>
<h4>Atque rerum nesciunt</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>1 hr. ago</p>
</div>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="notification-item">
<i class="bi bi-x-circle text-danger"></i>
<div>
<h4>Atque rerum nesciunt</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>1 hr. ago</p>
</div>
</li>
<li class="notification-item">
<i class="bi bi-check-circle text-success"></i>
<div>
<h4>Sit rerum fuga</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>2 hrs. ago</p>
</div>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="notification-item">
<i class="bi bi-check-circle text-success"></i>
<div>
<h4>Sit rerum fuga</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>2 hrs. ago</p>
</div>
</li>
<li class="notification-item">
<i class="bi bi-info-circle text-primary"></i>
<div>
<h4>Dicta reprehenderit</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>4 hrs. ago</p>
</div>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-footer">
<a href="#">Show all notifications</a>
</li>
<li class="notification-item">
<i class="bi bi-info-circle text-primary"></i>
<div>
<h4>Dicta reprehenderit</h4>
<p>Quae dolorem earum veritatis oditseno</p>
<p>4 hrs. ago</p>
</div>
</li>
</ul><!-- End Notification Dropdown Items -->
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-footer">
<a href="#">Show all notifications</a>
</li>
</li><!-- End Notification Nav -->
</ul>
</nav><!-- End Icons Navigation -->
</ul><!-- End Notification Dropdown Items -->
</header><!-- End Header -->
</li><!-- End Notification Nav -->
</ul>
</nav><!-- End Icons Navigation -->
@include('admin_backend/layouts.sidebar')
</header><!-- End Header -->
@yield('content')
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="copyright">
&copy; Copyright <strong><span>NiceAdmin</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</footer><!-- End Footer -->
@include('admin_backend/layouts.sidebar')
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
@yield('content')
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="copyright">
&copy; Copyright <strong><span>NiceAdmin</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="{{ asset('js/jquery.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/apexcharts/apexcharts.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/chart.js/chart.umd.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/echarts/echarts.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/quill/quill.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/simple-datatables/simple-datatables.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/tinymce/tinymce.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/php-email-form/validate.js')}}"></script>
<!-- Vendor JS Files -->
<script src="{{ asset('js/jquery.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/apexcharts/apexcharts.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/chart.js/chart.umd.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/echarts/echarts.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/quill/quill.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/simple-datatables/simple-datatables.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/tinymce/tinymce.min.js')}}"></script>
<script src="{{ asset('admin_backend/assets/vendor/php-email-form/validate.js')}}"></script>
<!-- Template Main JS File -->
<script src="{{ asset('admin_backend/assets/js/main.js')}}"></script>
<script src="{{ asset('css/sweealert2.all.min.js')}}"></script>
<!-- Template Main JS File -->
<script src="{{ asset('admin_backend/assets/js/main.js')}}"></script>
<script src="{{ asset('css/sweealert2.all.min.js')}}"></script>
@yield('script')
@yield('script')
@if (session('success'))
<script>
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
@if (session('success'))
<script>
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
});
Toast.fire({
icon: 'success',
title: '{{ session('success') }}'
});
</script>
@endif
Toast.fire({
icon: 'success',
title: '{{ session('success') }}'
});
</script>
@endif
@if (session('error'))
<script>
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
});
@if (session('error'))
<script>
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
Toast.fire({
icon: 'error',
title: '{{ session('error') }}'
});
Toast.fire({
icon: 'error',
title: '{{ session('error') }}'
});
</script>
@endif
</body>
</script>
@endif
</body>
</html>

519
resources/views/frontend/home.blade.php
View File

@ -8,12 +8,12 @@
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h1 data-aos="fade-up">We offer modern solutions for growing your business</h1>
<h2 data-aos="fade-up" data-aos-delay="400">We are team of talented designers making websites with Bootstrap</h2>
<h1 data-aos="fade-up">Hypermedia Learning Environment</h1>
<h2 data-aos="fade-up" data-aos-delay="400">Ciptakan pengalaman pembelajaran yang interaktif dan mendalam</h2>
<div data-aos="fade-up" data-aos-delay="600">
<div class="text-center text-lg-start">
<a href="#about" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center">
<span>Get Started</span>
<span>Mulai</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
@ -59,246 +59,14 @@
</section><!-- End About Section -->
<!-- ======= Values Section ======= -->
<!-- <section id="values" class="values">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Our Values</h2>
<p>Odit est perspiciatis laborum et dicta</p>
</header>
<div class="row">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="box">
<img src="{{ asset('frontend/assets/img/values-1.png')}}" class="img-fluid" alt="">
<h3>Ad cupiditate sed est odio</h3>
<p>Eum ad dolor et. Autem aut fugiat debitis voluptatem consequuntur sit. Et veritatis id.</p>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="400">
<div class="box">
<img src="{{ asset('frontend/assets/img/values-2.png')}}" class="img-fluid" alt="">
<h3>Voluptatem voluptatum alias</h3>
<p>Repudiandae amet nihil natus in distinctio suscipit id. Doloremque ducimus ea sit non.</p>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="600">
<div class="box">
<img src="{{ asset('frontend/assets/img/values-3.png')}}" class="img-fluid" alt="">
<h3>Fugit cupiditate alias nobis.</h3>
<p>Quam rem vitae est autem molestias explicabo debitis sint. Vero aliquid quidem commodi.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- End Values Section -->
<!-- ======= Counts Section ======= -->
<!-- <section id="counts" class="counts">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="bi bi-emoji-smile"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
<p>Happy Clients</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="bi bi-journal-richtext" style="color: #ee6c20;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
<p>Projects</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="bi bi-headset" style="color: #15be56;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span>
<p>Hours Of Support</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="bi bi-people" style="color: #bb0852;"></i>
<div>
<span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
<p>Hard Workers</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- End Counts Section -->
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Features</h2>
<p>Laboriosam et omnis fuga quis dolor direda fara</p>
<h2>Fitur</h2>
<p>Ratione mollitia eos ab laudantium rerum beatae quo</p>
</header>
<div class="row">
<div class="col-lg-6">
<img src="{{ asset('frontend/assets/img/features.png')}}" class="img-fluid" alt="">
</div>
<div class="col-lg-6 mt-5 mt-lg-0 d-flex">
<div class="row align-self-center gy-4">
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="200">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Eos aspernatur rem</h3>
</div>
</div>
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="300">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Facilis neque ipsa</h3>
</div>
</div>
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="400">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Volup amet voluptas</h3>
</div>
</div>
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="500">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Rerum omnis sint</h3>
</div>
</div>
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="600">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Alias possimus</h3>
</div>
</div>
<div class="col-md-6" data-aos="zoom-out" data-aos-delay="700">
<div class="feature-box d-flex align-items-center">
<i class="bi bi-check"></i>
<h3>Repellendus mollitia</h3>
</div>
</div>
</div>
</div>
</div> <!-- / row -->
<!-- Feature Tabs -->
<div class="row feture-tabs" data-aos="fade-up">
<div class="col-lg-6">
<h3>Neque officiis dolore maiores et exercitationem quae est seda lidera pat claero</h3>
<!-- Tabs -->
<ul class="nav nav-pills mb-3">
<li>
<a class="nav-link active" data-bs-toggle="pill" href="#tab1">Saepe fuga</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="pill" href="#tab2">Voluptates</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="pill" href="#tab3">Corrupti</a>
</li>
</ul><!-- End Tabs -->
<!-- Tab Content -->
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1">
<p>Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Repudiandae rerum velit modi et officia quasi facilis</h4>
</div>
<p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Incidunt non veritatis illum ea ut nisi</h4>
</div>
<p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p>
</div><!-- End Tab 1 Content -->
<div class="tab-pane fade show" id="tab2">
<p>Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Repudiandae rerum velit modi et officia quasi facilis</h4>
</div>
<p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Incidunt non veritatis illum ea ut nisi</h4>
</div>
<p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p>
</div><!-- End Tab 2 Content -->
<div class="tab-pane fade show" id="tab3">
<p>Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Repudiandae rerum velit modi et officia quasi facilis</h4>
</div>
<p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-check2"></i>
<h4>Incidunt non veritatis illum ea ut nisi</h4>
</div>
<p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p>
</div><!-- End Tab 3 Content -->
</div>
</div>
<div class="col-lg-6">
<img src="{{ asset('frontend/assets/img/features-2.png')}}" class="img-fluid" alt="">
</div>
</div><!-- End Feature Tabs -->
<!-- Feature Icons -->
<div class="row feature-icons" data-aos="fade-up">
<h3>Ratione mollitia eos ab laudantium rerum beatae quo</h3>
<div class="row">
<div class="row feature-icons" data-aos="fade-up" data-aos-delay="100" >
<div class="col-xl-4 text-center" data-aos="fade-right" data-aos-delay="100">
<img src="{{ asset('frontend/assets/img/features-3.png')}}" class="img-fluid p-4" alt="">
</div>
@ -357,284 +125,13 @@
</div>
</div>
</div>
</div><!-- End Feature Icons -->
</div><!-- End Feature Icons -->
</div>
</section><!-- End Features Section -->
<!-- ======= Services Section ======= -->
<!-- <section id="services" class="services">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Services</h2>
<p>Veritatis et dolores facere numquam et praesentium</p>
</header>
<div class="row gy-4">
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="service-box blue">
<i class="ri-discuss-line icon"></i>
<h3>Nesciunt Mete</h3>
<p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis tempore et consequatur.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="service-box orange">
<i class="ri-discuss-line icon"></i>
<h3>Eosle Commodi</h3>
<p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="service-box green">
<i class="ri-discuss-line icon"></i>
<h3>Ledo Markt</h3>
<p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="service-box red">
<i class="ri-discuss-line icon"></i>
<h3>Asperiores Commodi</h3>
<p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="service-box purple">
<i class="ri-discuss-line icon"></i>
<h3>Velit Doloremque.</h3>
<p>Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
<div class="service-box pink">
<i class="ri-discuss-line icon"></i>
<h3>Dolori Architecto</h3>
<p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p>
<a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>End Services Section -->
<!-- ======= Pricing Section ======= -->
<!-- <section id="pricing" class="pricing">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Pricing</h2>
<p>Check our Pricing</p>
</header>
<div class="row gy-4" data-aos="fade-left">
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
<div class="box">
<h3 style="color: #07d5c0;">Free Plan</h3>
<div class="price"><sup>$</sup>0<span> / mo</span></div>
<img src="{{ asset('frontend/assets/img/pricing-free.png')}}" class="img-fluid" alt="">
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li class="na">Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
<div class="box">
<span class="featured">Featured</span>
<h3 style="color: #65c600;">Starter Plan</h3>
<div class="price"><sup>$</sup>19<span> / mo</span></div>
<img src="{{ asset('frontend/assets/img/pricing-starter.png')}}" class="img-fluid" alt="">
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
<div class="box">
<h3 style="color: #ff901c;">Business Plan</h3>
<div class="price"><sup>$</sup>29<span> / mo</span></div>
<img src="{{ asset('frontend/assets/img/pricing-business.png')}}" class="img-fluid" alt="">
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
<div class="box">
<h3 style="color: #ff0071;">Ultimate Plan</h3>
<div class="price"><sup>$</sup>49<span> / mo</span></div>
<img src="{{ asset('frontend/assets/img/pricing-ultimate.png')}}" class="img-fluid" alt="">
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
</div>
</div>
</section> -->
<!-- End Pricing Section -->
<!-- ======= F.A.Q Section ======= -->
<section id="faq" class="faq">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>F.A.Q</h2>
<p>Frequently Asked Questions</p>
</header>
<div class="row">
<div class="col-lg-6">
<!-- F.A.Q List 1-->
<div class="accordion accordion-flush" id="faqlist1">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
Non consectetur a erat nam at lectus urna duis?
</button>
</h2>
<div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
<div class="accordion-body">
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?
</button>
</h2>
<div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
<div class="accordion-body">
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi?
</button>
</h2>
<div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
<div class="accordion-body">
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- F.A.Q List 2-->
<div class="accordion accordion-flush" id="faqlist2">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-1">
Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?
</button>
</h2>
<div id="faq2-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
<div class="accordion-body">
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-2">
Tempus quam pellentesque nec nam aliquam sem et tortor consequat?
</button>
</h2>
<div id="faq2-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
<div class="accordion-body">
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-3">
Varius vel pharetra vel turpis nunc eget lorem dolor?
</button>
</h2>
<div id="faq2-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
<div class="accordion-body">
Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End F.A.Q Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Galeri</h2>
<p>Pengembangan Aplikasi</p>
@ -791,7 +288,7 @@
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Team</h2>
<h2>Tim</h2>
<p>Anggota Tim Pengembangan Sistem</p>
</header>

2
resources/views/frontend/layouts/navbar.blade.php
View File

@ -11,7 +11,7 @@
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#about">Tentang</a></li>
<li><a class="nav-link scrollto" href="#features">Fitur</a></li>
<li><a class="nav-link scrollto" href="#portfolio">Galeri</a></li>
<li><a class="nav-link scrollto" href="#team">Tim</a></li>