| 1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd"> |
| 2 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
| 3 |
<head> |
| 4 |
|
| 5 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 6 |
<meta name="title" content="Subscription Signup | Marketo" /> |
| 7 |
<meta name="robots" content="index, follow" /> |
| 8 |
<meta name="description" content="Marketo Search Marketing application" /> |
| 9 |
<meta name="keywords" content="Marketo, Search Marketing" /> |
| 10 |
<meta name="language" content="en" /> |
| 11 |
<title>Subscription Signup | Marketo</title> |
| 12 |
|
| 13 |
<link rel="shortcut icon" href="/favicon.ico" /> |
| 14 |
|
| 15 |
|
| 16 |
<script src="../../lib/jquery.js" type="text/javascript"></script> |
| 17 |
<script src="../../lib/jquery.metadata.js" type="text/javascript"></script> |
| 18 |
<script src="../../lib/jquery.ajaxQueue.js" type="text/javascript"></script> |
| 19 |
<script src="../../lib/jquery.delegate.js" type="text/javascript"></script> |
| 20 |
<script src="../../jquery.validate.js" type="text/javascript"></script> |
| 21 |
|
| 22 |
<script type="text/javascript" src="jquery.maskedinput.js"></script> |
| 23 |
<script type="text/javascript" src="mktSignup.js"></script> |
| 24 |
|
| 25 |
<link rel="stylesheet" type="text/css" media="screen" href="stylesheet.css" /> |
| 26 |
</head> |
| 27 |
<body> |
| 28 |
<!--[if lte IE 6]> |
| 29 |
<link rel="stylesheet" type="text/css" media="all" href="ie6.css" /> |
| 30 |
<![endif]--> |
| 31 |
|
| 32 |
|
| 33 |
|
| 34 |
<!-- start page wrapper --><div id="letterbox"> |
| 35 |
|
| 36 |
<!-- start header container --> |
| 37 |
<div id="header-background"> |
| 38 |
<div class="nav-global-container"> |
| 39 |
|
| 40 |
<div class="login"><a href="https://app.marketo.com"><span></span>Customer Login</a></div> |
| 41 |
<div class="logo"><a href="#"><img src="images/logo_marketo.gif" width="168" height="73" alt="Marketo" /></a></div> |
| 42 |
<div class="nav-global"> |
| 43 |
<ul> |
| 44 |
<li><a href="#" class="nav-g01"><span></span>Home</a></li> |
| 45 |
<li><a href="#" class="nav-g02"><span></span>Products</a></li> |
| 46 |
<li><a href="#" class="nav-g04"><span></span>B2B Marketing Resources</a></li> |
| 47 |
|
| 48 |
<li><a href="#" class="nav-g05"><span></span>About Marketo</a></li> |
| 49 |
</ul> |
| 50 |
</div> |
| 51 |
|
| 52 |
</div> |
| 53 |
</div> |
| 54 |
<!-- end header container --> |
| 55 |
<div class="line-grey-tier"></div> |
| 56 |
|
| 57 |
<!-- start page container 2 div--> |
| 58 |
<div id="page-container" class="resize"><div id="page-content-inner" class="resize"> |
| 59 |
|
| 60 |
<!-- start col-main --> |
| 61 |
|
| 62 |
<div id="col-main" class="resize" style=""> |
| 63 |
|
| 64 |
|
| 65 |
|
| 66 |
<!-- start main content --> |
| 67 |
<div class="main-content resize"> |
| 68 |
|
| 69 |
<div class="action-container" style="display:none;"></div> |
| 70 |
|
| 71 |
|
| 72 |
<h1>Step 2 of 2</h1> |
| 73 |
<h2>Billing Information</h2> |
| 74 |
<p> |
| 75 |
</p> |
| 76 |
<br clear="all" /> |
| 77 |
<div> |
| 78 |
<form id="billingForm" action="" method="get" > |
| 79 |
|
| 80 |
<div class="error" style="display:none;"> |
| 81 |
<img src="images/warning.gif" alt="Warning!" width="24" height="24" style="float:left; margin: -5px 10px 0px 0px; " /> |
| 82 |
|
| 83 |
<span></span>.<br clear="all" /> |
| 84 |
</div> |
| 85 |
<table cellpadding="0" cellspacing="0" border="0"> |
| 86 |
<tr> |
| 87 |
<td class="label" style="vertical-align: top; padding-top: 8px;">Billing Address:</td> |
| 88 |
<td class="field" style="font-weight: normal"> |
| 89 |
<div class="billingAddressControl"> |
| 90 |
|
| 91 |
<input type="checkbox" id="bill_to_co" name="bill_to_co" class="toggleCheck" checked="checked" style="width: auto;" tabindex="1" /> |
| 92 |
<label for="bill_to_co" style="cursor:pointer">Same as Company Address</label> |
| 93 |
</div> |
| 94 |
</td> |
| 95 |
</tr> |
| 96 |
<tr class="subTable"> |
| 97 |
<td colspan="2"> |
| 98 |
<div style="background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 10px;" class="subTableDiv"> |
| 99 |
<table cellpadding="0" cellspacing="0" border="0"> |
| 100 |
<tr> |
| 101 |
<td class="label"><label for="bill_first_name">First Name:</label></td> |
| 102 |
<td class="field"> |
| 103 |
<input maxlength="40" class="billingRequired" name="bill_first_name" size="20" type="text" tabindex="2" value="" /> |
| 104 |
</td> |
| 105 |
</tr> |
| 106 |
<tr> |
| 107 |
<td class="label"><label for="bill_last_name">Last Name:</label></td> |
| 108 |
<td class="field"> |
| 109 |
<input maxlength="40" class="billingRequired" name="bill_last_name" size="20" type="text" tabindex="3" value="" /> |
| 110 |
</td> |
| 111 |
</tr> |
| 112 |
<tr> |
| 113 |
<td class="label"><label for="bill_email">Email:</label></td> |
| 114 |
<td class="field"> |
| 115 |
<input maxlength="40" class="billingRequired email" remote="emails.php" name="email" size="20" type="text" tabindex="4" value="" /> |
| 116 |
<div class="formError"></div> |
| 117 |
</td> |
| 118 |
</tr> |
| 119 |
<tr> |
| 120 |
<td class="label"><label for="bill_address1">Address:</label></td> |
| 121 |
<td class="field"> |
| 122 |
<input maxlength="40" class="billingRequired" name="bill_address1" size="20" type="text" tabindex="5" value="" /> |
| 123 |
</td> |
| 124 |
</tr> |
| 125 |
<tr> |
| 126 |
<td class="label"></td> |
| 127 |
<td class="field"> |
| 128 |
<input maxlength="40" name="bill_address2" size="20" type="text" tabindex="6" value="" /> |
| 129 |
</td> |
| 130 |
</tr> |
| 131 |
<tr> |
| 132 |
<td class="label"><label for="bill_city">City:</label></td> |
| 133 |
<td class="field"> |
| 134 |
<input maxlength="40" class="billingRequired" name="bill_city" size="20" type="text" tabindex="7" value="" /> |
| 135 |
</td> |
| 136 |
</tr> |
| 137 |
<tr> |
| 138 |
<td class="label"><label for="bill_state">State:</label></td> |
| 139 |
<td class="field"> |
| 140 |
<select id="bill_state" class="billingRequired" name="bill_state" style="margin-left: 4px;" tabindex="8"> |
| 141 |
<option value="">Choose State</option> |
| 142 |
<option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option> |
| 143 |
</select> |
| 144 |
</td> |
| 145 |
</tr> |
| 146 |
|
| 147 |
<tr> |
| 148 |
<td class="label"><label for="bill_zip">Zip:</label></td> |
| 149 |
<td class="field"> |
| 150 |
<input maxlength="10" class="billingRequired zipcode" name="bill_zip" style="width: 100px" type="text" class="zipcode" tabindex="9" value="" /> |
| 151 |
</td> |
| 152 |
</tr> |
| 153 |
|
| 154 |
<tr> |
| 155 |
<td class="label"><label for="bill_phone">Phone:</label></td> |
| 156 |
<td class="field"> |
| 157 |
<input maxlength="14" class="billingRequired phone" name="bill_phone" style="width: 100px" type="text" class="phone" tabindex="10" value="" /> |
| 158 |
</td> |
| 159 |
</tr> |
| 160 |
</table> |
| 161 |
</div> |
| 162 |
</td> |
| 163 |
</tr> |
| 164 |
<tr> |
| 165 |
<td class="label">Credit Card Type:</td> |
| 166 |
<td class="field"> |
| 167 |
<select id="cc_type" class="required" name="cc_type" class="creditCardType" tabindex="11"> |
| 168 |
<option value="">Choose Credit Card</option> |
| 169 |
<option value="amex">American Express</option> |
| 170 |
<option value="discover">Discover</option> |
| 171 |
<option value="mastercard">MasterCard</option> |
| 172 |
<option value="visa">Visa</option> |
| 173 |
</select> |
| 174 |
</td> |
| 175 |
</tr> |
| 176 |
<tr> |
| 177 |
<td class="label">Expiration:</td> |
| 178 |
<td class="field"> |
| 179 |
<select id="cc_exp_month" name="cc_exp_month" title="ExpirationMonth" tabindex="12"> |
| 180 |
<option value="01">01 - Jan</option> |
| 181 |
<option value="02">02 - Feb</option> |
| 182 |
<option value="03">03 - Mar</option> |
| 183 |
<option value="04">04 - Apr</option> |
| 184 |
<option value="05">05 - May</option> |
| 185 |
<option value="06">06 - Jun</option> |
| 186 |
<option value="07">07 - Jul</option> |
| 187 |
<option value="08">08 - Aug</option> |
| 188 |
<option value="09">09 - Sep</option> |
| 189 |
<option value="10">10 - Oct</option> |
| 190 |
<option value="11">11 - Nov</option> |
| 191 |
<option value="12">12 - Dec</option> |
| 192 |
</select> |
| 193 |
<select id="cc_exp_year" name="cc_exp_year" title="ExpirationYear" tabindex="13"> |
| 194 |
<option value="2007">2007</option> |
| 195 |
<option value="2008" selected="selected">2008</option> |
| 196 |
<option value="2009">2009</option> |
| 197 |
<option value="2010">2010</option> |
| 198 |
<option value="2011">2011</option> |
| 199 |
<option value="2012">2012</option> |
| 200 |
<option value="2013">2013</option> |
| 201 |
<option value="2014">2014</option> |
| 202 |
<option value="2015">2015</option> |
| 203 |
<option value="2016">2016</option> |
| 204 |
</select> |
| 205 |
</td> |
| 206 |
</tr> |
| 207 |
<tr> |
| 208 |
<td class="label"><label for="credit_card">Credit Card Number:</label></td> |
| 209 |
<td class="field"> |
| 210 |
<input maxlength="40" id="creditcard" class="required" name="credit_card" size="20" type="text" tabindex="14" /> |
| 211 |
</td> |
| 212 |
</tr> |
| 213 |
<tr> |
| 214 |
<td class="label"><label for="cc_cvv">Security Code:</label></td> |
| 215 |
<td class="field"> |
| 216 |
<input id="ccNumber" class="required" maxlength="4" name="cc_cvv" style="width: 30px;" type="text" style="vertical-align: top;" tabindex="16" value="" /> |
| 217 |
</td> |
| 218 |
</tr> |
| 219 |
<tr> |
| 220 |
<td></td> |
| 221 |
<td> |
| 222 |
<div class="buttonSubmit"> |
| 223 |
<span></span> |
| 224 |
<input class="formButton" type="submit" value="Finish" style="width: 180px" /> |
| 225 |
</div><br clear="all"/> |
| 226 |
|
| 227 |
</td> |
| 228 |
</tr> |
| 229 |
</table> |
| 230 |
</form> |
| 231 |
<br clear="all" /> |
| 232 |
|
| 233 |
</div> |
| 234 |
|
| 235 |
|
| 236 |
|
| 237 |
</div> <!-- end main content --> |
| 238 |
<br /> |
| 239 |
</div> <!-- end col-main --> |
| 240 |
|
| 241 |
<!-- start left col --> |
| 242 |
<div id="col-left" class="nav-left-back empty resize" style="position: absolute; min-height: 450px;"> |
| 243 |
<div class="col-left-header-tab" style="position: absolute;">Signup</div> |
| 244 |
<div class="nav-left"> |
| 245 |
|
| 246 |
|
| 247 |
</div> |
| 248 |
|
| 249 |
|
| 250 |
<div class="left-nav-callout png" style="top: 15px; margin-bottom: 100px;"> |
| 251 |
<img src="images/left-nav-callout-long.png" class="png" alt="" /> |
| 252 |
<h6>Sign Up Process</h6> |
| 253 |
<a style="background-image: url(images/step1-24.gif); font-weight: normal; text-decoration: none; cursor: default;">Sign up with a valid credit card.</a> |
| 254 |
<a style="background-image: url(images/step2-24.gif); font-weight: normal; text-decoration: none; cursor: default;">Connect to your Google AdWords account. You will need your AdWords Customer ID.</a> |
| 255 |
|
| 256 |
<a target="_blank" style="background-image: url(images/step3-24.gif); font-weight: normal; text-decoration: none; cursor: default;">Start your 30 day trial. No payments until trial ends.</a> |
| 257 |
</div> |
| 258 |
|
| 259 |
<div class="footerAddress"> |
| 260 |
<b>Marketo Inc.</b><br /> |
| 261 |
1710 S. Amphlett Blvd.<br /> |
| 262 |
San Mateo, CA 94402 USA<br /> |
| 263 |
</div> |
| 264 |
<br clear="all"/> |
| 265 |
</div> <!-- end left col --> |
| 266 |
|
| 267 |
</div> </div> <!-- end page container 2 divs--> |
| 268 |
|
| 269 |
<div id="footer-container" align="center"> |
| 270 |
<div class="footer"> |
| 271 |
<ul> |
| 272 |
<li><a href="..">Home</a></li> |
| 273 |
<li class="line-off"><a href=".">Back to first step</a></li> |
| 274 |
</ul> |
| 275 |
</div></div> |
| 276 |
|
| 277 |
|
| 278 |
|
| 279 |
<!-- end page wrapper --> |
| 280 |
</div> |
| 281 |
|
| 282 |
|
| 283 |
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> |
| 284 |
</script> |
| 285 |
<script type="text/javascript"> |
| 286 |
_uacct = "UA-2623402-1"; |
| 287 |
urchinTracker(); |
| 288 |
</script> |
| 289 |
|
| 290 |
</body> |
| 291 |
</html> |
| 292 |
|
