Header

Provided helper classes designed to be used inside a header.

Logo AppTitle

Code

<header class="blue-header-title d-inline-flex gap-2 fw-medium align-items-center">
    <a href="#">
        <img src="blue.svg" alt="Logo" class="blue-header-title-image" />
    </a>

    <a href="#">AppTitle</a>
</header>

Grab the code

When you don't use the entire Blue Web library, you can also just copy and paste the required code into your own project.

  1. Copy and paste the following code into your project. Source: @/dist/styles/_page-header.scss
Edit post on GitHub