charlestehio/futurewalker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update (ui)

Browse Source
This commit is contained in:
Charles Teh
2023-11-20 09:37:10 +08:00
parent dbcf144d77
commit 420749f568
13 changed files with 80 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
resources/views/front/layouts/partials/nav.blade.php
View File

@@ -1,25 +1,68 @@
<div class="w-full shadow-sm bg-black text-white">
<header class="container-lg lh-1 py-3">
<div class="row d-block d-md-flex justify-content-center align-items-center">
<div class="col-12 col-md-5 col-lg-4 py-2 py-md-0 text-center text-md-start">
<a class="blog-header-logo text-decoration-none text-white" href="{{ route('front.home') }}">
<div class="fw-bolder fs-3 font-family-roboto-condensed text-uppercase">FutureWalker</div>
<div class="w-full sticky-top">
<div class="w-full shadow-sm bg-black text-white">
<header class="container-lg lh-1 py-2 py-md-3">
<div class=" d-flex justify-content-between align-items-center">
</a>
</div>
<div class="col-12 col-md-7 col-lg-8 text-center text-md-end">
<div>Important news shaping the digital future</div>
<button type="button" class="btn d-block d-md-none" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<svg viewBox='0 0 35 30' width='25'>
<line x1='0' y1='5' x2='35' y2='5' stroke='#fff'
stroke-width='3' />
<line x1='0' y1='15' x2='35' y2='15' stroke='#fff'
stroke-width='3' />
<line x1='0' y1='25' x2='35' y2='25' stroke='#fff'
stroke-width='3' />
</svg>
</button>
<div class="w-full py-2 py-md-0 text-center text-md-start d-flex justify-content-between">
<a class="blog-header-logo text-decoration-none text-white" href="{{ route('front.home') }}">
<div class="fw-bolder fs-3 font-family-roboto-condensed text-uppercase">FutureWalker</div>
</a>
</div>
<div class="d-block d-md-none"></div>
<div class="col-12 col-md-7 col-lg-8 text-center text-md-end d-none d-md-block">
<div>Important news shaping the digital future</div>
</div>
</div>
</header>
</div>
<div class="w-full d-block d-md-none">
<div class="collapse navbar-collapse w-full bg-dark text-white" id="navbarSupportedContent">
<div class="text-center">Important news shaping the digital future</div>
<div class="w-full border-bottom pb-2"></div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-4 font-family-roboto-condensed text-uppercase">
<li class="nav-item">
<a class="nav-link" href="{{ route('front.home') }}">Home</a>
</li>
@foreach ($categories as $category)
<li class="nav-item">
<a class="nav-link"
href="{{ route('front.category', ['category_slug' => $category->slug]) }}">{{ $category->name }}</a>
</li>
@endforeach
</ul>
</div>
</div>
<div class="w-full bg-dark text-white d-none d-md-block">
<div class="container-lg text-center py-2">
<a class="text-white mx-3 font-family-roboto-condensed text-uppercase"
href="{{ route('front.home') }}">Home</a>
@foreach ($categories as $category)
<a href="#"
class="text-white mx-3 font-family-roboto-condensed text-uppercase">{{ $category->name }}</a>
@endforeach
</div>
</header>
</div>
<div class="w-full bg-dark text-white d-none d-md-block">
<div class="container-lg text-center py-2">
@foreach ($categories as $category)
<a href="#"
class="text-white mx-3 font-family-roboto-condensed text-uppercase">{{ $category->name }}</a>
@endforeach
</div>
</div>