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

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <title>@yield('title', 'Digital Studio')</title>
    <link rel="icon" type="image/png" href="{{ asset('assets/Digital Studio.svg') }}"/>
    <link href="https://fonts.googleapis.com/css?family=Lexend" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Roboto Mono" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Roboto Flex" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Sora" rel="stylesheet" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="{{ asset('style.css') }}" />
    @stack('styles')
    <script type="module" src="{{ asset('index.js') }}"></script>
</head>

<body>
    @include('partials.navbar')

    @yield('content')

    @include('partials.footer')

    <script src="{{ asset('script.js') }}"></script>
    @stack('scripts')
</body>

</html>