Login Page

<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 ">
                                <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>

                                    <i class="atm-icon form-input-error-icon far fa-times   "></i>

                                    <i class="atm-icon form-input-valid-icon far fa-check   "></i>

                                </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>

                                    <i class="atm-icon form-input-error-icon far fa-times   "></i>

                                    <i class="atm-icon form-input-valid-icon far fa-check   "></i>

                                </div>

                                <div>
                                    <a class="atm-button atm-button-primary  button-md no-icon  ">
                                        <div class="button-content-wrapper">
                                            <span class="button-content">
                                                <span>Inloggen</span>
                                                <i class="atm-icon  fal fa-arrow-right   "></i>

                                            </span>
                                        </div>
                                        <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>