ok
2 years ago in HTML
<!DOCTYPE html>
<html><head><style>body {transition: opacity ease-in 0.2s; }
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
</style><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name="description" content="Spond is the best service for organizing sports teams, school bands and other groups. We send out millions of invitations each month on behalf of our users."><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><title>Spond</title><base href="/landing/login"><!--[if lte IE 8]>
<link rel="stylesheet" href="/static/v/1/landing-apps/unsubscribe/assets/ie.css">
<![endif]--><link href="/static/v/1667298491/landing-apps/login/styles.26918c834024a370c099.bundle.css" rel="stylesheet"><link href="/static/v/1667298491/landing-apps/login/main.f13257ee7e71c1710e8f.bundle.css" rel="stylesheet"><style>body{background-color:#fff}body,html{height:100%}</style><style>.header-wrapper[_ngcontent-c1]{height:100px}.middle[_ngcontent-c1]{text-align:center}input[type=password][_ngcontent-c1], input[type=text][_ngcontent-c1]{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}input[type=password][_ngcontent-c1]:focus, input[type=text][_ngcontent-c1]:focus{outline:0!important}form[_ngcontent-c1] input[type=email][_ngcontent-c1], form[_ngcontent-c1] input[type=password][_ngcontent-c1], form[_ngcontent-c1] input[type=text][_ngcontent-c1]{border-radius:4px;border:none;height:38px;line-height:38px;padding:0 10px}form[_ngcontent-c1] input[type=submit][_ngcontent-c1]{width:100%;height:38px;line-height:38px;margin:0;padding:0}.form-page[_ngcontent-c1]{width:100%;height:100%;background-color:#fff}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1]{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px 0;font-size:14px}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] h3[_ngcontent-c1]{text-align:center;font-weight:400}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] p[_ngcontent-c1]{margin:0 0 15px}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] section[_ngcontent-c1]{width:300px;padding:20px;border:1px solid #dbdbdb;background-color:#fff;border-radius:2px;margin-top:15px}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] section[_ngcontent-c1] div[_ngcontent-c1]{line-height:24px;font-size:16px}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] label[_ngcontent-c1]{font-size:14px;width:100%;margin-bottom:10px;font-weight:600}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] label[_ngcontent-c1] a[_ngcontent-c1]{font-weight:400}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] input[type=email][_ngcontent-c1], .form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] input[type=password][_ngcontent-c1], .form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] input[type=text][_ngcontent-c1]{width:100%;-webkit-box-shadow:none;box-shadow:none;border:1px solid #e2e2e2;margin-bottom:0}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] form[_ngcontent-c1]{width:100%}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .right[_ngcontent-c1]{position:absolute;top:0;right:0;width:auto;text-align:right}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .left[_ngcontent-c1]{float:left;width:100%}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .input-wrapper[_ngcontent-c1]{position:relative;margin-bottom:20px}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .input-wrapper[_ngcontent-c1] a[_ngcontent-c1]{color:#0080a3}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .caption[_ngcontent-c1]{margin:10px 0 0;color:grey;text-align:center}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .note-wrapper[_ngcontent-c1]{text-align:center;background-color:transparent}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .note-wrapper[_ngcontent-c1] p[_ngcontent-c1]{margin:0}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .error-color[_ngcontent-c1], .form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .error-text[_ngcontent-c1]{color:#a94442}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .error-text[_ngcontent-c1]{margin:8px 0 0;display:block}.form-page[_ngcontent-c1] .form-wrapper[_ngcontent-c1] .error-input[_ngcontent-c1]{border:1px solid #ebccd1}</style><style>.spond-header-component[_ngcontent-c2]{display:block;background:#fff;top:0;right:0;left:0;width:100%;height:50px;z-index:900;border-bottom:1px solid #e1e8ed}.spond-header-component[_ngcontent-c2] .logo-wrapper[_ngcontent-c2]{width:100%;min-width:300px;text-align:center}.spond-header-component[_ngcontent-c2] .logo-wrapper[_ngcontent-c2] .logo-img-wrapper[_ngcontent-c2]{display:inline-block;padding-right:10px}.spond-header-component[_ngcontent-c2] .logo-wrapper[_ngcontent-c2] .cashback-title[_ngcontent-c2]{font-size:26px;font-weight:200;display:inline-block;padding-left:12px;border-left:1px solid rgba(0,0,0,.1);vertical-align:bottom;text-transform:uppercase;letter-spacing:3px}.spond-header-component[_ngcontent-c2] .logo-wrapper[_ngcontent-c2] img.spond-logo[_ngcontent-c2]{border-color:#fff;color:rgba(255,255,255,.3);height:26px;width:130px;cursor:pointer;display:block;margin:0 auto;padding-top:11px;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}</style><style>.spinner-button-component[_ngcontent-c4]{border-radius:2px;padding:8px 16px;position:relative}.spinner-button-component[_ngcontent-c4] img[_ngcontent-c4]{position:absolute;width:18px;height:18px;left:50%;margin-left:-9px;top:50%;margin-top:-9px}.spinner-button-component.spond-big-blue[_ngcontent-c4], .spinner-button-component.spond-blue[_ngcontent-c4], .spinner-button-component.spond-small-blue[_ngcontent-c4]{background-color:#4db7ca;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#4db7ca),to(#28a5b5))!important;background:linear-gradient(to bottom,#4db7ca 50%,#28a5b5 100%)!important;border:1px solid #0080a3;color:#fff}.spinner-button-component.spond-big-blue[_ngcontent-c4]:hover, .spinner-button-component.spond-blue[_ngcontent-c4]:hover, .spinner-button-component.spond-small-blue[_ngcontent-c4]:hover{background-color:#2aa6a8;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#0080a3),to(#2aa6a8))!important;background:linear-gradient(to bottom,#0080a3 50%,#2aa6a8 100%)!important}.spinner-button-component.spond-big-grey[_ngcontent-c4], .spinner-button-component.spond-grey[_ngcontent-c4]{background-color:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#f1f1f1),to(#f1f1f1))!important;background:linear-gradient(to bottom,#f1f1f1 50%,#f1f1f1 100%)!important;border:1px solid #f1f1f1;color:#000!important}.spinner-button-component.spond-big-grey[_ngcontent-c4]:hover, .spinner-button-component.spond-grey[_ngcontent-c4]:hover{background-color:#e2e2e2;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#e2e2e2),to(#e2e2e2))!important;background:linear-gradient(to bottom,#e2e2e2 50%,#e2e2e2 100%)!important}.spinner-button-component.spond-red[_ngcontent-c4], .spinner-button-component.spond-small-red[_ngcontent-c4]{background-color:#d9534f;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#d9534f),to(#c3534f))!important;background:linear-gradient(to bottom,#d9534f 50%,#c3534f 100%)!important;border:1px solid #d9534f;color:#fff}.spinner-button-component.spond-red[_ngcontent-c4]:hover, .spinner-button-component.spond-small-red[_ngcontent-c4]:hover{background-color:#d9534f;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#d2504a),to(#b04038))!important;background:linear-gradient(to bottom,#d2504a 50%,#b04038 100%)!important}.spinner-button-component.spond-small[_ngcontent-c4], .spinner-button-component.spond-small-blue[_ngcontent-c4], .spinner-button-component.spond-small-red[_ngcontent-c4]{min-width:60px;color:#fff;padding:6px 12px;font-size:12px;border-radius:2px}.spinner-button-component.spond-big[_ngcontent-c4], .spinner-button-component.spond-big-blue[_ngcontent-c4], .spinner-button-component.spond-big-grey[_ngcontent-c4]{min-width:80px;color:#fff;padding:10px 24px;font-size:16px;border-radius:2px}</style></head><body><checkout-alert id="fixedWrapper" style="position: fixed; z-index: 2147483647; height: 100%; width: 100%; pointer-events: none;"></checkout-alert><noscript><div class="unsupported-browser-wrapper"><h1>Your browser does not support JavaScript</h1><p>This page requires JavaScript to be enabled. Please enable JavaScript and reload the page, or contact us at <a href="#">[email protected]</a> for assistance.</p></div></noscript><div class="unsupported-browser-wrapper outdated-browser" style="display: none;"><h1>Your browser is outdated</h1><p>Your browser is too old and is not supported. Please upgrade to a newer version of your browser, or a modern browser such as Google Chrome, and reload the page. For assistance; contact us at <a href="#">[email protected]</a>.</p></div><root ng-version="4.4.7"><router-outlet></router-outlet><app-login _nghost-c1=""><div _ngcontent-c1="" class=" form-page">
<div _ngcontent-c1="" class="header-wrapper">
<spond-header _ngcontent-c1="" _nghost-c2=""><div _ngcontent-c2="" class="spond-header-component">
<div _ngcontent-c2="" class="logo-wrapper">
<div _ngcontent-c2="" class="logo-img-wrapper">
<a _ngcontent-c2="" href="/">
<img _ngcontent-c2="" alt="SPOND" class="spond-logo" src="/static/v/1667298491/landing-apps/login/spond_logo.34e16151b7495b6c3310.svg">
</a>
</div>
</div>
</div>
</spond-header>
</div>
<div _ngcontent-c1="" class="form-wrapper">
<h3 _ngcontent-c1="">Sign in</h3>
<section _ngcontent-c1="">
<!---->
<!---->
<!---->
<div _ngcontent-c1="" class="input-wrapper">
<!---->
</div>
<div _ngcontent-c1="">
<form _ngcontent-c1="" novalidate="" class="ng-untouched ng-pristine ng-valid">
<div _ngcontent-c1="" class="input-wrapper">
<label _ngcontent-c1="">Email address or phone number</label>
<input _ngcontent-c1="" name="emailOrPhoneNumber" type="text" class="ng-untouched ng-pristine ng-valid">
<!---->
</div>
<div _ngcontent-c1="" class="input-wrapper">
<label _ngcontent-c1="" class="left">Password</label>
<label _ngcontent-c1="" class="right"><a _ngcontent-c1="" tabindex="-1" href="/landing/login/forgot-password">Forgot password</a></label>
<input _ngcontent-c1="" name="password" type="password" class="ng-untouched ng-pristine ng-valid">
</div>
<spinner-button _ngcontent-c1="" buttontheme="btn-with-shadow spond-big-blue" _nghost-c4=""><button _ngcontent-c4="" class="spinner-button-component spinner-button btn btn-default btn-with-shadow spond-big-blue">
<img _ngcontent-c4="" src="/static/v/1667298491/landing-apps/login/spinner-black.712bff5ca23e2378b816.gif" hidden="">
<span _ngcontent-c4="" style="visibility: visible;">
Sign in
</span>
</button>
</spinner-button>
</form>
</div>
</section>
<section _ngcontent-c1="" class="note-wrapper">
<p _ngcontent-c1="">New to Spond? <a style="color:#0080A3;cursor:pointer;" target="_blank" href="/landing/register">Create an account</a></p>
</section>
</div>
</div>
</app-login>
</root><script type="text/javascript" src="/static/v/1667298491/landing-apps/login/inline.cf3fced31dcfac8b4806.bundle.js"></script><script type="text/javascript" src="/static/v/1667298491/landing-apps/login/polyfills.d9f0012ee541d9403d1c.bundle.js"></script><script type="text/javascript" src="/static/v/1667298491/landing-apps/login/vendor.7c2a922199dc3d854264.bundle.js"></script><script type="text/javascript" src="/static/v/1667298491/landing-apps/login/main.490fff2814b51a8a1e56.bundle.js"></script></body></html>