This is a recurring cookie banner intentionally included on the demo page. In the banner we always allow the user to learn more

  • Example
  • HTML
Visma eAccounting logo Visma eAccounting logo

Visma eAccounting

Your username/password is not correct. Please try again!
Forgot password?
<div class="login-box">
    <div class="login-header">
        <img class="show-light" src="../../assets/docs/img/visma-eAccounting.svg" alt="Visma eAccounting logo">
		<img class="show-dark" src="../../assets/docs/img/visma-eAccounting-dark.svg" alt="Visma eAccounting logo">
        <h1>Visma eAccounting</h1>
    </div>

    <div class="login-content">
        <form class="">
            <!-- If you want to show the error message, remove the "hidden" class -->
            <div class="alert alert-error hidden" role="alert">
                Your username/password is not correct. Please try again!
            </div>
            <div class="form-group required">
                <label for="inputUsername" class="control-label">Username</label>
                <input type="email" class="form-control" id="inputUsername" placeholder="[email protected]">
            </div>
            <div class="form-group required">
                <label for="inputPassword" class="control-label">Password</label>
                <input type="password" class="form-control" id="inputPassword" placeholder="Your password">
            </div>
            <div class="form-group">
                <input type="submit" class="btn btn-primary btn-login" id="sign_in" value="Sign in">
            </div>
            <div class="form-group">
                <div class="row">
                    <div class="col-7">
                        <div class="checkbox">
                            <input type="checkbox" id="rememberUsername">
                            <label for="rememberUsername">Remember username</label>
                        </div>
                    </div>
                    <div class="col-5">
                        <div class="text-right">
                            <a href="forgot-password-secondary.php">Forgot password?</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="form-group">
                <div class="login-divider">
                    <hr>or continue with
                </div>
            </div>
            <div class="form-group mb-12">
                <a href="#!" class="btn btn-login-secondary" id="google_signin">
                    <span class="vismaicon vismaicon-google vismaicon-sm mr-8"></span>Sign in with Google
                </a>
            </div>
            <div class="form-group">
                <a href="#!" class="btn btn-login-secondary" id="visma_signin">
                    <span class="vismaicon vismaicon-visma vismaicon-sm mr-8"></span>Sign in with Visma Connect
                </a>
            </div> -->
        </form>
        <!-- <div class="">
            <label class="switch switch-label light-dark-toggle justify-content-center" for="switch-light-dark">
                <b class="light">Light mode</b>
                <input id="switch-light-dark" type="checkbox" name="switch-light-dark">
                <span class="togglemark">
                    <b class="details"></b>
                </span>
                <b class="dark">Dark mode</b>
            </label>
        </div> -->
    </div>
</div>