111 lines
2.5 KiB
PHP
111 lines
2.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>@yield('title', 'Automobile Engineering Academy')</title>
|
|
|
|
<link rel="icon" type="image/x-icon" href="{{ asset('src/favicon/favicon.ico') }}">
|
|
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="{{ asset('src/css/bootstrap/bootstrap.min.css') }}">
|
|
|
|
<!-- Main CSS -->
|
|
<link rel="stylesheet" href="{{ asset('src/css/main/style.css') }}">
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
|
|
|
|
<!-- Swiper -->
|
|
<link rel="stylesheet"
|
|
href="https://unpkg.com/swiper/swiper-bundle.min.css" />
|
|
|
|
@stack('styles')
|
|
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background: #f8f9fa;
|
|
}
|
|
|
|
#home-header {
|
|
position: relative !important;
|
|
right: 0 !important;
|
|
left: 0 !important;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
@yield('content')
|
|
|
|
<!-- jQuery -->
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
|
|
<!-- Bootstrap -->
|
|
<script src="{{ asset('src/js/bootstrap/bootstrap.bundle.min.js') }}"></script>
|
|
|
|
<!-- Swiper -->
|
|
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
|
|
|
<!-- Custom JS -->
|
|
<script src="{{ asset('src/js/script.js') }}"></script>
|
|
<script src="{{ asset('src/js/toast.js') }}"></script>
|
|
|
|
<script>
|
|
if (document.querySelector(".mySwiper")) {
|
|
|
|
new Swiper(".mySwiper", {
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
slidesPerGroup: 3,
|
|
loop: true,
|
|
loopFillGroupWithBlank: true,
|
|
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true
|
|
},
|
|
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev"
|
|
},
|
|
|
|
breakpoints: {
|
|
|
|
0: {
|
|
slidesPerView: 1
|
|
},
|
|
|
|
768: {
|
|
slidesPerView: 2
|
|
},
|
|
|
|
992: {
|
|
slidesPerView: 3
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
</script>
|
|
|
|
@stack('scripts')
|
|
|
|
</body>
|
|
|
|
</html> |