<!DOCTYPE html>
<html>
<head>
	<title>@yield('title')</title>
	<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>
<body>
	<header>
        <div class="top-bar">
            <button class="toggle-btn"><i class="fas fa-bars"></i></button>
            <h1>My Website</h1>
        </div>
    </header>


	<div class="sidebar">
        <ul data-target=".sidebar">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>


	<div class="content">
		@yield('content')
	</div>

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