Frontend assets

Note

You already have the required css and js files included in the general layout file App\resources\layouts\app.blade.php

CSS

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<!-- CSS Files -->


<link href="{{ asset('black') }}/css/black-dashboard.css?v=1.0.0" rel="stylesheet" />

JS

Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Popper.js, and then our JavaScript plugins.

<!--   Core JS Files   -->
<script src="{{ asset('black') }}/js/core/jquery.min.js" type="text/javascript"></script>
<script src="{{ asset('black') }}/js/core/popper.min.js" type="text/javascript"></script>
<script src="{{ asset('black') }}/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="{{ asset('black') }}/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<!--  Google Maps Plugin    -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Chartist JS -->
<script src="{{ asset('black') }}/js/plugins/chartjs.min.js"></script>
<!--  Notifications Plugin    -->
<script src="{{ asset('black') }}/js/plugins/bootstrap-notify.js"></script>
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
<script src="{{ asset('black') }}/js/black-dashboard.js?v=2.1.1" type="text/javascript"></script>

Fonts and Icons

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load the Fonts and Icons.

<!--     Fonts and icons     -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">