Visualizing the OAuth 2.0 Client Flow

HTML code for the Constant Contact login screen


DOCTYPE html>
<!--[if lt IE 7]>
lt-ie8 lt-ie7" lang="en">
endif]-->
<!--[if IE 7]>
lt-ie8" lang="en">
endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en">
endif]-->
<!--[if gt IE 8]>
<!-->
<html class="no-js" lang="en">
<!--
endif]-->
<head>
<title>Constant Contact : Login</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
started- FREE!"/>

css/base.css?ssl=true&version=20131203130542.73" />
	css/shell.css?ssl=true&version=20131203130542.73" /> 	
css/login.css?ssl=true&version=20131203130542.73" />
 <!--[if lt IE 10]> 	css/ie.css?ssl=true&version=20131203130542.73">
 endif]-->
 <!--[if lt IE 9]> 	css/ie-lt9.css?ssl=true&version=20131203130542.73">
endif]-->
</head>
<body id="login" class="nosell">
 <header class="shell clearfix">
 <img src="//imgssl.constantcontact.com/lp/images/standard/logos/logo_ctct.png" 
height="31" width="211" alt="Constant Contact, Inc." id="ctct-logo">
 </header>
 <section class="shell">
 <div id="content" class="clearfix">
 <div id="login-form" class="clearfix">
 <form id="login" action="login.sdo" method="post">
 <input id="reauth" name="reauth" type="hidden" value="false"/>
 <input id="gotoUrl" name="gotoUrl" type="hidden" 
value="https://oauth2.constantcontact.com/oauth2/oauth/login?response_type=token"/>
 <input id="pingme" name="pingme" type="hidden" value=""/>
 <input type="hidden" id="cookiesEnabled" name="cookiesEnabled" value="" />
 <input id="resume" name="resume" type="hidden" value=""/>
 <fieldset class="">
 <label for="luser">Username</label>
 <span class="recover-login">Forgot your
 <a href="/login/unrecover.sdo">username</a>?
 </span>
 <input id="luser" name="luser" tabindex="1" type="text" value=""/>
 <label for="lpass">Password</label>
 <span class="recover-login">Forgot your
 <a href="/login/pwreset.sdo">password</a>?
 </span>
 <input id="lpass" name="lpass" tabindex="2" type="password" value="" autocomplete="off"/>
 <p>
 <input id="remuser" name="remuser" tabindex="3" type="checkbox" value="true"/>
 <input type="hidden" name="_remuser" value="on"/>
 <label for="remuser" class="label-sub">Remember my username</label>
 </p>
 <button type="submit" class="button style1 left" name="_save" tabindex="4">Log In</button>
 <span class="recover">
 <a href="openidrp?loginUsing=paypal">Login with PayPal&reg;</a>
 </span>
 </fieldset>
<form>
 </div>
 </div>
 </section>

var url= window.location.href;
 $.fn.recordAnalytics({
 sourceUrl : url,
 applicationName : 'ext-login',
 serverUrl : 'https://www.constantcontact.com'
 });
 </script>
 <footer class="shell">
 <nav class="footnote">
 © Constant Contact, Inc. 1996-2013
<a href="http://www.constantcontact.com/privacy_guarantee.jsp" 
target="winHTML" onclick="popHTML(this.href,620,520,1);return false">Privacy Statement</a>
 <a href="http://www.constantcontact.com/privacy_california.jsp" target="winHTML" 
onclick="popHTML(this.href,620,520,1);return false">California Privacy Rights</a>
 <a href="http://www.constantcontact.com/uidocs/CCSpamPolicy.jsp" target="winHTML" 
onclick="popHTML(this.href,620,520,1);return false">Anti-Spam Policy</a>
 <a href="http://www.constantcontact.com/uidocs/CCSiteOwnerAgreement.jsp" 
target="winHTML" onclick="popHTML(this.href,620,520,1);return false">Terms &amp; Conditions</a>
 </nav>
 </footer>
 </body>
 </html>

Pages: 1 2 3

Leave a Comment