created about page and added link to navbar

This commit is contained in:
Aksai 2024-02-16 17:24:05 +00:00
parent 12a759cd71
commit b8fd3b292f
5 changed files with 69 additions and 58 deletions

View File

@ -0,0 +1,6 @@
@extends('layout')
@section('content')
Test
@endsection

View File

@ -1,7 +1,7 @@
@extends('layout') @extends('layout')
@section('content') @section('content')
<main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
<div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24"> <div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24">
<div class="flex justify-center"> <div class="flex justify-center">
<article class="max-w-[40rem] mx-auto"> <article class="max-w-[40rem] mx-auto">
@ -48,7 +48,7 @@
</article> </article>
</div> </div>
</div> </div>
</main>
@endsection @endsection

View File

@ -10,6 +10,7 @@
@include('partials.navbar') @include('partials.navbar')
<!-- Main Content Wrapper --> <!-- Main Content Wrapper -->
<main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
<!--<div class="flex flex-1 min-h-screen">--> <!--<div class="flex flex-1 min-h-screen">-->
<div class="grid grid-cols-6 min-h-screen"> <div class="grid grid-cols-6 min-h-screen">
<!-- Sidebar --> <!-- Sidebar -->
@ -18,11 +19,11 @@
</aside> </aside>
<!-- Main content area --> <!-- Main content area -->
<main class="col-span-5"> <div class="col-span-5">
@yield('content') @yield('content')
</main>
</div> </div>
</div>
</main>
<!-- Footer --> <!-- Footer -->
<footer class="mt-auto"> <footer class="mt-auto">
@include('partials.footer') @include('partials.footer')

View File

@ -17,7 +17,7 @@
<nav aria-label="Global"> <nav aria-label="Global">
<ul class="flex items-center gap-6 text-sm"> <ul class="flex items-center gap-6 text-sm">
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> About </a> <a class="text-gray-500 transition hover:text-gray-500/75" href="/about"> About </a>
</li> </li>
<li> <li>

View File

@ -16,3 +16,7 @@ use Illuminate\Support\Facades\Route;
Route::get('/', function () { Route::get('/', function () {
return view('homepage'); return view('homepage');
}); });
Route::get('/about', function () {
return view('about');
});