Advance UI Elements
Scrollable Official link Preview link
To use java script you have to add the following style and script tag
<!--Scrollable css-->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/scrollable.css') }}">
<!--scrollable js-->
<script src="{{ asset('assets/js/scrollable/scrollable-custom.js') }}"></script>
<script src="{{ asset('assets/js/scrollable/perfect-scrollbar.min.js') }}" ></script>Tree Official link Preview link
To use java script you have to add the following style and script tag
<!-- Tree js-->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/js/sortable/sortable.min.js') }}">
<script src="{{ asset('assets/js/sortable/custom_sortable.js') }}"></script>Notify Official link Preview link
To use java script you have to add the following script tag
<!-- bootstrap notify js -->
<script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}" ></script>
<script src="{{ asset('assets/js/notify/custom-notify.js') }}" ></script>Rating Official link Preview link
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/rating.css') }}">
<!-- Ion Range Slider js -->
<script src="{{ asset('assets/js/rating/custom_rating.js') }}" ></script>Dropzone Official link Preview link
To use java script you have to add the following style and script tag
<!-- Dropzone start here -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/dropzone.min.css') }}">
<!-- Dropzone js -->
<script src="{{ asset('assets/js/dropzone/dropzone.min.js') }}" ></script>
<script src="{{ asset('assets/js/dropzone/dropzone-script.js') }}" ></script>Tour Official link Preview link
To use java script you have to add the following style and script tag
<!-- tour js -->
<script src="{{ asset('assets/js/tour/intro.js') }}" ></script>
<script src="{{ asset('assets/js/tour/intro-init.js') }}" ></script>Sweetalert Official link Preview link
To use java script you have to add the following style and script tag
<!-- Sweet alert jquery-->
<script src="{{ asset('assets/js/sweet-alert/sweetalert.min.js') }}" ></script>
<script src="{{ asset('assets/js/sweet-alert/app.js') }}" ></script>Animated modal Official link Preview link
To use java script you have to add the following css and script tag
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
<!-- Modal js-->
<script src="{{ asset('assets/js/modal-animated.js') }}"></script>
<script src="{{ asset('assets/js/modal-animated1.js') }}"></script>Owl carousel Official link Preview link
To use java script you have to add the following style and script tag
<!-- Owl css -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/owlcarousel.css') }}">
<!-- owlcarousel js-->
<script src="{{ asset('assets/js/owlcarousel/owl.carousel.js') }}" ></script>Range slider Official link Preview link
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/range-slider.css') }}">
<!-- Ion Range Slider js -->
<script src="{{ asset('assets/js/range-slider/ion.rangeSlider.min.js') }}"></script>
<script src="{{ asset('assets/js/range-slider/rangeslider-script.js') }}" ></script>Image cropper Official link Preview link
To use java script you have to add the following style and script tag
<!--Image cropper css-->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/image-cropper.css') }}">
<!--Cropper jquery-->
<script src="{{ asset('assets/js/image-cropper/cropper.js') }}"></script>
<script src="{{ asset('assets/js/image-cropper/cropper-main.js') }}"></script>