246 lines
13 KiB
PHP
246 lines
13 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>@yield('title')</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!--===============================================================================================-->
|
|
<link rel="icon" type="image/png" href="{{ asset('landing/images/icons/favicon.png') }}" />
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/bootstrap/css/bootstrap.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/fonts/font-awesome-4.7.0/css/font-awesome.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/fonts/iconic/css/material-design-iconic-font.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/fonts/linearicons-v1.0.0/icon-font.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/animate/animate.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/css-hamburgers/hamburgers.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/animsition/css/animsition.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/select2/select2.min.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/daterangepicker/daterangepicker.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/slick/slick.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/MagnificPopup/magnific-popup.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/vendor/perfect-scrollbar/perfect-scrollbar.css') }}">
|
|
<!--===============================================================================================-->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/css/util.css') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('landing/css/main.css') }}">
|
|
<!--===============================================================================================-->
|
|
</head>
|
|
<body class="animsition">
|
|
|
|
@include('landing.partials.header')
|
|
|
|
<!-- Slider -->
|
|
<section class="section-slide">
|
|
<div class="wrap-slick1 rs2-slick1">
|
|
<div class="slick1">
|
|
<div class="item-slick1 bg-overlay1" style="background-image: url({{ asset('landing/images/ekost-1.jpg') }});" data-thumb="{{ asset('landing/images/ekost-1.jpg') }}" data-caption="e-Kostan">
|
|
<div class="container h-full">
|
|
<div class="flex-col-c-m h-full p-t-100 p-b-60 respon5">
|
|
<div class="layer-slick1 animated visible-false" data-appear="fadeInDown" data-delay="0">
|
|
<span class="ltext-202 txt-center cl0 respon2">
|
|
Rekomendasi Kost Terbaik
|
|
</span>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="fadeInUp" data-delay="800">
|
|
<h2 class="ltext-104 txt-center cl0 p-t-22 p-b-40 respon1">
|
|
e-Kostan
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="slideInUp" data-delay="1600">
|
|
<a href="/#product" class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn2 p-lr-15 trans-04">
|
|
Cari Sekarang
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-slick1 bg-overlay1" style="background-image: url({{ asset('landing/images/ekost-2.jpg') }});" data-thumb="{{ asset('landing/images/ekost-2.jpg') }}" data-caption="e-Kostan">
|
|
<div class="container h-full">
|
|
<div class="flex-col-c-m h-full p-t-100 p-b-60 respon5">
|
|
<div class="layer-slick1 animated visible-false" data-appear="rollIn" data-delay="0">
|
|
<span class="ltext-202 txt-center cl0 respon2">
|
|
Rekomendasi Kost Terbaik
|
|
</span>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="lightSpeedIn" data-delay="800">
|
|
<h2 class="ltext-104 txt-center cl0 p-t-22 p-b-40 respon1">
|
|
e-Kostan
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="slideInUp" data-delay="1600">
|
|
<a href="/#product" class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn2 p-lr-15 trans-04">
|
|
Cari Sekarang
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item-slick1 bg-overlay1" style="background-image: url({{ asset('landing/images/ekost-3.jpg') }});" data-thumb="{{ asset('landing/images/ekost-3.jpg') }}" data-caption="e-Kostan">
|
|
<div class="container h-full">
|
|
<div class="flex-col-c-m h-full p-t-100 p-b-60 respon5">
|
|
<div class="layer-slick1 animated visible-false" data-appear="rotateInDownLeft" data-delay="0">
|
|
<span class="ltext-202 txt-center cl0 respon2">
|
|
Rekomendasi Kost Terbaik
|
|
</span>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="rotateInUpRight" data-delay="800">
|
|
<h2 class="ltext-104 txt-center cl0 p-t-22 p-b-40 respon1">
|
|
e-Kostan
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="layer-slick1 animated visible-false" data-appear="slideInUp" data-delay="1600">
|
|
<a href="/#product" class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn2 p-lr-15 trans-04">
|
|
Cari Sekarang
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap-slick1-dots p-lr-10"></div>
|
|
</div>
|
|
</section>
|
|
|
|
@yield('content')
|
|
|
|
|
|
<!-- Back to top -->
|
|
<div class="btn-back-to-top" id="myBtn">
|
|
<span class="symbol-btn-back-to-top">
|
|
<i class="zmdi zmdi-chevron-up"></i>
|
|
</span>
|
|
</div>
|
|
|
|
@include('landing.partials.footer')
|
|
|
|
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/jquery/jquery-3.2.1.min.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/animsition/js/animsition.min.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/bootstrap/js/popper.js') }}"></script>
|
|
<script src="{{ asset('landing/vendor/bootstrap/js/bootstrap.min.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/select2/select2.min.js') }}"></script>
|
|
<script>
|
|
$(".js-select2").each(function() {
|
|
$(this).select2({
|
|
minimumResultsForSearch: 20
|
|
, dropdownParent: $(this).next('.dropDownSelect2')
|
|
});
|
|
})
|
|
|
|
</script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/daterangepicker/moment.min.js') }}"></script>
|
|
<script src="{{ asset('landing/vendor/daterangepicker/daterangepicker.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/slick/slick.min.js') }}"></script>
|
|
<script src="{{ asset('landing/js/slick-custom.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/parallax100/parallax100.js') }}"></script>
|
|
<script>
|
|
$('.parallax100').parallax100();
|
|
|
|
</script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/MagnificPopup/jquery.magnific-popup.min.js') }}"></script>
|
|
<script>
|
|
$('.gallery-lb').each(function() { // the containers for all your galleries
|
|
$(this).magnificPopup({
|
|
delegate: 'a', // the selector for gallery item
|
|
type: 'image'
|
|
, gallery: {
|
|
enabled: true
|
|
}
|
|
, mainClass: 'mfp-fade'
|
|
});
|
|
});
|
|
|
|
</script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/isotope/isotope.pkgd.min.js') }}"></script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/sweetalert/sweetalert.min.js') }}"></script>
|
|
<script>
|
|
$('.js-addwish-b2').on('click', function(e) {
|
|
e.preventDefault();
|
|
});
|
|
|
|
$('.js-addwish-b2').each(function() {
|
|
var nameProduct = $(this).parent().parent().find('.js-name-b2').html();
|
|
$(this).on('click', function() {
|
|
swal(nameProduct, "is added to wishlist !", "success");
|
|
|
|
$(this).addClass('js-addedwish-b2');
|
|
$(this).off('click');
|
|
});
|
|
});
|
|
|
|
$('.js-addwish-detail').each(function() {
|
|
var nameProduct = $(this).parent().parent().parent().find('.js-name-detail').html();
|
|
|
|
$(this).on('click', function() {
|
|
swal(nameProduct, "is added to wishlist !", "success");
|
|
|
|
$(this).addClass('js-addedwish-detail');
|
|
$(this).off('click');
|
|
});
|
|
});
|
|
|
|
/*---------------------------------------------*/
|
|
|
|
$('.js-addcart-detail').each(function() {
|
|
var nameProduct = $(this).parent().parent().parent().parent().find('.js-name-detail').html();
|
|
$(this).on('click', function() {
|
|
swal(nameProduct, "is added to cart !", "success");
|
|
});
|
|
});
|
|
|
|
</script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/vendor/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
|
|
<script>
|
|
$('.js-pscroll').each(function() {
|
|
$(this).css('position', 'relative');
|
|
$(this).css('overflow', 'hidden');
|
|
var ps = new PerfectScrollbar(this, {
|
|
wheelSpeed: 1
|
|
, scrollingThreshold: 1000
|
|
, wheelPropagation: false
|
|
, });
|
|
|
|
$(window).on('resize', function() {
|
|
ps.update();
|
|
})
|
|
});
|
|
|
|
</script>
|
|
<!--===============================================================================================-->
|
|
<script src="{{ asset('landing/js/main.js') }}"></script>
|
|
@yield('script')
|
|
|
|
</body>
|
|
</html>
|