102 lines
2.4 KiB
Plaintext
102 lines
2.4 KiB
Plaintext
{% comment %} skip-auth {% endcomment %}
|
|
{% include 'header' %}
|
|
|
|
<main class="np-main np-box-container width-limit">
|
|
<div class="login-wrapper">
|
|
<h3 class="login-title">
|
|
<span class="lang-en">Learn for free</span>
|
|
<span class="lang-de"></span>
|
|
<span class="lang-es"></span>
|
|
<span class="lang-fr"></span>
|
|
<span class="lang-br"></span>
|
|
</h3>
|
|
<a class="login-redirection-button" href="/learners/sign_in">
|
|
<span class="lang-en">Log in with</span>
|
|
<span class="lang-de"></span>
|
|
<span class="lang-es"></span>
|
|
<span class="lang-fr"></span>
|
|
<span class="lang-br"></span> <img class="login-redirection-button-logo" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Logo.png" alt="pipedrive">
|
|
</a>
|
|
<div class="login-text-wrapper">
|
|
<div class="login-text-strike"></div>
|
|
<div class="login-text body-s">
|
|
<span class="lang-en">Not a Pipedrive user? Log in below</span>
|
|
<span class="lang-de"></span>
|
|
<span class="lang-es"></span>
|
|
<span class="lang-fr"></span>
|
|
<span class="lang-br"></span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
{% include 'footer' %}
|
|
|
|
<style>
|
|
.login-wrapper {
|
|
padding: 40px;
|
|
border: 2px solid #E4E6E9;
|
|
border-radius: 4px;
|
|
margin-top: 80px;
|
|
margin-bottom: 80px;
|
|
}
|
|
.login-redirection-button-logo {
|
|
height: 26px;
|
|
align-self: center;
|
|
}
|
|
.login-redirection-button {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
padding: 22px 10px;
|
|
background: #F4F5F6;
|
|
margin-bottom: 40px;
|
|
border-radius: 4px;
|
|
}
|
|
.login-title {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
.login-text-wrapper {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
.login-text {
|
|
background: white;
|
|
width: fit-content;
|
|
margin: auto;
|
|
padding: 0 10px;
|
|
max-width: 80%;
|
|
text-align: center;
|
|
}
|
|
.login-text-strike {
|
|
border-bottom: 1px solid #E4E6E9;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 100%;
|
|
height: 1px;
|
|
z-index: -1;
|
|
}
|
|
.np-input {
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.np-form-field {
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 2px solid #E4E6E9;
|
|
}
|
|
.login-icon {
|
|
margin-left: 20px;
|
|
}
|
|
footer.main-footer .footer-links {
|
|
display: none;
|
|
}
|
|
.np-box-container {
|
|
height: unset;
|
|
}
|
|
</style>
|
|
|