<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>Heave Stack</title>
    <link rel="icon" type="image/x-icon" href="{{asset('public/assets/img/favicon.ico')}}"/>
    <link href="{{asset('public/assets/css/loader.css')}}" rel="stylesheet" type="text/css" />
    <script src="{{asset('public/assets/js/loader.js')}}"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&amp;display=swap" rel="stylesheet">
    <link href="{{asset('public/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('public/assets/css/plugins.css')}}" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <link href="{{asset('public/plugins/apex/apexcharts.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('public/assets/css/dashboard/dash_2.css')}}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="{{ asset('public/toast/toast.css') }}">
    
    <link rel="stylesheet" type="text/css" href="{{ asset('public/fontawesome/css/all.css') }}">
    
    <link rel="stylesheet" type="text/css" href="{{ asset('public/plugins/font-icons/fontawesome/css/fontawesome.css') }}">
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    @yield('styles')

</head>