<a d-click="onModalCloseBtnClick" href="" aria-label="Close Login modal" title="Close" class="js-modal__close-btn  modal__close-btn">
    <svg>
        <use xlink:href="#cross-icon"></use>
    </svg>
</a>

<h2>Login / Signup</h2>

<div>
    <p>
        <button
            d-click="login"
            class="social-login-btn social-login-btn--github  btn btn-icon btn--big full-width hint--right hint--always"
            data-auth-provider="github"
            data-hint="You logged in with Github last time">
            <svg><use xlink:href="#github-icon"></use></svg>Login with Github
        </button>
    </p>
    <p>
        <button
            d-click="login"
            class="social-login-btn social-login-btn--google  btn btn-icon btn--big full-width hint--right hint--always"
            data-auth-provider="google"
            data-hint="You logged in with Google last time">
            <svg><use xlink:href="#google-icon"></use></svg>Login with Google
        </button>
    </p>
    <p class="mb-2">
        <button
            d-click="login"
            class="social-login-btn social-login-btn--facebook  btn btn-icon btn--big full-width hint--right hint--always"
            data-auth-provider="facebook"
            data-hint="You logged in with Facebook last time">
            <svg><use xlink:href="#fb-icon"></use></svg>Login with Facebook
        </button>
    </p>
    <p>
        Join a community of 50,000+ Developers
    </p>
</div>