<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="apple-touch-icon" sizes="64x64" href="{{ asset('apple-icon.ico') }}">
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>{% block title %}4xxi.Keys{% endblock %}</title>

        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
        <meta name="viewport" content="width=device-width">

        <!-- Bootstrap core CSS     -->
        <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">

        <!--  Material Dashboard CSS    -->
        <link href="{{ asset('css/material-dashboard.css') }}" rel="stylesheet">

        <!--     Fonts and icons     -->
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Roboto:400,700,300|Material+Icons" rel="stylesheet" type="text/css">

        <link href="{{ asset('css/styles.css') }}" rel="stylesheet">

        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}

        <!--   Core JS Files   -->
        <script src="{{ asset('js/jquery-3.1.0.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/bootstrap.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('js/material.min.js') }}" type="text/javascript"></script>

        <!--  Charts Plugin -->
        {#<script src="{{ asset('js/chartist.min.js') }}"></script>#}

        <!--  Notifications Plugin    -->
        <script src="{{ asset('js/bootstrap-notify.js') }}"></script>

        <!--  Google Maps Plugin    -->
        {#<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>#}

        <!-- Material Dashboard javascript methods -->
        <script src="{{ asset('js/material-dashboard.js') }}"></script>

        {% block javascripts %}{% endblock %}
    </body>
</html>
