|
|
| Zeile 114: |
Zeile 114: |
| <div class="bg-white pb-3 pb-md-4"> | | <div class="bg-white pb-3 pb-md-4"> |
| <div class="container-fluid container-xl px-3 px-md-4"> | | <div class="container-fluid container-xl px-3 px-md-4"> |
| <header class="d-flex align-items-center justify-content-between mb-4 custom-header">
| |
| <!-- logo - start -->
| |
| <a href="/" class="logo-link" aria-label="logo">
| |
| <svg width="95" height="94" viewBox="0 0 95 94" class="w-auto" style="height: 1.5rem; color: #6366f1;" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M96 0V47L48 94H0V47L48 0H96Z" />
| |
| </svg>
| |
| Flowrift
| |
| </a>
| |
| <!-- logo - end -->
| |
|
| |
|
| <!-- nav - start -->
| |
| <nav class="d-none d-lg-flex">
| |
| <ul class="nav">
| |
| <li class="nav-item mx-4">
| |
| <a href="#" class="nav-link nav-link-active">Home</a>
| |
| </li>
| |
| <li class="nav-item mx-4">
| |
| <a href="#" class="nav-link text-secondary hover-indigo-500 active-text-gray-700">Features</a>
| |
| </li>
| |
| <li class="nav-item mx-4">
| |
| <a href="#" class="nav-link text-secondary hover-indigo-500 active-text-gray-700">Pricing</a>
| |
| </li>
| |
| <li class="nav-item mx-4">
| |
| <a href="#" class="nav-link text-secondary hover-indigo-500 active-text-gray-700">About</a>
| |
| </li>
| |
| </ul>
| |
| </nav>
| |
| <!-- nav - end -->
| |
|
| |
| <!-- buttons - start -->
| |
| <a href="#" class="d-none d-lg-inline-block btn btn-light text-secondary font-weight-semibold px-4 py-2 ring-indigo-300">Contact Sales</a>
| |
|
| |
| <button type="button" class="d-inline-flex d-lg-none align-items-center btn btn-light text-secondary font-weight-semibold px-3 py-2 ring-indigo-300">
| |
| <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" style="height: 1.5rem; width: 1.5rem;" viewBox="0 0 20 20" fill="currentColor">
| |
| <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" />
| |
| </svg>
| |
| Menu
| |
| </button>
| |
| <!-- buttons - end -->
| |
| </header>
| |
|
| |
|
| <section class="hero-section bg-light"> | | <section class="hero-section bg-light"> |
