1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!--"Lato" and "Covered by Your Grace" fonts under OFL license: https://scripts.sil.org/OFL --> 5 <link rel="preload" href="https://cdn.catchjs.com/fonts/lato/v16/S6uyw4BMUTPHjx4wXg.woff2" as="font" type="font/woff2" crossorigin /> 6 <title>Create account | CatchJS</title> 7 <!-- Meta --> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <meta name="author" content=""> 12 <link rel="icon" href="//cdn.catchjs.com/images/logo/logo16x16_2_transparent.png" sizes="16x16" type="image/png"> 13 <link rel="icon" href="//cdn.catchjs.com/images/logo/logo32x32_2_transparent.png" sizes="32x32" type="image/png"> 14
14<script src="//cdn.catchjs.com/catch.js" ></script>
14 15 16 17 18 <link href="https://cdn.catchjs.com/css/bundle.min.css?22" rel="stylesheet"> 19 20 21</head> 22 23<body> 24 <!-- ******HEADER****** --> 25 <header id="top" class="header nbar-fixed-top "> 26 <div class="container nbar"> 27 <h1 class="logo pull-left"> 28 <a href="/" title="CatchJS"> 29<svg width="50px" height="50px" viewBox="-82 -66 300 300" class="l1"> 30 <circle cx="68" cy="84" r="150" fill="#de5a6a"></circle> 31 <g style="transform: translate(90px, -70px);"> 32 <polygon points="130,191 70,191 22,156 4,100 22,44 70,9 130,9 178,44 196,100 178,156" id="d6" transform="scale(2.1)" fill="#ffffff4c" stroke="#fff" stroke-width="2px"></polygon> 33 <use href="#d6" style="transform:rotate(72deg)"></use> 34 <use href="#d6" style="transform:rotate(144deg)"></use> 35 <use href="#d6" style="transform:rotate(216deg)"></use> 36 <use href="#d6" style="transform:rotate(288deg)"></use> 37 </g> 38</svg> 39 <span class="logo-title">catch<span style="color:#de5a6a">js</span></span> 40 </a> 41 </h1><!--//logo--> 42 <div class="alt-menu"> 43 <a class="am1" href="/#jserr">Error tracking</a> 44 <a class="am2" href="/#perf">Performance monitoring</a> 45 <a class="price" href="/#pricing">Pricing</a> 46 <a class="last" id="top-li" href="/Account/Login">Log in</a> 47 <a id="top-cta" href="/Home/Pricing" style="display:none">Start monitoring your site</a> 48 49</div> 50 </div> 51 </header><!--//header--> 52 <link href="/css/ccform.min.css" rel="stylesheet" /> 53<style> 54#plan-dd { 55 background: #f5f5f5a8; 56 border: 0; 57 padding: 0 5px; 58 margin-left: 10px; 59} 60.plan-line { 61 margin-bottom: 10px; 62} 63#highlight-box { 64 padding: 4px 2px; 65 font-weight: normal; 66} 67#highlight-box.on { 68 background: #f7e3e6; 69} 70#highlight-text { 71 color: #444; 72 font-weight: bold; 73 display: none; 74} 75@media (max-width: 550px) { 76 .plan-line { margin-bottom: 30px; } 77} 78</style> 79<section class="offset-header section has-pattern gray-section"> 80 <div class="container"> 81
81<script src="https://js.stripe.com/v3/"></script>
81 82<form action="/Account/RegisterStep2" class="form-horizontal boxed-form" id="payment-form" method="post" role="form" style="max-width: 600px"> <div class="row"> 83 <h2>Almost there...</h2> 84 <p> 85 Sign up and take your web site to the next level. 86 </p> 87 <div class="plan-line">Selected plan: <b>Development</b> 88 ($44 per month, paid annually) 89 90 <div class="dropdown" id="plan-wrap" style="display:inline-block; float: right;"> 91 <button class="btn btn-default dropdown-toggle" type="button" id="plan-dd" data-toggle-class="open" data-toggle-class-on="plan-wrap" aria-label="Plans"> 92 <span>Change</span> <span class="caret"></span> 93 </button> 94 <ul class="dropdown-menu" role="menu" aria-labelledby="plan-dd" style="left: -184px"> 95 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=development&annual=true">Development, paid annually ($44/month)</a></li> 96 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=production&annual=true">Production, paid annually ($79/month)</a></li> 97 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=enterprise&annual=true">Enterprise, paid annually ($449/month)</a></li> 98 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=development&annual=false">Development, paid monthly ($49/month)</a></li> 99 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=production&annual=false">Production, paid monthly ($89/month)</a></li> 100 <li role="presentation"><a role="menuitem" tabindex="-1" href="/Account/Register?plan=enterprise&annual=false">Enterprise, paid monthly ($499/month)</a></li> 101 </ul> 102 </div> 103 </div> 104 <p>The first charge will be for US $528, 105 when the 14-day free trial ends on Thursday, 08 October 2026. 106 The subscription will renew automatically on that day the next year. 107 You can cancel your subscription at any time by going to your account settings. 108 If you cancel during your free trial, your card will not be charged. 109 </p> 110 <hr /> 111 </div> 112<div class="text-danger validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li> 113</ul></div> <div class="form-group"> 114 <label> 115 Account information 116 </label> 117 <input class="form-control input-lg" data-val="true" data-val-required="The Full name field is required." id="FullName" name="FullName" placeholder="Full name" type="text" value="" /> 118 </div> 119 <div class="form-group"> 120 <input class="form-control input-lg" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-maxlength="The field Email must be a string or array type with a maximum length of '512'." data-val-maxlength-max="512" data-val-required="The Email field is required." id="Email" maxlength="512" name="Email" placeholder="Email" type="email" value="" /> 121 </div> 122 <div class="form-group"> 123 <input class="form-control input-lg" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="Password" maxlength="100" name="Password" placeholder="Password" type="password" /> 124 </div> 125 <div class="form-group"> 126 <input class="form-control input-lg" data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm password" type="password" /> 127 </div> 128<input data-val="true" data-val-required="The StripeToken field is required." id="StripeToken" name="StripeToken" type="hidden" value="" /> <input type="hidden" name="PlanId" value="Development" /> 129 <input type="hidden" name="IsYearly" value="True" /> 130 <div class="form-group"> 131 <label for="card-element"> 132 Credit or debit card 133 </label> 134 <div id="card-element"> 135 <!-- A Stripe Element will be inserted here. --> 136 </div> 137 <!-- Used to display form errors. --> 138 <div id="card-errors" role="alert"></div> 139 </div> 140 <div class="row"> 141 <p> 142 Your card will not be charged until the 14-day trial is over. You can cancel at any time. 143 </p> 144 <label id="highlight-box"> 145 <input type="checkbox" id="accept-agreement" /> I accept the <a class="gray-link" href="/Legal/Agreement">Subscription and Data Protection Agreement</a> 146 </label> 147 <p id="highlight-text">You must accept the agreement to start a subscription.</p> 148 </div> 149 <div class="form-group"> 150 <input type="submit" class="btn btn-success input-lg" id="register-btn" value="Create account" /> 151 </div> 152<input name="__RequestVerificationToken" type="hidden" value="CfDJ8MsSTUgaznlPtC8zx4quh-RE9v-gxRQjaGGk_rADRsqbAvmPKMAgNsgujIBdYtWdBc_Cgvt9kexl_43Dp781Ul-fnNImZhYxv-Je_X2dCIG0VgbL5odIi5gETQ9ZSPVyIT8lnG5nz56XJyRT86Ummis" /></form>
152<script> 153 // Create a Stripe client. 154 155 var stripe_client_secret = 'seti_1UJEYgBsDi2huaV7k4T6w1HM_secret_VJsJEkmnPWzvO9gC2uEzZKGWY3pCPvj'; 156 var stripe = Stripe('pk_live_mCsdKYLCJBcYbL4UTz5a619D'); 157 158 // Create an instance of Elements. 159 var elements = stripe.elements(); 160 161 // Custom styling can be passed to options when creating an Element. 162 // (Note that this demo uses a wider set of styles than the guide below.) 163 var style = { 164 base: { 165 color: '#ccc', 166 lineHeight: '18px', 167 fontSize: '18px', 168 fontFamily: 'Lago, arial, "Helvetica Neue", Helvetica, sans-serif', 169 fontSmoothing: 'antialiased', 170 '::placeholder': { 171 fontSize: '18px', 172 color: '#777' 173 } 174 }, 175 invalid: { 176 color: '#fa755a', 177 iconColor: '#fa755a' 178 } 179 }; 180 181 // Create an instance of the card Element. 182 var card = elements.create('card', { 183 style: style, 184 hidePostalCode: true 185 }); 186 187 // Add an instance of the card Element into the `card-element` <div>. 188 card.mount('#card-element'); 189 190 // Create a token or display an error when the form is submitted. 191 var form = document.getElementById('payment-form'); 192 var registerBtn = document.getElementById("register-btn"); 193 var highlightBox = document.getElementById("highlight-box"); 194 var highlightText = document.getElementById("highlight-text"); 195 var acceptCheckbox = document.getElementById("accept-agreement"); 196 acceptCheckbox.addEventListener("change", function() { 197 if (acceptCheckbox.checked) { 198 hideHighlight(); 199 } 200 }) 201 function showHighlight() { 202 highlightBox.className = "on"; 203 highlightText.style.display = "block"; 204 } 205 function hideHighlight() { 206 highlightBox.className = ""; 207 highlightText.style.display = "none"; 208 } 209 form.addEventListener('submit', function (event) { 210 211 event.preventDefault(); 212 if (!acceptCheckbox.checked) { 213 showHighlight(); 214 return; 215 } 216 registerBtn.disabled = true; 217 stripe.handleCardSetup(stripe_client_secret, card).then(function (result) { 218 registerBtn.disabled = false; 219 if (result.error) { 220 // Inform the customer that there was an error. 221 var errorElement = document.getElementById('card-errors'); 222 errorElement.textContent = result.error.message; 223 } else { 224 submitStripeToken(result.setupIntent.payment_method); 225 } 226 }); 227 }); 228 function submitStripeToken(payment_method) { 229 var form = document.getElementById('payment-form'); 230 var hiddenInput = document.getElementById('StripeToken'); 231 hiddenInput.setAttribute('value', payment_method); 232 form.appendChild(hiddenInput); 233 234 form.submit(); 235 } 236 </script>
236 237 </div> 238</section> 239 240<footer class="footer"> 241 <div class="container"> 242 <span class="copyright pull-left">CatchJS</span> 243 <ul class="links list-inline"> 244 <li><a href="/Home/AboutUs">About Us</a></li> 245 <li><a href="/Legal/Agreement">Terms</a></li> 246 <li><a href="/Legal/Privacy">Privacy</a></li> 247 <li><a href="/Contact">Contact us</a></li> 248 <li><a href="/Contact/OpenSource">Open Source</a></li> 249 <li><a href="/Docs">Documentation</a></li> 250 <li><a href="/Account/Login">Log in</a></li> 251 </ul> 252 </div> 253</footer> 254 255 256 257
257<script src="https://cdn.catchjs.com/js/libs/nostrap.min.js?5"></script>
257 258 259 260</body> 261</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.