Intro

Styles for a login screen.

Logo

Hello World

Here could be a sign in form.

Code

<div style="background: var(--blue-app-bg)">
    <div class="blue-intro">
        <div class="blue-intro-container mx-1">
            <div class="bg-body rounded-3 shadow-lg px-4 py-5">
                <div class="text-center">
                    <img class="blue-intro-image" src="blue.svg" alt="Logo" />
                    <h1 class="h2 mt-4 mb-3">Hello World</h1>
                </div>
                Here could be a sign in form.
            </div>
        </div>
    </div>
</div>

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/_intro.scss
Edit post on GitHub