1<!DOCTYPE html> 2<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> 3<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> 4<!--[if !IE]><!--> 5<html lang="en"> 6<!--<![endif]--> 7 8 9<head> 10 <meta charset="utf-8"> 11 <title>Register</title> 12 <meta name="description" id="metaDescription" content="Over 4 million railroad and train related photographs from all over the US. We also have an interactive railroad Map!" /> 13 <meta name="keywords" content="Train, railroad, picture, freight car, rolling stock, photograph, map, locomotive, EMD, GE, ALCO, Norfolk Southern, CSX, BNSF, UP, Union Pacific, short line, fallen flag, railway, model train, model railroad" /> 14 15 16 <!-- Mobile Meta --> 17 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 18 19 <!-- Favicon --> 20 <link rel="shortcut icon" href="/images/favicon.ico"> 21 22 <!-- Web Fonts --> 23 <link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'> 24 <link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'> 25 26 <!-- Font Awesome CSS --> 27 <link href="/fonts/font-awesome/css/font-awesome.css" rel="stylesheet"> 28 29 <!-- Fontello CSS --> 30 <link href="/fonts/fontello/css/fontello.css" rel="stylesheet"> 31 <link href="/css/rrpabundle?v=AOHvsOLZCJtCRs-bwTQHi91CRrBOR-VHzNtJ1Dpv-U81" rel="stylesheet"/> 32 33 34 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 35 <!--[if lt IE 9]> 36
36<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
36 37
37<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
37 38 <![endif]--> 39 40
40<script src="/Scripts/rrpabundle?v=uWNQN5Uf1_LuzqCyO7vGNrg5LLSHCDdLpzbTjkD7cHg1"></script>
40 41 42 <link rel="stylesheet" href="https://cdn.datatables.net/2.3.7/css/dataTables.dataTables.css" /> 43
43<script src="https://cdn.datatables.net/2.3.7/js/dataTables.js"></script>
43 44 <!--<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" /> 45
45<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
45--> 46</head> 47<!-- body classes: 48 "boxed": boxed layout mode e.g. <body class="boxed"> 49 "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 50--> 51<body> 52 <!-- scrollToTop --> 53 <!-- ================ --> 54 <div class="scrollToTop"><i class="icon-up-open-big"></i></div> 55 56 <!-- page wrapper start --> 57 <!-- ================ --> 58 <div class="page-wrapper"> 59 60 <!-- header start (remove fixed class from header in order to disable fixed navigation mode) --> 61 <!-- ================ --> 62 <header class="header fixed clearfix"> 63 <div class="container"> 64 <div class="row"> 65 <div class="col-md-3"> 66 67 <!-- header-left start --> 68 <!-- ================ --> 69 <div class="header-left clearfix"> 70 71 <!-- logo --> 72 <div class="logo"> 73 <a href="/"><img id="logo" src="/images/logo.jpg" alt="Railroad Picture Archives"></a> 74 </div> 75 76 <!-- name-and-slogan --> 77 <div class="site-slogan"> 78 Railroad Picture Archives 79 </div> 80 81 </div> 82 <!-- header-left end --> 83 84 </div> 85 <div class="col-md-9"> 86 87 <!-- header-right start --> 88 <!-- ================ --> 89 <div class="header-right clearfix"> 90 91 <!-- main-navigation start --> 92 <!-- ================ --> 93 <div class="main-navigation animated"> 94 95 <!-- navbar start --> 96 <!-- ================ --> 97 <nav class="navbar navbar-default" role="navigation"> 98 <div class="container-fluid"> 99 100 <!-- Toggle get grouped for better mobile display --> 101 <div class="navbar-header"> 102 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> 103 <span class="sr-only">Toggle navigation</span> 104 <span class="icon-bar"></span> 105 <span class="icon-bar"></span> 106 <span class="icon-bar"></span> 107 </button> 108 </div> 109 110 <!-- Collect the nav links, forms, and other content for toggling --> 111 <div class="collapse navbar-collapse" id="navbar-collapse-1"> 112 <ul class="nav navbar-nav navbar-right"> 113 114 115<li class="dropdown"> 116 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Photos</a> 117 <ul class="dropdown-menu"> 118 <li><a href="/pictures/recent">Newest</a></li> 119 <li><a href="/pictures/editorpicks">Editors' Picks</a></li> 120 <li><a href="/pictures/contributorpicks">Contributors' Picks</a></li> 121 <li><a href="/photoCalendar.aspx">By Date</a></li> 122 <li><a href="/albums">By Photo Album</a></li> 123 <li><a href="/locationList.aspx">By Location</a></li> 124 <li><a href="/Search/SearchPhotos.aspx">Search</a></li> 125 </ul> 126</li> 127<li class="dropdown"> 128 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Railroads</a> 129 <ul class="dropdown-menu"> 130 <li><a href="/railroads/?typeid=1">List</a></li> 131 </ul> 132</li> 133<li class="dropdown"> 134 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Locomotives</a> 135 <ul class="dropdown-menu"> 136 <li><a href="/locomotives/modelsummary">Models</a></li> 137 <li><a href="/serialList.aspx">Frame/Serial XRef</a></li> 138 <li><a href="/mostPhotoList.aspx">Most Photographed</a></li> 139 <li><a href="/Search/SearchLocomotives.aspx">Search</a></li> 140 </ul> 141</li> 142<li class="dropdown"> 143 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Rollingstock</a> 144 <ul class="dropdown-menu"> 145 <li><a href="/rollingstock/types">Types</a></li> 146 <li><a href="/rollingstock/aarsummary">AAR Types</a></li> 147 </ul> 148</li> 149<li class="dropdown"> 150 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Members</a> 151 <ul class="dropdown-menu"> 152 <li><a href="/login.aspx?returnUrl=/account/register">Log In</a></li> 153 <li><a href="/account/register">Register</a></li> 154 </ul> 155</li> 156 </ul> 157 </div> 158 159 </div> 160 </nav> 161 <!-- navbar end --> 162 163 </div> 164 <!-- main-navigation end --> 165 166 </div> 167 <!-- header-right end --> 168 169 </div> 170 </div> 171 </div> 172 </header>
173 <!-- header end --> 174 <!-- page-intro start--> 175 <!-- ================ --> 176 <div class="page-intro"> 177 <div class="container"> 178 <div class="row"> 179 <div class="col-md-12"> 180 <ol class="breadcrumb"> 181 <li><i class="fa fa-home pr-10"></i><a href="/">Home</a></li> 182 183 <li>Register</li> 184 185 186 </ol> 187 </div> 188 </div> 189 </div> 190 </div> 191 <!-- page-intro end --> 192 <!-- main-container start --> 193 <!-- ================ --> 194 <section class="main-container"> 195 <div class="container"> 196 197 198 199<div class="container mt-4"> 200 <div class="row justify-content-center"> 201 <div class="col-md-8"> 202 <div class="register-card"> 203 <div class="register-header"> 204 <h1>Create Your Account</h1> 205 <p class="text-muted">Register for a Railroad Picture Archives account</p> 206 </div> 207 208<form action="/account/register" class="register-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="WRgT1pZjaHqHkKE-K02ZCtXB4RfgLDa-Dk2_cL8hWdfUV5n9NwYVIQfywQNfgLJjofgyH5f9xxnJ7SVdaqVk5v8T7ac1" /> <!-- Name and Location Section --> 209 <div class="form-section"> 210 <h5 class="form-section-title">Name and Location</h5> 211 212 <div class="form-group"> 213 <label class="form-label" for="FirstName">First Name</label> 214 <input class="form-control" id="FirstName" name="FirstName" type="text" value="" /> 215 216 </div> 217 218 <div class="form-group"> 219 <label class="form-label" for="LastName">Last Name</label> 220 <input class="form-control" id="LastName" name="LastName" type="text" value="" /> 221 222 </div> 223 224 <div class="form-group"> 225 <label class="form-label" for="Email">Email Address</label> 226 <input class="form-control" id="Email" name="Email" type="email" value="" /> 227 228 </div> 229 230 <div class="form-row"> 231 <div class="form-group col-md-6"> 232 <label class="form-label" for="State">State</label> 233 <input class="form-control" id="State" name="State" type="text" value="" /> 234 235 </div> 236 237 <div class="form-group col-md-6"> 238 <label class="form-label" for="Country">Country</label> 239 <input class="form-control" id="Country" maxlength="2" name="Country" placeholder="US" type="text" value="" /> 240 241 </div> 242 </div> 243 </div> 244 <!-- Login Information Section --> 245 <div class="form-section"> 246 <h5 class="form-section-title">Login Information</h5> 247 248 <div class="form-group"> 249 <label class="form-label" for="UserName">User Name</label> 250 <input class="form-control" id="UserName" name="UserName" type="text" value="" /> 251 252 </div> 253 254 <div class="form-group"> 255 <label class="form-label" for="Password">Password</label> 256 <input class="form-control" id="Password" name="Password" type="password" /> 257 258 </div> 259 260 <div class="form-group"> 261 <label class="form-label" for="ConfirmPassword">Confirm Password</label> 262 <input class="form-control" id="ConfirmPassword" name="ConfirmPassword" type="password" /> 263 264 </div> 265 </div> 266 <!-- reCAPTCHA Section --> 267 <div class="form-section"> 268 <h5 class="form-section-title">Verification</h5> 269 <div class="form-group"><div class='g-recaptcha' data-sitekey='6LcedossAAAAALyQphv0CjR5jfk_zA2G8QWd3jXi' data-theme='light'></div>
vendor: 117 bytes, lines 269-271
269<script src='https://www.google.com/recaptcha/api.js'></script> 270 271
271</div> 272 </div> 273 <!-- Submit Button --> 274 <div class="form-actions"> 275 <button type="submit" class="btn btn-primary btn-lg">Create Account</button> 276 </div> 277 <div class="form-footer"> 278 <p>Already have an account? <a href="/login.aspx">Log in here</a></p> 279 </div> 280</form> </div> 281 </div> 282 </div> 283</div>
vendor: 80 bytes, lines 283-287
283 284 285<script src="https://www.google.com/recaptcha/api.js" async defer></script> 286 287
288<style> 289 .register-card { 290 background: #fff; 291 border: 1px solid #dee2e6; 292 border-radius: 6px; 293 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 294 padding: 30px; 295 margin-bottom: 30px; 296 } 297 298 .register-header { 299 margin-bottom: 30px; 300 border-bottom: 2px solid #f0f0f0; 301 padding-bottom: 20px; 302 } 303 304 .register-header h1 { 305 font-size: 1.75rem; 306 color: #333; 307 margin: 0 0 8px 0; 308 } 309 310 .register-header .text-muted { 311 font-size: 0.95rem; 312 margin: 0; 313 } 314 315 .form-section { 316 margin-bottom: 25px; 317 padding: 15px; 318 background-color: #f8f9fa; 319 border-radius: 4px; 320 border-left: 4px solid #007bff; 321 } 322 323 .form-section-title { 324 font-size: 1rem; 325 font-weight: 600; 326 color: #333; 327 margin: 0 0 15px 0; 328 } 329 330 .form-group { 331 margin-bottom: 15px; 332 } 333 334 .form-group:last-child { 335 margin-bottom: 0; 336 } 337 338 .form-label { 339 font-weight: 600; 340 color: #555; 341 margin-bottom: 6px; 342 display: block; 343 } 344 345 .form-control { 346 border-radius: 4px; 347 border: 1px solid #ced4da; 348 padding: 10px 12px; 349 font-size: 0.95rem; 350 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 351 } 352 353 .form-control:focus { 354 border-color: #80bdff; 355 outline: 0; 356 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 357 } 358 359 .form-control.is-invalid { 360 border-color: #dc3545; 361 } 362 363 .form-control.is-invalid:focus { 364 border-color: #dc3545; 365 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 366 } 367 368 .invalid-feedback { 369 display: block; 370 color: #dc3545; 371 font-size: 0.875rem; 372 margin-top: 4px; 373 } 374 375 .alert-danger { 376 background-color: #f8d7da; 377 border-color: #f5c6cb; 378 color: #721c24; 379 border-radius: 4px; 380 padding: 12px 20px; 381 margin-bottom: 20px; 382 } 383 384 .alert-danger .close { 385 color: #721c24; 386 opacity: 0.5; 387 } 388 389 .alert-danger .close:hover { 390 opacity: 0.75; 391 } 392 393 .alert-danger ul { 394 padding-left: 20px; 395 } 396 397 .alert-danger li { 398 margin-bottom: 4px; 399 } 400 401 .form-row { 402 display: grid; 403 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 404 gap: 15px; 405 } 406 407 .g-recaptcha { 408 margin-top: 10px; 409 margin-bottom: 10px; 410 } 411 412 .form-actions { 413 margin-top: 30px; 414 text-align: center; 415 } 416 417 .btn-primary { 418 background-color: #007bff; 419 border-color: #007bff; 420 color: #fff; 421 padding: 12px 40px; 422 font-size: 1rem; 423 font-weight: 600; 424 border-radius: 4px; 425 cursor: pointer; 426 transition: all 0.15s ease-in-out; 427 } 428 429 .btn-primary:hover { 430 background-color: #0056b3; 431 border-color: #004085; 432 } 433 434 .btn-primary:disabled { 435 background-color: #6c757d; 436 border-color: #6c757d; 437 cursor: not-allowed; 438 } 439 440 .form-footer { 441 margin-top: 20px; 442 text-align: center; 443 padding-top: 20px; 444 border-top: 1px solid #f0f0f0; 445 } 446 447 .form-footer p { 448 margin: 0; 449 color: #666; 450 } 451 452 .form-footer a { 453 color: #007bff; 454 text-decoration: none; 455 } 456 457 .form-footer a:hover { 458 text-decoration: underline; 459 } 460 461 /* Responsive */ 462 @media (max-width: 768px) { 463 .register-card { 464 padding: 20px; 465 } 466 467 .register-header { 468 margin-bottom: 20px; 469 padding-bottom: 15px; 470 } 471 472 .register-header h1 { 473 font-size: 1.5rem; 474 } 475 476 .form-section { 477 padding: 12px; 478 margin-bottom: 20px; 479 } 480 481 .form-row { 482 grid-template-columns: 1fr; 483 } 484 485 .form-control { 486 padding: 8px 10px; 487 font-size: 0.9rem; 488 } 489 490 .btn-primary { 491 width: 100%; 492 padding: 10px 20px; 493 } 494 } 495 496 @media (max-width: 576px) { 497 .register-card { 498 padding: 15px; 499 border-radius: 3px; 500 } 501 502 .register-header h1 { 503 font-size: 1.3rem; 504 } 505 506 .form-section { 507 padding: 10px; 508 border-left-width: 3px; 509 } 510 511 .form-group { 512 margin-bottom: 12px; 513 } 514 515 .form-label { 516 font-size: 0.9rem; 517 } 518 519 .form-control { 520 padding: 8px; 521 font-size: 0.85rem; 522 } 523 } 524</style> 525 </div> 526 </section> 527 <ins class="adsbygoogle"
528 style="display:block" 529 data-ad-client="ca-pub-3381020515432127" 530 data-ad-slot="7319680883" 531 data-ad-format="auto" 532 data-full-width-responsive="true"></ins>
533<script> 534 (adsbygoogle = window.adsbygoogle || []).push({}); 535</script>
535 536 <!-- main-container end --> 537 <!-- footer start (Add "light" class to #footer in order to enable light footer) --> 538 <!-- ================ --> 539 <footer id="footer"> 540 541 542 <!-- .subfooter start --> 543 <!-- ================ --> 544 <div class="subfooter"> 545 <div class="container"> 546 <div class="row"> 547 <div class="col-md-6"> 548 <p>Copyright © 2026 RRPictureArchives.NET All Rights Reserved. </p> 549 </div> 550 <div class="col-md-6"> 551 <nav class="navbar navbar-default" role="navigation"> 552 <!-- Toggle get grouped for better mobile display --> 553 <div class="navbar-header"> 554 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2"> 555 <span class="sr-only">Toggle navigation</span> 556 <span class="icon-bar"></span> 557 <span class="icon-bar"></span> 558 <span class="icon-bar"></span> 559 </button> 560 </div> 561 <div class="collapse navbar-collapse" id="navbar-collapse-2"> 562 <ul class="nav navbar-nav"> 563 <li><a href="/default.aspx">Home</a></li> 564 <li><a href="/SiteUpdates.aspx">Site Updates</a></li> 565 </ul> 566 </div> 567 </nav> 568 </div> 569 </div> 570 </div> 571 </div> 572 <!-- .subfooter end --> 573 574 </footer> 575 <!-- footer end --> 576 577 </div> 578 <!-- page-wrapper end --> 579 <!-- Google tag (gtag.js) -->
vendor: 73 bytes, lines 579-580
579 580 <script async src="https://www.googletagmanager.com/gtag/js?id=
580G-HJGF557M91
vendor: 21 bytes, lines 580-581
580"></script> 581
581<script> 582
vendor: 169 bytes, lines 582-585
582window.dataLayer = window.dataLayer || []; 583 function gtag() { dataLayer.push(arguments); } 584 gtag('js', new Date()); 585 gtag('config', '
585G-HJGF557M91
vendor: 13 bytes, lines 585-586
585'); 586
586</script>
586 587
587<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3381020515432127" 588 crossorigin="anonymous"></script>
588 589</body> 590</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.