Official Prairie Line Trail Website (Tacoma, WA)

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="/global/css/html.css"> <link rel="stylesheet" type="text/css" href="/global/css/nav.css"> <link rel="stylesheet" type="text/css" href="/global/css/styles.css"> <link rel="stylesheet" type="text/css" href="/global/css/admin.css"> <link rel="apple-touch-icon" sizes="57x57" href="/media/static/images/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/media/static/images/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/media/static/images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/media/static/images/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/media/static/images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/media/static/images/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/media/static/images/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/media/static/images/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/media/static/images/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/media/static/images/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/media/static/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/media/static/images/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/media/static/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/media/static/images/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/media/static/images/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" charset="utf-8" src="/global/scripts/smooth-scroll.js"></script> <script src="https://use.typekit.net/zwl0vip.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script><title>Official Prairie Line Trail Website (Tacoma, WA)</title> <meta property="og:title" content="Prairie Line Trail (Tacoma, WA)"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.prairielinetrail.org"> <meta property="og:image" content="https://www.prairielinetrail.org/media/static/images/default.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta name="description" content="Walk through Tacoma鈥檚 history on the Prairie Line Trail. Take our mobile-friendly walking tour or experience the trail's art and history on your desktop from home. "> <style type="text/css"> .heroLogo { width: 180px } #slide1 { display: block; background-image: url('media/dynamic/heroes/92_commerce-and-pacific-1929.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; width: 100%; font-size: 1rem; line-height: 1.2rem; color: #FFF; } #slide1 .heroTitle { background: rgba(59, 35, 20, .60); padding: 40px; margin: 200px 0 0 0; overflow: hidden; } #slide1 p { color: #FFF; font-size: 2.8rem; line-height: 3.0rem; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: 400; font-style: italic; font-family: "adobe-caslon-pro", serif; } /*--------------- SLIDE 2 --------------------*/ #slide2 { padding: 0px 0 40px 0; color: #3A2316; font-size: 1.1rem; } #orangeBox { overflow: hidden; background: #DC5D34; padding: 40px; margin-bottom: 40px; } #orangeBox p { color: #FFF; font-weight: 100; margin: 0 0 12px 0; } #slideshow { position: relative; width: 40px; height: 80px; } #slideshow> div { position: absolute; } #mapIcons { width: 100px; float: right; } #mapBtns { width: 360px; float: right; z-index: 200; position: absolute; text-align: center; } a.bigBtn { background: #3A2316; padding: 14px 24px 14px 24px; margin: 12px 0 12px 0; display: inline-block; color: #FFF; font-size: 1.2rem; line-height: 1.2rem; border: 1px solid #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover.bigBtn { background: #FFF; color: #3A2316; border: 1px solid #3A2316; text-decoration: none; } a.smallBtn { background: #3A2316; text-align: center; min-width: 190px; padding: 9px 0 9px 0; margin: 0 0 8px 0; display: inline-block; color: #FFF; font-size: 0.9rem; line-height: 0.9rem; white-space: nowrap; border: 1px solid #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover.smallBtn { background: #FFF; color: #3A2316; border: 1px solid #3A2316; text-decoration: none; } #lrg { font-size: 1.15rem; line-height: 1.15rem; padding: 12px 0 12px 0; } #slideshow img { z-index: 100; position: absolute; width: 80px; height: 80px; } .map-line { z-index: 99; width: 300px; position: absolute; margin: -200px 0 0 -257px; } /*--------------- SLIDE 3 --------------------*/ #slide3 { background-image: url('media/static/images/black-35.png'), url('media/static/images/locomotive-tacoma.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-attachment: fixed; width: 100%; color: #FFF; text-align: center; overflow: hidden; padding: 12px 0 40px 0; } #slide3 img { height: 120px; margin: 36px 0 24px 0; } #slide3 a { color: #FFF; } /*--------------- SLIDE 3 --------------------*/ #slide4 { padding: 12px 0 0 0; overflow: hidden; background: #3A2316; color: #FFF; } /* Desktop (large) */ @media only screen and (min-width: 1100px) {} /* Desktop (medium) */ @media only screen and (max-width: 1099px) { .map-line { width: 300px; position: absolute; margin: -180px 0 0 -257px; } #mapBtns { text-align: left; } } /* Desktop (small) */ @media only screen and (max-width: 749px) { #slide3 { background-attachment: scroll !important; } #orangeBox { padding: 24px; height: 260px; } #orangeBox p { width: 80%; } .map-line { width: 300px; position: absolute; margin: -280px 0 0 -200px; } #slideshow img { width: 60px; height: 60px; left: 45px; } } /* Mobile */ @media only screen and (max-width: 549px) { .heroLogo { margin-left: 21px; } .container { width: 100%; margin: 0; } #orangeBox { padding: 24px; height: 300px; } #orangeBox p { line-height: 1.2rem; } #mapBtns { width: 140px; float: right; } .textBox, #slide4 .container, footer .container { width: 88%; margin: 0 21px 0 21px; } a.bigBtn { background: #3A2316; padding: 10px 0px 10px 0px; font-size: 1rem; line-height: 1rem; width: 80%; text-align: center; } #slide2 { font-size: .9rem; } .map-line { width: 300px; position: absolute; margin: -270px 0 0 -220px; } } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-73120221-22"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-73120221-22'); </script> </head> <body> <div id="slide1"> <div class="container"> <img src="media/static/images/logos/prairie-line-trail-logo-vrt-brn.svg" alt="Prairie Line Trail logo" class="heroLogo"> <div class="heroTitle"> <div class="span6"> <p>Walk the tracks of Tacoma's history</p> </div> <div class="span6">   </div> </div> </div> </div> <div id="slide2"> <div class="container"> <div id="orangeBox"> <div class="span6"> <p>Take a walk into history along the Prairie Line Trail. Our mobile-friendly, interactive walking tour was designed to bring the public art, historic buildings, and many points of interest along the trail to life right on your cell phone or computer. Visit in person with your cell phone for a geo-targeted experience.</p> </div> <div class="span6" style="overflow:hidden;z-index:199;"> <div id="mapIcons"> <div id="slideshow"> <div> <img src="media/static/images/icons/map/art2.svg" alt="Icon: Pubilic Art Site"> </div> <div> <img src="media/static/images/icons/map/historic2.svg" alt="Icon: Historic Site"> </div> <div> <img src="media/static/images/icons/map/poi2.svg" alt="Icon: Point of Interest"> </div> </div> <img src="media/static/images/dotted-line.svg" alt="Dotted Line" class="map-line"> </div> <div id="mapBtns"> <a href="/map/index.php?yaha=0" class="smallBtn" id="lrg">Start the Walking Tour</a><br> <a href="/map/index.php?yaha=1" class="smallBtn">Explore the Map</a><br> <a href="/list" class="smallBtn">Text-only Site List</a> </div> </div> </div> <div style="overflow:hidden;"> <div class="span6"> <div class="textBox"> <h1>What is the Prairie Line Trail?</h1><p> A mile-long park filled with art and history, the Prairie Line Trail was created by the City of Tacoma along the tracks of the retired Prairie Line. It links our waterfront, downtown, University, and Brewery Districts. In short, it’s Tacoma’s story in 5,280 feet. </p> <p> Signed into being by Abraham Lincoln, built with the toil of immigrants, on land stolen from the S’puyal蓹pab&scaron; (Puyallup Tribe), the Prairie Line has stories to tell. This stretch of track is the western end of the Northern Pacific Railroad. It’s also where ideas, cultures, people, and technologies collided to make the Tacoma of today.</p> <p style="text-align:center;margin-bottom:12px;"><a href="/about" class="bigBtn">About this Project</a> </p> </div> </div> <div class="span6"> <img src='/media/dynamic/images/97_TPL_39316.jpg' alt='Undated image looking west up South 19th Street, Tacoma as a locomotive travels along the Prairie Line track. The Swiss Tavern is visible in background. Tacoma Public Library, General Photograph Collection G44.1-130 ' style='width:100%;'> </div> </div> </div> </div> <div id="slide3"> <div class="container"> <div class="span6"> <a href="http://www.washingtonhistory.org" target="_blank"><img src="media/static/images/logos/wa-state-historical-heritage-wht.svg" alt="Logo: Washington State Historical Society"></a> <p>This project was funded by the State of Washington, through a grant administered by the <a href="http://www.washingtonhistory.org" target="_blank">Washington State Historical Society</a>.</p> </div> <div class="span6"> <a href="http://www.cityoftacoma.org/pds" target="_blank"><img src="media/static/images/logos/city-of-tacoma-wht.svg" alt="Logo: City of Tacoma"></a> <p>The City of Tacoma <a href="http://www.cityoftacoma.org/pds" target="_blank">Planning and Development Services</a> partners with the community to build a livable, sustainable and safe City.</p> </div> </div> </div> <div id="slide4"> <div class="container"> <div class="span4"> <p class="fineprint"><strong>Location Sharing</strong><br>Some mapping features on this site require that you consent to location sharing. If you see the error "The Geolocation service failed," it likely means that permission to use your geolocation was denied by your device.</p> </div> <div class="span4"> <p class="fineprint"><strong>Data Usage</strong><br>While this site is free to use, standard mobile data and roaming charges from your carrier may apply. This site may use geolocation to regularly update your location on the map - a feature that continuously uses data.</p> </div> <div class="span4"> <p class="fineprint"><strong>Preferred Browsers</strong><br>For the best experience on this website, a "modern browser" is strongly recommended. Older browsers (older versions of Internet Explorer in particular) are not supported, and some features may not be available.</p> </div> </div> </div> <footer> <div id="footerClick"> <div class="container"> <div class="span4"> <p>People with hearing or speech impairments may contact us through Washington Relay Services (800) 833-6388 (TTY or ASCII) (800) 833-6386 (VCO) or (877) 833-6341 (STS).</p> <p>© 2025 <a href="http://www.cityoftacoma.org" target="_blank">City of Tacoma</a>. <a href="/privacy-and-terms">Privacy Policy & Terms of Use</a>. <a href="https://www.hemispheredm.com" target="_blank">Designed by Hemisphere</a>.</p> </div> <div class="span4"> <p>For more information about this project, contact <a href="http://www.cityoftacoma.org/pds" target="_blank">Planning & Development Services</a> at: 747 Market Street, Tacoma, WA 98402 or (253) 591-5000.</p> </div> <div class="span4"> <ul id="menuFtr"> <li><a href="/">Home</a> </li> <li><a href='/about'>About</a></li><li><a href='/contact'>Contact</a></li> </ul> </div> </div> </div> <div id="footerTouch"> <div class="container"> <p>People with hearing or speech impairments may contact us through Washington Relay Services (800) 833-6388 (TTY or ASCII) (800) 833-6386 (VCO) or (877) 833-6341 (STS).</p> <p>© 2025 <a href="http://www.cityoftacoma.org" target="_blank">City of Tacoma</a>. <a href="/privacy-and-terms">Privacy Policy & Terms of Use</a>. <a href="https://www.hemispheredm.com" target="_blank">Designed by Hemisphere</a>.</p> <p>For more information about this project, contact <a href="http://www.cityoftacoma.org/pds" target="_blank">Planning & Development Services</a> at: 747 Market Street, Tacoma, WA 98402 or (253) 591-5000.</p> </div> </div> </footer> <script type="text/javascript"> $( "#slideshow > div:gt(0)" ).hide(); setInterval( function () { $( '#slideshow > div:first' ) .fadeOut( 250 ) .next() .fadeIn( 250 ) .end() .appendTo( '#slideshow' ); }, 2000 ); </script> </body> </html>

CINXE.COM

Official Prairie Line Trail Website (Tacoma, WA)