mirror of
https://github.com/tabler/tabler.git
synced 2026-08-30 13:51:28 +04:00
49 lines
2.1 KiB
Plaintext
49 lines
2.1 KiB
Plaintext
---
|
|
// "active" is hardcoded on Home — not derived from the current page.
|
|
// Relative base is "../" for one-level-deep marketing pages.
|
|
import Logo from '../navbar/Logo.astro'
|
|
|
|
const base = '..'
|
|
---
|
|
|
|
<!-- BEGIN MARKETING NAVBAR -->
|
|
<header class="navbar navbar-expand-lg navbar-transparent py-3">
|
|
<div class="container">
|
|
<Logo href={base} />
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle primary navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
|
|
<nav aria-label="Primary">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href={`${base}/marketing`}><span class="nav-link-title">Home</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/testimonials.html`}><span class="nav-link-title">Testimonials</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/pricing.html`}><span class="nav-link-title">Pricing</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/about.html`}><span class="nav-link-title">About</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/text.html`}><span class="nav-link-title">Text</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/hero.html`}><span class="nav-link-title">App</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href={`${base}/marketing/real-estate.html`}><span class="nav-link-title">Real estate</span></a>
|
|
</li>
|
|
<li class="nav-item ms-4">
|
|
<a href="#" class="btn btn-primary">Buy now</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- END MARKETING NAVBAR -->
|