<link media="all" rel="stylesheet" href="/assets/themes/default/css/membership-login.css?cb=">
<div class="membership-login">
<img src="/media/membership-login-logo.svg" alt="Dart" class="membership-login__logo" />
<img src="/media/membership-login-logo.svg" alt="Dart" class="membership-login__logo2" />
<div class="membership-login__inner">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<form action="/protected-page/" enctype="multipart/form-data" id="login" method="post">
<input name="__RequestVerificationToken" type="hidden" value="QDD7LajfWsCEYWIb9h-SpFEqyvKdDN8KoPpG5Uf0Nb8glDm5-IgWpy3HxaTWymnZAh_jWYjuCFY7QrjG6kkju9b2Yi29Zv45cPbPKWqxE8c1">
<div class="cell form__row">
<label class="form__label" for="MemberLogin_Username">Username</label>
<input class="textfield__input" id="MemberLogin_Username" name="MemberLogin.Username" placeholder="Username" type="text" value="">
</div>
<div class="cell form__row">
<label class="form__label" for="MemberLogin_Password">Password</label>
<input class="textfield__input" id="MemberLogin_Password" name="MemberLogin.Password" placeholder="Password" type="password">
</div>
<div class="cell form__row">
<input class="primary-cta" name="login" value="Login" type="submit">
</div>
<input name="ufprt" type="hidden" value="D6F2875C20B8A953A077FB873B7C4D27538E5E0B8BBF4F81333C74D5473C1F5250F4F6C75B0437E75CC53DF241D36C52D52D5FBB6147EB1B9CC504CD3E688A9FD1CE444F1C820CF8CA4CCDA3D7C9E576E125010810A5B5FD090ED3F17DF26BF9744B1ECB506185F350E266B94A9207094D612F7ED09E8847D3410C73E2A1FC7E3EB5CFB1946AA82F1343B2322404D9E7">
</form>
</div>
</div>
</div>
</div>
{{#if firstInstance}}
<link media="all" rel="stylesheet" href="/assets/themes/{{theme}}/css/membership-login.css?cb={{cacheBuster}}">
{{/if}}
<div class="membership-login">
{{#if logoUrl}}
<img src="{{logoUrl}}" alt="{{logoAltText}}" class="membership-login__logo" />
{{/if}}
{{#if logo2Url}}
<img src="{{logo2Url}}" alt="{{logo2AltText}}" class="membership-login__logo2" />
{{/if}}
<div class="membership-login__inner">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<form action="/protected-page/" enctype="multipart/form-data" id="login" method="post">
<input name="__RequestVerificationToken" type="hidden"
value="QDD7LajfWsCEYWIb9h-SpFEqyvKdDN8KoPpG5Uf0Nb8glDm5-IgWpy3HxaTWymnZAh_jWYjuCFY7QrjG6kkju9b2Yi29Zv45cPbPKWqxE8c1">
<div class="cell form__row">
<label class="form__label" for="MemberLogin_Username">Username</label>
<input class="textfield__input" id="MemberLogin_Username" name="MemberLogin.Username"
placeholder="Username" type="text" value="">
</div>
<div class="cell form__row">
<label class="form__label" for="MemberLogin_Password">Password</label>
<input class="textfield__input" id="MemberLogin_Password" name="MemberLogin.Password"
placeholder="Password" type="password">
</div>
<div class="cell form__row">
<input class="primary-cta" name="login" value="Login" type="submit">
</div>
<input name="ufprt" type="hidden"
value="D6F2875C20B8A953A077FB873B7C4D27538E5E0B8BBF4F81333C74D5473C1F5250F4F6C75B0437E75CC53DF241D36C52D52D5FBB6147EB1B9CC504CD3E688A9FD1CE444F1C820CF8CA4CCDA3D7C9E576E125010810A5B5FD090ED3F17DF26BF9744B1ECB506185F350E266B94A9207094D612F7ED09E8847D3410C73E2A1FC7E3EB5CFB1946AA82F1343B2322404D9E7">
</form>
</div>
</div>
</div>
</div>
{
"theme": "default",
"firstInstance": true,
"logoUrl": "/media/membership-login-logo.svg",
"logoAltText": "Dart",
"logo2Url": "/media/membership-login-logo.svg",
"logo2AltText": "Dart"
}
@import 'source/scss/01-settings/_import';
@import 'source/scss/02-tools/_import';
.membership-login {
align-items: center;
background: $color-grey;
display: flex;
justify-content: center;
min-height: 100vh;
position: relative;
width: 100%;
&__inner {
background: $color-white;
margin: auto rem(25);
padding: rem(25);
width: rem(500);
}
&__logo {
left: 25px;
max-height: 150px;
max-width: 150px;
position: absolute;
top: 22px;
}
&__logo2 {
bottom: 22px;
max-height: 150px;
max-width: 150px;
position: absolute;
right: 25px;
}
form {
width: 100%;
}
}
No notes defined.