OLD | NEW |
(Empty) | |
| 1 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| 2 <!--Form Location: https://new.aol.com/productsweb/?promocode=825345&ncid=txtlnk
uswebr00000106--><head> |
| 3 <title>AOL</title> |
| 4 <meta http-equiv="Pragma" content="no-cache"> |
| 5 <meta http-equiv="Expires" content="-1"> |
| 6 |
| 7 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> |
| 8 <link rel="Stylesheet" type="text/css" href="https://s.aolcdn.com/os/productsreg
v2/regpath4.css"> |
| 9 <!--[if IE]><style type="text/css">div.errCont {padding-top:10px;}</style><![end
if]--><meta name="viewport" content="width=760, initial-scale=0.4, minimum-scale
=0.4"> |
| 10 <!-- Custom JavaScript --><meta http-equiv="Pragma" content="no-cache"> |
| 11 <meta http-equiv="Expires" content="-1"> |
| 12 </head> |
| 13 <body> |
| 14 |
| 15 <div id="header-g3"> |
| 16 <div class="top-nav-signin"> |
| 17 <div class="top-nav-links"> |
| 18 <span class="aol-help"><a href="http://www.aol.com/" class="bigg
er-aol">Aol.</a> | <a href="http://help.aol.com/">Help</a></span> |
| 19 <span class="sigin-link">Already have a username? <a href="https
://my.screenname.aol.com/_cqr/login/login.psp?offerId=aol-com-jv3-en-us&site
domain=startpage.aol.com&siteState=http://www.aol.com&lang=en&locale
=us" class="login-link" id="loginLink">Sign In</a></span> |
| 20 </div> |
| 21 </div> |
| 22 </div> |
| 23 |
| 24 <div class="main-cont"> |
| 25 <div class="form-container"> |
| 26 <div class="top-edge-cont"></div> |
| 27 |
| 28 <div class="mid-edge-cont"> |
| 29 <form name="initRegistrationActionForm" id="initRegistration
ActionForm" action="/productsweb/subflows/FreeMemberRegistration/FreeAolRegistra
tionAction.do" class="mainCont" method="post" > |
| 30 <div class="beforeRegFields"> |
| 31 |
| 32 </div> |
| 33 |
| 34 |
| 35 |
| 36 |
| 37 |
| 38 |
| 39 |
| 40 |
| 41 |
| 42 |
| 43 |
| 44 |
| 45 <fieldset class="contBlock" id="createEmail"> |
| 46 <h3>Create Your Account</h3> |
| 47 |
| 48 |
| 49 |
| 50 |
| 51 |
| 52 |
| 53 |
| 54 |
| 55 |
| 56 |
| 57 |
| 58 |
| 59 |
| 60 |
| 61 |
| 62 |
| 63 |
| 64 |
| 65 |
| 66 |
| 67 |
| 68 <h2 class="sect-headline">Let's create your account</h2> |
| 69 |
| 70 <div id="name-cont"> |
| 71 <div id="fname-field"> |
| 72 <label for="firstName"> |
| 73 |
| 74 First Name |
| 75 |
| 76 </label> |
| 77 |
| 78 <input type="text" name="{actionForm.firstName}" id="firstName" maxl
ength="15"><div id="firstNameError" class="errorMsg"></div> |
| 79 </div> |
| 80 |
| 81 <div id="lname-field"> |
| 82 <label for="lastName"> |
| 83 |
| 84 Last Name |
| 85 |
| 86 </label> |
| 87 |
| 88 <input type="text" name="{actionForm.lastName}" id="lastName" maxlen
gth="15"><div id="lastNameError" class="errorMsg"></div> |
| 89 </div> |
| 90 </div> |
| 91 |
| 92 <div id="username-cont"> |
| 93 <label for="desiredSN" id="username-label"> |
| 94 <span class="callout">NEW!</span> |
| 95 <span id="usernameLabelText"> |
| 96 |
| 97 Pick a username: |
| 98 |
| 99 </span> |
| 100 <a class="whatsNew" >What's new?</a> |
| 101 </label> |
| 102 |
| 103 |
| 104 <input type="text" name="{actionForm.desiredSN}" id="desiredSN" value=""
maxlength="16"><span id="postInpSN">@aol.com</span> |
| 105 |
| 106 |
| 107 <p id="check-avail-butt" class="phantomButt"> |
| 108 <span >CHECK</span> |
| 109 </p> |
| 110 <p id="change-link" class="changeLink"><a >Change</a></p> |
| 111 |
| 112 |
| 113 </div> |
| 114 |
| 115 <div id="usernameError" class="errorMsg"></div> |
| 116 |
| 117 <div id="password-cont"> |
| 118 |
| 119 <input type="hidden" id="snChoice" name="snChoice" value="newEmail" clas
s="hiddenInp"><label for="password"> |
| 120 |
| 121 Password |
| 122 |
| 123 </label> |
| 124 <input type="password" name="{actionForm.password}" id="password" maxlength=
"16"><input type="text" id="verifyPasswordHint" value="Retype password" readonly
><input type="password" name="{actionForm.verifyPassword}" id="verifyPassword"
maxlength="16"><div id="passwordError" class="errorMsg"></div> |
| 125 </div> |
| 126 |
| 127 <div id="pwStrngthMeter"></div> |
| 128 |
| 129 <br class="clearBreak"><div class="spacer"></div> |
| 130 <div class="panel-nav-cont"> |
| 131 <span class="button-wrapper"> |
| 132 <a id="step-one" class="button next" ><span class="ltbtnedge">Next</spa
n></a> |
| 133 </span> |
| 134 </div> |
| 135 |
| 136 </fieldset> |
| 137 <fieldset class="contBlock" id="aboutYou"> |
| 138 <h3>Tell Us About Yourself</h3> |
| 139 |
| 140 |
| 141 |
| 142 |
| 143 |
| 144 |
| 145 |
| 146 |
| 147 |
| 148 |
| 149 |
| 150 |
| 151 |
| 152 |
| 153 |
| 154 <div id="conf-un-pi"> |
| 155 |
| 156 </div> |
| 157 |
| 158 <h2 class="sect-headline">Okay, now let's get personal...</h2> |
| 159 |
| 160 <label class="selectLabel" for="dob" id="dob-label"> |
| 161 |
| 162 Date of Birth |
| 163 |
| 164 <a class="whatsNew" id="whats-new" >Why so Personal?</a> |
| 165 </label> |
| 166 <div id="dob"> |
| 167 |
| 168 |
| 169 |
| 170 <div id="month-cont" class="month-cont"> |
| 171 |
| 172 |
| 173 |
| 174 |
| 175 |
| 176 |
| 177 |
| 178 |
| 179 |
| 180 <div class="ipt"><label class="hidden-label" for="dobMonth">Select Month</label>
</div> |
| 181 <input type="hidden" name="wlw-select_key:{actionForm.dobMonth}OldValue" value="
true"><select name="wlw-select_key:{actionForm.dobMonth}" id="dobMonth" class="d
obMonth"><option value="">Select Month</option> |
| 182 <option value="01">January</option> |
| 183 <option value="02">February</option> |
| 184 <option value="03">March</option> |
| 185 <option value="04">April</option> |
| 186 <option value="05">May</option> |
| 187 <option value="06">June</option> |
| 188 <option value="07">July</option> |
| 189 <option value="08">August</option> |
| 190 <option value="09">September</option> |
| 191 <option value="10">October</option> |
| 192 <option value="11">November</option> |
| 193 <option value="12">December</option></select> |
| 194 </div> |
| 195 |
| 196 |
| 197 |
| 198 <div id="day-cont" class="day-cont"> |
| 199 <input type="text" name="{actionForm.dobDay}" id="dobDay" value="Day (dd
)" maxlength="2"> |
| 200 </div> |
| 201 |
| 202 |
| 203 |
| 204 <div id="year-cont" class="year-cont"> |
| 205 <input type="text" name="{actionForm.dobYear}" id="dobYear" value="Year
(yyyy)" maxlength="4"> |
| 206 </div> |
| 207 |
| 208 |
| 209 <div id="dobError" class="errorMsg"></div> |
| 210 </div> |
| 211 |
| 212 <div class="gender-cont"> |
| 213 <label for="gender"> |
| 214 |
| 215 Gender |
| 216 |
| 217 </label> |
| 218 |
| 219 <div class="female-choice"> |
| 220 |
| 221 <input type="radio" name="wlw-radio_button_group_key:{actionForm.gender}" id="fe
maleChoice" value="Female"><span><span> Female</span></span> |
| 222 </div> |
| 223 <div class="male-choice"> |
| 224 |
| 225 <input type="radio" name="wlw-radio_button_group_key:{actionForm.gender}" id="ma
leChoice" value="Male"><span><span> Male</span></span> |
| 226 </div> |
| 227 |
| 228 |
| 229 <div id="genderError" class="errorMsg"></div> |
| 230 </div> |
| 231 |
| 232 |
| 233 |
| 234 |
| 235 |
| 236 <div class="zip-cont"> |
| 237 <label for="zipCode"> |
| 238 |
| 239 Zip Code |
| 240 |
| 241 </label> |
| 242 <input type="text" name="{actionForm.zipCode}" id="zipCode" class="bbWidth">
<div id="zipCodeError" class="errorMsg"></div> |
| 243 </div> |
| 244 |
| 245 |
| 246 <h2 class="sect-headline secondary">and keep it secure</h2> |
| 247 <h4>If you forget your password, you'll need this information to reset your acco
unt.</h4> |
| 248 |
| 249 |
| 250 |
| 251 <div id="asq-toggle-sect"> |
| 252 |
| 253 <label class="selectLabel" for="acctSecurityQuestion"> |
| 254 |
| 255 Set a Security Question |
| 256 |
| 257 </label> |
| 258 |
| 259 <div class="asq-block"> |
| 260 <div id="asq-field-cont" class="asq-field-cont"> |
| 261 <input name="wlw-select_key:{actionForm.acctSecurityQuestion}OldVa
lue" value="true" type="hidden"><input type="hidden" name="wlw-select_key:{actio
nForm.acctSecurityQuestion}OldValue" value="true"><select name="wlw-select_key:{
actionForm.acctSecurityQuestion}" id="acctSecurityQuestion"><option value="">Sel
ect a Question</option> |
| 262 <option value="What is your frequent flyer number?">What is your frequent flyer
number?</option> |
| 263 <option value="What is your library card number?">What is your library card numb
er?</option> |
| 264 <option value="In which city did your parents meet?">In which city did your pare
nts meet?</option> |
| 265 <option value="In what year was your mother born?">In what year was your mother
born?</option> |
| 266 <option value="What was your favorite childhood cartoon?">What was your favorite
childhood cartoon?</option> |
| 267 <option value="What was your favorite childhood book?">What was your favorite ch
ildhood book?</option> |
| 268 <option value="In what year was your father born?">In what year was your father
born?</option> |
| 269 <option value="What was your childhood nickname?">What was your childhood nickna
me?</option> |
| 270 <option value="What is your grandmother's first name?">What is your grandmother'
s first name?</option> |
| 271 <option value="What is your father's middle name?">What is your father's middle
name?</option> |
| 272 <option value="In what city were you born?">In what city were you born?</option> |
| 273 <option value="What is your mother's maiden name?">What is your mother's maiden
name?</option> |
| 274 <option value="What was the name of your first pet?">What was the name of your f
irst pet?</option></select> |
| 275 </div> |
| 276 <div id="secQuestError" class="errorMsg"></div> |
| 277 </div> |
| 278 |
| 279 |
| 280 |
| 281 |
| 282 <input type="text" name="{actionForm.acctSecurityAnswer}" id="acctSecurity
Answer" value="Your Answer" maxlength="32"><div id="secAnswerError" class="error
Msg"></div> |
| 283 |
| 284 |
| 285 |
| 286 |
| 287 |
| 288 </div> |
| 289 <!--End asq-toggle-sect --> |
| 290 |
| 291 |
| 292 |
| 293 |
| 294 |
| 295 <div id="altemail-toggle-sect"> |
| 296 |
| 297 <label for="altEMail"> |
| 298 Alternate Email<span class="opt-label">(optional)</span> |
| 299 </label> |
| 300 <input type="text" name="{actionForm.altEMail}" id="altEMail" maxlength="9
7"><div id="altEmailError" class="errorMsg"></div> |
| 301 |
| 302 </div> |
| 303 |
| 304 |
| 305 |
| 306 <div class="panel-nav-cont"> |
| 307 <a class="back" >< Back</a> |
| 308 <span class="button-wrapper"> |
| 309 <a id="step-two" class="button next" ><span class="ltbtnedge">Next<
/span></a> |
| 310 </span> |
| 311 </div> |
| 312 |
| 313 |
| 314 |
| 315 |
| 316 |
| 317 |
| 318 |
| 319 |
| 320 |
| 321 <div style="clear:both;"></div> |
| 322 |
| 323 |
| 324 </fieldset> |
| 325 <fieldset class="contBlock" id="verify"> |
| 326 <h3>Verify Your Registration</h3> |
| 327 |
| 328 |
| 329 |
| 330 |
| 331 |
| 332 |
| 333 |
| 334 |
| 335 |
| 336 |
| 337 |
| 338 |
| 339 <div id="conf-un-ct"></div> |
| 340 |
| 341 |
| 342 <h2 class="sect-headline">One last step, and you're done.</h2> |
| 343 |
| 344 |
| 345 <div class="wordVerify" id="wordVerCont"> |
| 346 |
| 347 <div class="wordVerButtons"> |
| 348 <a id="refreshWordverBtn" > |
| 349 <span class="has-graphic">Refresh<br> Image</span> |
| 350 </a> |
| 351 |
| 352 <a id="playAudBtn" > |
| 353 <span class="has-graphic">Audio Assistance</span> |
| 354 </a> |
| 355 |
| 356 </div> |
| 357 <img id="wordVerImage" src="/productsweb/WordVerImage?28913983" alt=
""> |
| 358 </div> |
| 359 |
| 360 <label for="wordVerify" class="wordVer"> |
| 361 |
| 362 Enter what you see above |
| 363 |
| 364 </label> |
| 365 <input type="text" name="{actionForm.wordVerify}" id="wordVerify" maxlen
gth="10"><div id="captchaError" class="errorMsg"></div> |
| 366 |
| 367 |
| 368 |
| 369 |
| 370 <p> |
| 371 By clicking "Sign Up" below, you electronically agree to our <a >Terms o
f Service</a> and <a >Privacy Policy</a> (the "Terms"); you acknowledge receipt
of our Terms, and you agree to receive notices and disclosures from us electroni
cally, including any updates of these Terms. |
| 372 </p> |
| 373 |
| 374 |
| 375 |
| 376 |
| 377 <div class="panel-nav-cont"> |
| 378 <a class="back" >< Back</a> |
| 379 <span class="button-wrapper"> |
| 380 <a id="step-three" class="button signup" ><span class="ltbtnedge">Sign
Up</span></a> |
| 381 </span> |
| 382 </div> |
| 383 |
| 384 |
| 385 </fieldset> |
| 386 <br class="clearBreak"> |
| 387 </form> |
| 388 <div class="afterRegFields"><!--nothing yet--></div> |
| 389 </div> |
| 390 |
| 391 <div class="nav-dots"></div> |
| 392 <div class="bottom-edge-cont"></div> |
| 393 </div> |
| 394 |
| 395 <div class="footer-nav"> |
| 396 <a href="http://www.aol.com">AOL Inc.</a> | <a href="http://lega
l.aol.com/TOS">Terms of Service</a> | <a href="http://privacy.aol.com">Privacy P
olicy</a> | <a href="http://help.aol.com/">Help</a> <span class="copy">©201
1 AOL Inc. All Rights Reserved</span> |
| 397 </div> |
| 398 |
| 399 </div> |
| 400 |
| 401 <div id="whatsnewOverlay" class="overlay"> |
| 402 <h2>What's new?</h2> |
| 403 |
| 404 <p>Now you can get the perfect email address! AOL Mail now suppo
rts additional characters like dots and underscores.</p> |
| 405 <p>Maybe you're in the mood for janey@aol.com, feeling spunky wi
th jammin.jane@aol.com, or maybe you'd like to go formal with jane_doe@aol.com &
#8212; the choice is now yours.</p> |
| 406 |
| 407 <span class="button-wrapper"><a class="button" ><span class="ltbtne
dge">OK</span></a></span> |
| 408 </div> |
| 409 |
| 410 <div id="whyneededOverlay" class="overlay"> |
| 411 <h2>Why so Personal?</h2> |
| 412 <p>You need to provide your date of birth in order to verify your id
entity in account management, and to ensure that you are eligible to use our pro
ducts. Other data, such as Zip Code and Gender are used to personalize your AOL
experience (e.g., display local weather and news).</p> |
| 413 <p>The use of this information is governed by the <a >Privacy Policy
</a>.</p> |
| 414 <span class="button-wrapper"><a class="button" ><span class="ltbtne
dge">OK</span></a></span> |
| 415 </div> |
| 416 |
| 417 |
| 418 </body> |
| 419 </html> |
OLD | NEW |