created main layout

This commit is contained in:
Ghostie 2024-08-19 16:57:13 -05:00
parent 400c6fffae
commit 17af5bb343
2 changed files with 27 additions and 1 deletions

View File

@ -10,7 +10,30 @@
@vite('resources/css/app.css')
</head>
<body>
<body class="bg-gray-100">
<header class="p-5 border-b bg-white shadow">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-3xl font-black">DevStagram</h1>
<nav class="flex gap-2 items-center">
<a class="font-bold uppercase text-gray-600 text-sm" href="#">Login</a>
<a class="font-bold uppercase text-gray-600 text-sm" href="#">SignUp</a>
</nav>
</div>
</header>
<main class="container mx-auto mt-10">
<h2 class="font-black text-center text-3xl mb-10">
@yield('title')
</h2>
@yield('content')
</main>
<footer class="text-center p-5 text-gray-500 font-bold uppercase">
DevStagram - {{ date('Y') }} All rights reserved.
</footer>
</body>
</html>

View File

@ -1,3 +1,6 @@
@extends ("layouts.app")
@section('title', 'Main Page')
@section('content')
@endsection