157 lines
5.6 KiB
PHP
157 lines
5.6 KiB
PHP
<!doctype html>
|
|
<html class="no-js" lang="zxx">
|
|
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Media Pembelajaran Interaktif Berbasis CNN</title>
|
|
<meta name="author" content="Vecuro">
|
|
<meta name="description" content="Kiddino - Children School & Kindergarten HTML Template">
|
|
<meta name="keywords" content="Kiddino - Children School & Kindergarten HTML Template">
|
|
<meta name="robots" content="INDEX,FOLLOW">
|
|
|
|
<!-- Mobile Specific Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Favicons - Place favicon.ico in the root directory -->
|
|
<link rel="shortcut icon" href="{{ asset('assets/img/favicon.ico') }}" type="image/x-icon">
|
|
<link rel="icon" href="{{ asset('assets/img/favicon.ico') }}" type="image/x-icon">
|
|
|
|
<!--==============================
|
|
Google 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=Fredoka:wght@400;500;600;700&family=Jost:wght@400;500&display=swap"
|
|
rel="stylesheet">
|
|
|
|
|
|
<!--==============================
|
|
All CSS File
|
|
============================== -->
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
|
|
<!-- <link rel="stylesheet" href="{{ asset('assets/css/app.min.css') }}"> -->
|
|
<!-- Fontawesome Icon -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/fontawesome.min.css') }}">
|
|
<!-- Layerslider -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/layerslider.min.css') }}">
|
|
<!-- Magnific Popup -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/magnific-popup.min.css') }}">
|
|
<!-- Slick Slider -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/slick.min.css') }}">
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
|
|
|
|
<style>
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
</style>
|
|
|
|
@yield('css')
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<!--==============================
|
|
Preloader
|
|
==============================-->
|
|
<div class="preloader">
|
|
<button class="vs-btn preloaderCls">Cancel Preloader </button>
|
|
<div class="preloader-inner">
|
|
<div class="loader"></div>
|
|
</div>
|
|
</div><!--==============================
|
|
Mobile Menu
|
|
============================== -->
|
|
@include('landing.partials.mobile-menu')
|
|
<!--==============================
|
|
Sidemenu
|
|
============================== -->
|
|
@include('landing.partials.sidemenu')
|
|
<!--==============================
|
|
Popup Search Box
|
|
============================== -->
|
|
<div class="popup-search-box d-none d-lg-block ">
|
|
<button class="searchClose"><i class="fal fa-times"></i></button>
|
|
<form action="#">
|
|
<input type="text" class="border-theme" placeholder="What are you looking for">
|
|
<button type="submit"><i class="fal fa-search"></i></button>
|
|
</form>
|
|
</div>
|
|
<!--==============================
|
|
Header Area
|
|
==============================-->
|
|
@include('landing.partials.header')
|
|
<!--==============================
|
|
Hero Area
|
|
==============================-->
|
|
|
|
@yield('content')
|
|
|
|
@include('landing.partials.footer')
|
|
|
|
<!-- Scroll To Top -->
|
|
<a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a>
|
|
|
|
<!--********************************
|
|
Code End Here
|
|
******************************** -->
|
|
|
|
<!--==============================
|
|
All Js File
|
|
============================== -->
|
|
<!-- Jquery -->
|
|
<script src="{{ asset('assets/js/vendor/jquery-3.6.0.min.js') }}"></script>
|
|
<!-- Slick Slider -->
|
|
<script src="{{ asset('assets/js/slick.min.js') }}"></script>
|
|
<!-- <script src="{{ asset('assets/js/app.min.js') }}"></script> -->
|
|
<!-- Layerslider -->
|
|
<script src="{{ asset('assets/js/layerslider.utils.js') }}"></script>
|
|
<script src="{{ asset('assets/js/layerslider.transitions.js') }}"></script>
|
|
<script src="{{ asset('assets/js/layerslider.kreaturamedia.jquery.js') }}"></script>
|
|
<!-- jquery ui -->
|
|
<script src="{{ asset('assets/js/jquery-ui.min.js') }}"></script>
|
|
<!-- Bootstrap -->
|
|
<script src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
|
|
<!-- Magnific Popup -->
|
|
<script src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
|
|
<!-- Isotope Filter -->
|
|
<script src="{{ asset('assets/js/imagesloaded.pkgd.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script>
|
|
<!-- Main Js File -->
|
|
<script src="{{ asset('assets/js/main.js') }}"></script>
|
|
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
document.querySelectorAll('a[href^="/#"]').forEach(anchor => {
|
|
anchor.addEventListener("click", function(e) {
|
|
e.preventDefault();
|
|
const targetId = this.getAttribute("href").substring(2); // Menghilangkan "/#"
|
|
const targetElement = document.getElementById(targetId);
|
|
if (targetElement) {
|
|
window.scrollTo({
|
|
top: targetElement.offsetTop -
|
|
50, // Sesuaikan offset jika ada navbar
|
|
behavior: "smooth"
|
|
});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@yield('script')
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|