Vebego Component Library
<div class='tpl-login-page'>
    <div class='vebego-container'>
        <div class='content-block'>
            <section class="org-login-block">
                <div class="vebego-container">
                    <div class="wrapper">
                        <div class="column-1">
                            <div class="mol-title ">
                                <span class="atm-heading h-subtitle">Het kennis- en netwerkplatform van Assist Zorg</span>

                                <h1 class="atm-heading ">Inloggen bij De Praktijk</h1>

                            </div>

                            <div class="wrapper-login">
                                <div class="atm-form-input  ">
                                    <input class="form-input" type="text" id="input" name="input">
                                    <label class="atm-form-label form-label " for="input">Gebruikersnaam</label>

                                    <span class="atm-icon form-input-error-icon far fa-times   "></span>
                                    <span class="atm-icon form-input-valid-icon far fa-check   "></span>
                                </div>

                                <div class="atm-form-input  ">
                                    <input class="form-input" type="text" id="input" name="input">
                                    <label class="atm-form-label form-label " for="input">Wachtwoord</label>

                                    <span class="atm-icon form-input-error-icon far fa-times   "></span>
                                    <span class="atm-icon form-input-valid-icon far fa-check   "></span>
                                </div>

                                <div>
                                    <a class="atm-button atm-button-primary button-md  ">
                                        <span class="button-content">
                                            <span>Inloggen</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </div>
                            <div class="atm-paragraph text-md">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
                            </div>

                        </div>
                        <div class="column-2">
                            <picture class="atm-image ">
                                <source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
                                <source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
                                <img class="" src="https://picsum.photos/id/250/768/768" alt="" loading="lazy">
                            </picture>
                        </div>
                    </div>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 300" preserveAspectRatio="none">
                    <polygon fill="white" points="500,300 0,300 250,0 500,0 " />
                </svg>
        </div>
    </div>
</div>
</div>
<div class='tpl-login-page'>
    <div class='vebego-container'>
        <div class='content-block'>
            {{render '@login-block'}}
        </div>
    </div>
</div>
/* No context defined. */

No notes defined.