329 lines
17 KiB
PHP
329 lines
17 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 Pengenalan Hewan Pada Anak Usia Dini Menggunakan 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">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
|
|
<!-- 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="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') }}">
|
|
|
|
@yield('style')
|
|
|
|
</head>
|
|
|
|
<body class="layout4">
|
|
|
|
<!--==============================
|
|
Preloader
|
|
==============================-->
|
|
<div class="preloader">
|
|
<button class="vs-btn preloaderCls">Cancel Preloader </button>
|
|
<div class="preloader-inner">
|
|
<div class="loader"></div>
|
|
</div>
|
|
</div>
|
|
<!--==============================
|
|
Mobile Menu
|
|
============================== -->
|
|
<div class="vs-menu-wrapper">
|
|
<div class="vs-menu-area text-center">
|
|
<button class="vs-menu-toggle"><i class="fal fa-times"></i></button>
|
|
<div class="mobile-logo">
|
|
<a href="/"><img src="{{ asset('assets/img/logo.svg') }}" alt="Kiddino"></a>
|
|
</div>
|
|
<div class="vs-mobile-menu">
|
|
<ul>
|
|
<li class="menu-item-has-children">
|
|
<a href="index.html">Demo</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="index.html">Demo Style 1</a></li>
|
|
<li><a href="index-2.html">Demo Style 2</a></li>
|
|
<li><a href="index-3.html">Demo Style 3</a></li>
|
|
<li><a href="index-4.html">Demo Style 4</a></li>
|
|
<li><a href="index-5.html">Demo Style 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="about.html">About Us</a>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="match.html">Classes</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="class.html">Class Style 1</a></li>
|
|
<li><a href="class-2.html">Class Style 2</a></li>
|
|
<li><a href="class-details.html">Class Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="blog.html">Blog</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="blog-details.html">Blog Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="#">Pages</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="service.html">Service</a></li>
|
|
<li><a href="service-details.html">Service Details</a></li>
|
|
<li><a href="team.html">Team</a></li>
|
|
<li><a href="team-details.html">Team Details</a></li>
|
|
<li><a href="event-details.html">Event Details</a></li>
|
|
<li><a href="gallery.html">Gallery</a></li>
|
|
<li><a href="price-plan.html">Price Plan</a></li>
|
|
<li><a href="faq.html">FAQ</a></li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li><a href="shop-details.html">Shop Details</a></li>
|
|
<li><a href="cart.html">Shopping Cart</a></li>
|
|
<li><a href="checkout.html">Checkout</a></li>
|
|
<li><a href="registration.html">Registration</a></li>
|
|
<li><a href="error.html">Error Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--==============================
|
|
Header Area
|
|
==============================-->
|
|
<header class="vs-header header-layout4">
|
|
<div class="header-top4">
|
|
|
|
</div>
|
|
<div class="sticky-wrap">
|
|
<div class="sticky-active">
|
|
<div class="container-style4">
|
|
<div class="header-lower4">
|
|
<div class="row gx-3 align-items-center justify-content-between">
|
|
<div class="col-8 col-sm-auto">
|
|
<div class="header-logo2">
|
|
<a href="/">
|
|
<img src="{{ asset('assets/img/logo-4.svg') }}" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<nav class="main-menu menu-style4 d-none d-lg-block">
|
|
<ul>
|
|
<li class="menu-item-has-children v1">
|
|
<a href="index.html"><i class="fa fa-house"></i>Demo</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="index.html">Demo Style 1</a></li>
|
|
<li><a href="index-2.html">Demo Style 2</a></li>
|
|
<li><a href="index-3.html">Demo Style 3</a></li>
|
|
<li><a href="index-4.html">Demo Style 4</a></li>
|
|
<li><a href="index-5.html">Demo Style 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="about.html">About Us</a>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="match.html">Classes</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="class.html">Class Style 1</a></li>
|
|
<li><a href="class-2.html">Class Style 2</a></li>
|
|
<li><a href="class-details.html">Class Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="blog.html">Blog</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="blog-details.html">Blog Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item-has-children mega-menu-wrap">
|
|
<a href="#">Pages</a>
|
|
<ul class="mega-menu">
|
|
<li><a href="shop.html">Pagelist 1</a>
|
|
<ul>
|
|
<li><a href="index.html">Demo Style 1</a></li>
|
|
<li><a href="index-2.html">Demo Style 2</a></li>
|
|
<li><a href="index-3.html">Demo Style 3</a></li>
|
|
<li><a href="index-4.html">Demo Style 4</a></li>
|
|
<li><a href="index-5.html">Demo Style 5</a></li>
|
|
<li><a href="class.html">Class Style 1</a></li>
|
|
<li><a href="class-2.html">Class Style 2</a></li>
|
|
<li><a href="class-details.html">Class Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Pagelist 2</a>
|
|
<ul>
|
|
<li><a href="about.html">About Us</a></li>
|
|
<li><a href="service.html">Service</a></li>
|
|
<li><a href="service-details.html">Service Details</a></li>
|
|
<li><a href="team.html">Team</a></li>
|
|
<li><a href="team-details.html">Team Details</a></li>
|
|
<li><a href="gallery.html">Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Pagelist 3</a>
|
|
<ul>
|
|
<li><a href="event-details.html">Event Details</a></li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li><a href="shop-details.html">Shop Details</a></li>
|
|
<li><a href="cart.html">Shopping Cart</a></li>
|
|
<li><a href="checkout.html">Checkout</a></li>
|
|
<li><a href="price-plan.html">Price Plan</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Pagelist 4</a>
|
|
<ul>
|
|
<li><a href="faq.html">FAQ</a></li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="blog-details.html">Blog Details</a></li>
|
|
<li><a href="registration.html">Registration</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
<li><a href="error.html">Error Page</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<button class="vs-menu-toggle d-inline-block d-lg-none"><i class="fal fa-bars"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!--==============================
|
|
Hero Area
|
|
==============================-->
|
|
|
|
@yield('content')
|
|
|
|
<!--==============================
|
|
Footer Area
|
|
==============================-->
|
|
<footer class="footer-wrapper footer-layout4">
|
|
<div class="footer-top5">
|
|
<div class="container-style4">
|
|
<div class="footer-box5">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-12 col-sm-12">
|
|
<div class="footer-logo4">
|
|
<a href="index.html">
|
|
<img src="{{ asset('assets/img/logo-5.svg') }}" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<div class="footer-contact5">
|
|
<div class="footer-icon"><i class="fa fa-envelope"></i></div>
|
|
<div class="footer-contact-content">
|
|
<h4 class="title">Email Address:</h4>
|
|
<a href="#" class="gmail">user@domainname.com</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<div class="footer-contact5">
|
|
<div class="footer-icon"><i class="fa fa-mobile"></i></div>
|
|
<div class="footer-contact-content">
|
|
<h4 class="title">Phone No</h4>
|
|
<a href="#" class="gmail">+1 4875 15478 6412</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<script src="{{ asset('assets/js/jquery.waypoints.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/jquery.counterup.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/jquery.fancybox.js') }}"></script>
|
|
<!-- Slick Slider -->
|
|
<script src="{{ asset('assets/js/slick.min.js') }}"></script>
|
|
<!-- <script src="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/datecounter.js') }}"></script>
|
|
<script src="{{ asset('assets/js/main.js') }}"></script>
|
|
|
|
@yield('script')
|
|
|
|
|
|
</body>
|
|
</html>
|