1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <title>About NCPC</title> 7 8 <!-- Meta --> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <meta name="description" content="The National Capital Planning Commission is the federal government's planning agency for the National Capital Region. The 12-member Commission meets monthly to adopt, approve, or provide advice on plans and projects that impact the nation's capital and surrounding areas. The Commission is supported by a staff of planners, architects, urban designers, and other professionals."> 11 12 <!-- Favicon --> 13 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 14 15 <!-- CSS Global Compulsory --> 16 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/bootstrap/css/bootstrap.min.css"> 17 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/style.css"> 18 19 <!-- CSS Header and Footer --> 20 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/headers/header-default.css"> 21 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/headers/header-v8.css"> 22 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/footers/footer-v1.css"> 23 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/color.css"> 24 25 <!-- CSS Implementing Plugins --> 26 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/animate.css"> 27 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/line-icons/line-icons.css"> 28 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/font-awesome/css/font-awesome.min.css"> 29 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/sweetalert/sweetalert2.min.css"> 30 31 <!-- CSS Page Style --> 32 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/pages/page_about.css"> 33 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/theme-skins/one.dark.css"> 34 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/pages/portfolio-v1.css"> 35 <link rel="stylesheet" href="https://api.ncpc.gov/assets/plugins/ladda-buttons/css/custom-lada-btn.css"> 36 37 <!-- CSS Customization --> 38 <link rel="stylesheet" href="https://api.ncpc.gov/assets/css/custom.css"> 39 <style> 40 .banner-info { 41 font-size: 110% 42 } 43 44 .item img { 45 border: 1px solid #bbb 46 } 47 48 .item-title { 49 position: absolute; 50 bottom: 6px; 51 left: 17px; 52 background: rgba(0, 0, 0, 0.6); 53 color: #fff; 54 padding: 0 6px; 55 font-size: 22px; 56 /*text-transform:uppercase;*/ 57 font-weight: bold; 58 } 59 60 #botcheck { 61 display: none 62 } 63 64 #wait i { 65 font-size: 22px; 66 } 67 68 #wait { 69 position: absolute; 70 top: 0; 71 left: 0; 72 width: 100%; 73 height: 100%; 74 display: none; 75 text-align: center; 76 font-size: 18px; 77 line-height: 200px; 78 vertical-align: center; 79 background: rgba(0, 0, 0, 0.8); 80 color: #fff; 81 /*padding:40px 0;*/ 82 z-index: 10; 83 } 84 85 .success { 86 background: #008000 !important; 87 } 88 89 .failure { 90 background: #800000 !important; 91 } 92 93 #ncr { 94 border: 1px solid #ccc; 95 width: 100%; 96 height: 800px; 97 } 98 99 @media (max-width:414px) { 100 #ncr { 101 height: 600px !important; 102 } 103 104 .item-title { 105 font-size: 14px; 106 padding: 0 5px; 107 } 108 } 109 110 .mymap { 111 width: 100%; 112 height: 350px; 113 border: 1px solid #ccc; 114 } 115 116 .img-default { 117 background: url(/img/banners/about2.jpg); 118 background-size: cover; 119 background-repeat: no-repeat; 120 background-position: center center; 121 } 122 </style> 123</head> 124 125<body class="header-fixed"> 126 <div class="wrapper"> 127 <a href="#afternav" id="skip">Skip Navigation</a> 128 129<div class="blog-topbar"> 130<div class="container"> 131<div class="row"> 132<div class="col-sm-12 col-xs-12"> 133<div class="topbar-gov"> 134<img src="/assets/img/us_flag_small.png" width="16">An official U.S. government website <a href="#" id="topbar-link" class="closed"><span>
134Here's how you know</span> <i class="fa fa-chevron-down"></i></a> 135</div> 136<div id="tagline">The Federal Planning Agency for America's Capital</div> 137 138<div class="topbar-banner"> 139<div class="row"> 140<div class="col-md-6 sm-margin-down-20"> 141<img src="/assets/img/icon-dot-gov.png" width="40"> 142<div class="topbar-banner-text"> 143<strong>Official websites use .gov</strong><br> 144A <strong>.gov</strong> website belongs to an official government organization in the United States. 145</div> 146</div> 147<div class="col-md-6"> 148<img src="/assets/img/icon-https.png" width="40"> 149<div class="topbar-banner-text"> 150<strong>Secure .gov websites use HTTPS</strong><br> 151<i class="fa fa-lock"></i> A <strong>lock</strong> or <strong>https://</strong> means you've safely connected to the .gov website. Share sensitive information only on official, secure websites. 152</div> 153</div> 154</div> 155</div> 156 157</div> 158</div> 159<!--/end row--> 160</div> 161<!--/end container--> 162 163</div> 164<!-- End Topbar blog --> 165<!--=== Header ===--> 166<div class="header header-sticky"> 167<div class="container"> 168<!-- Logo --> 169<a class="logo" href="/"> 170<div class="gohome"></div> 171<img src="/assets/img/ncpc-logo.png" alt="Agency Logo and home button"> 172</a> 173<!-- End Logo --> 174<!-- Toggle get grouped for better mobile display --> 175<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 176<span class="sr-only">Toggle navigation</span> 177<span class="fa fa-lg fa-bars"></span> 178</button> 179</div> 180<!-- End Toggle --> 181<div class="collapse navbar-collapse mega-menu navbar-responsive-collapse" role="navigation"> 182<div class="container"> 183<ul class="nav navbar-nav" id="main-menu"> 184<!-- About --> 185<li class="dropdown"> 186<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> 187About 188</a> 189<ul class="dropdown-menu mm" role="menu"> 190<li><a href="/about/" id="about0"><i class="fa fa-lg fa-caret-square-o-right"></i> About NCPC</a></li> 191<li><a href="/about/commission/" id="about1"><i class="fa fa-lg fa-caret-square-o-right"></i> About the Commission</a></li> 192<li><a href="/about/staff/" id="about2"><i class="fa fa-lg fa-caret-square-o-right"></i> About the Staff</a></li> 193<li><a href="https://centennial.ncpc.gov" id="about3"><i class="fa fa-lg fa-caret-square-o-right"></i> Centennial</a></li> 194<li><a href="/about/history/" id="about4"><i class="fa fa-lg fa-caret-square-o-right"></i> Planning History</a></li> 195<li><a href="/about/authorities/" id="about5"><i class="fa fa-lg fa-caret-square-o-right"></i> Legislative Authorities</a></li> 196<li><a href="/about/opportunities/" id="about6"><i class="fa fa-lg fa-caret-square-o-right"></i> Opportunities</a></li> 197<li><a href="/about/awards/" id="about7"><i class="fa fa-lg fa-caret-square-o-right"></i> Awards</a></li> 198<li><a href="/about/faqs/" id="about8"><i class="fa fa-lg fa-caret-square-o-right"></i> FAQ</a></li> 199<li><a href="/policies/" id="about9"><i class="fa fa-lg fa-caret-square-o-right"></i> Policies & Reports</a></li> 200</ul> 201</li> 202<!-- Planning --> 203<li class="dropdown mega-menu-right"> 204<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> 205Planning 206</a> 207<ul class="dropdown-menu menu-planning" role="menu"> 208<li> 209<div class="mega-menu-content disable-icons"> 210<div class="row equal-height"> 211<div class="col-md-4 equal-height-in"> 212<ul class="list-unstyled equal-height-list mm"> 213<li><h3><strong>Topics</strong></h3></li> 214<li><a href="/topics/commemoration/" id="topics0"><i class="fa fa-lg fa-caret-square-o-right"></i> Commemoration</a></li> 215<li><a href="/topics/embassies/" id="topics1"><i class="fa fa-lg fa-caret-square-o-right"></i> Embassies & Foreign Missions</a></li> 216<li><a href="/topics/flooding/" id="topics2"><i class="fa fa-lg fa-caret-square-o-right"></i> Flooding & Resilience</a></li> 217<li><a href="/topics/heights/" id="topics3"><i class="fa fa-lg fa-caret-square-o-right"></i> Heights & Views</a></li> 218<li><a href="/topics/security/" id="topics4"><i class="fa fa-lg fa-caret-square-o-right"></i> Security</a></li> 219<li><a href="/topics/transportation/" id="topics5"><i class="fa fa-lg fa-caret-square-o-right"></i> Transportation</a></li> 220<li><a href="/topics/nationalmall/" id="topics6"><i class="fa fa-lg fa-caret-square-o-right"></i> National Mall</a></li> 221<li><a href="/topics/fcip/" id="topics7"><i class="fa fa-lg fa-caret-square-o-right"></i> Capital Improvements</a></li> 222</ul> 223</div> 224<div class="col-md-4 equal-height-in"> 225<ul class="list-unstyled equal-height-list mm"> 226<li><h3><strong>Initiatives</strong></h3></li> 227<li><a href="/initiatives/pennave/" id="initiatives0"><i class="fa fa-lg fa-caret-square-o-right"></i>
227 Pennsylvania Avenue</a></li> 228<li><a href="/initiatives/workplace/" id="initiatives1"><i class="fa fa-lg fa-caret-square-o-right"></i> Federal Workplace</a></li> 229<li><a href="/initiatives/transportation/" id="initiatives2"><i class="fa fa-lg fa-caret-square-o-right"></i> Transportation Element</a></li> 230<li><a href="/initiatives/safebeautiful/" id="initiatives3"><i class="fa fa-lg fa-caret-square-o-right"></i> Safe and Beautiful</a></li> 231<li><a href="/initiatives/swredevelopment/" id="initiatives4"><i class="fa fa-lg fa-caret-square-o-right"></i> SW Redevelopment</a></li> 232</ul> 233</div> 234<div class="col-md-4 equal-height-in"> 235<ul class="list-unstyled equal-height-list mm"> 236<li><h3><strong>Plans</strong></h3></li> 237<li><a href="/plans/compplan/" id="plans0"><i class="fa fa-lg fa-caret-square-o-right"></i> Comprehensive Plan</a></li> 238<li><a href="/plans/framework/" id="plans1"><i class="fa fa-lg fa-caret-square-o-right"></i> Framework Plan</a></li> 239<li><a href="/plans/memorials/" id="plans2"><i class="fa fa-lg fa-caret-square-o-right"></i> Memorials & Museums Plan</a></li> 240<li><a href="/plans/streetscape/" id="plans3"><i class="fa fa-lg fa-caret-square-o-right"></i> Monumental Core Streetscape</a></li> 241<li><a href="/plans/legacy/" id="plans4"><i class="fa fa-lg fa-caret-square-o-right"></i> Legacy Plan</a></li> 242<li><a href="/plans/swecodistrict/" id="plans5"><i class="fa fa-lg fa-caret-square-o-right"></i> SW Ecodistrict Plan</a></li> 243<li><a href="/plans/capitalspace/" id="plans6"><i class="fa fa-lg fa-caret-square-o-right"></i> CapitalSpace</a></li> 244</ul> 245</div> 246</div> 247</div> 248</li> 249</ul> 250</li> 251<!-- Review --> 252<li class="dropdown mega-menu-right"> 253<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> 254Review 255</a> 256<ul class="dropdown-menu menu-planning" role="menu"> 257<li> 258<div class="mega-menu-content disable-icons"> 259<div class="row equal-height"> 260<div class="col-md-4 equal-height-in"> 261<ul class="list-unstyled equal-height-list mm"> 262<li><h3><strong>Review Process</strong></h3></li> 263<li><a href="/review/overview/" id="process0"><i class="fa fa-lg fa-caret-square-o-right"></i> Overview</a></li> 264<li><a href="/review/deadlines/" id="process1"><i class="fa fa-lg fa-caret-square-o-right"></i> Submission Deadlines</a></li> 265<li><a href="/review/submit/" id="process2"><i class="fa fa-lg fa-caret-square-o-right"></i> How to Submit</a></li> 266<li><a href="/review/guidelines/" id="process3"><i class="fa fa-lg fa-caret-square-o-right"></i> Submission Guidelines</a></li> 267<li><a href="/about/authorities/" id="process4"><i class="fa fa-lg fa-caret-square-o-right"></i> Review Authorities</a></li> 268<li><a href="/review/guides/" id="process5"><i class="fa fa-lg fa-caret-square-o-right"></i> Resources Guides</a></li> 269</ul> 270</div> 271<div class="col-md-4 equal-height-in"> 272<ul class="list-unstyled equal-height-list mm"> 273<li><h3><strong>Commission Meeting</strong></h3></li> 274<li><a href="/review/meeting/" id="meeting0"><i class="fa fa-lg fa-caret-square-o-right"></i> Upcoming Meeting</a></li> 275<li><a href="/review/agenda/" id="meeting1"><i class="fa fa-lg fa-caret-square-o-right"></i> Agenda and Materials</a></li> 276<li><a href="/review/archive/" id="meeting2"><i class="fa fa-lg fa-caret-square-o-right"></i> Meeting Archive</a></li> 277<li><a href="/review/meeting101/" id="meeting3"><i class="fa fa-lg fa-caret-square-o-right"></i> Commission Meeting 101</a></li> 278<li><a href="/participate/guidelines/" id="meeting4"><i class="fa fa-lg fa-caret-square-o-right"></i> How to Comment</a></li> 279<li><a href="/review/calendar/" id="meeting5"><i class="fa fa-lg fa-caret-square-o-right"></i> Meeting Calendar</a></li> 280<li><a href="/review/search/" id="meeting6"><i class="fa fa-lg fa-caret-square-o-right"></i> Project Search</a></li> 281</ul> 282</div> 283<div class="col-md-4 equal-height-in"> 284<ul class="list-unstyled equal-height-list mm"> 285<li><h3><strong>Major Projects</strong></h3></li> 286<div class="major"> 287<li><a href="/projects/8721/" id="major0"><i class="fa fa-lg fa-caret-square-o-right"></i> RFK Stadium</a></li> 288<li><a href="/projects/8733/" id="major1"><i class="fa fa-lg fa-caret-square-o-right"></i> East Wing Modernization</a></li> 289<li><a href="/projects/7509/" id="major2"><i class="fa fa-lg fa-caret-square-o-right"></i>
289 Pennsylvania Avenue</a></li> 290<li><a href="/projects/MP314/" id="major3"><i class="fa fa-lg fa-caret-square-o-right"></i> Tidal Basin Development</a></li> 291<li><a href="/projects/8450/" id="major4"><i class="fa fa-lg fa-caret-square-o-right"></i> Global War on Terrorism</a></li> 292<li><a href="/projects/8699/" id="major5"><i class="fa fa-lg fa-caret-square-o-right"></i> Womenâs Suffrage Monument</a></li> 293<li><a href="/projects/8449/" id="major6"><i class="fa fa-lg fa-caret-square-o-right"></i> Fallen Journalists Memorial</a></li> 294<li><a href="/projects/8617/" id="major7"><i class="fa fa-lg fa-caret-square-o-right"></i> Capital One Arena Improvements</a></li> 295</div> 296</ul> 297</div> 298</div> 299</div> 300</li> 301</ul> 302</li> 303<!-- Participate --> 304<li class="dropdown"> 305<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> 306Participate 307</a> 308<ul class="dropdown-menu mm menu-right" role="menu"> 309<li><a href="/review/meeting/" id="participate0"><i class="fa fa-lg fa-caret-square-o-right"></i> Upcoming Meeting</a></li> 310<li><a href="/participate/notices/" id="participate1"><i class="fa fa-lg fa-caret-square-o-right"></i> Comment Opportunities</a></li> 311<li><a href="/participate/events/" id="participate2"><i class="fa fa-lg fa-caret-square-o-right"></i> Upcoming Events</a></li> 312<li><a href="/news/1/" id="participate3"><i class="fa fa-lg fa-caret-square-o-right"></i> News</a></li> 313<li><a href="/videos/" id="participate4"><i class="fa fa-lg fa-caret-square-o-right"></i> Watch Videos</a></li> 314<li><a href="/subscribe/" id="participate5"><i class="fa fa-lg fa-caret-square-o-right"></i> Subscribe</a></li> 315</ul> 316</li> 317<!-- Search Block --> 318<li class="menu-icons" id="srch"> 319<i class="search fa fa-lg fa-search search-btn"></i> 320<form action="/search/go/" id="cse-search-box" method="post"> 321<div class="search-open"> 322<div class="input-group animated fadeIn"> 323<input type="hidden" name="cx" value="000409412355446298742:ud_dl9dr3hg" /> 324<input type="hidden" name="cof" value="FORID:10" /> 325<input type="hidden" name="ie" value="UTF-8" /> 326<label for="q" class="hidden">Search Site</label> 327<input type="text" name="q" id="q" class="form-control" placeholder="Search" autocomplete="off" title="keyword search field"> 328<span class="input-group-btn"> 329<button class="btn-u" name="sa" type="submit">Go</button> 330</span> 331</div> 332<div class="btn-group margin-top-5" data-toggle="buttons"><label class="btn btn-default btn-xs active"><input type="radio" autocomplete="off" name="sx" class="opts" value="mcse" checked>Custom Search</label><label class="btn btn-default btn-xs"><input type="radio" autocomplete="off" name="sx" class="opts" value="gcse">Site Search</label><label class="btn btn-default btn-xs"><input type="radio" autocomplete="off" name="sx" class="opts" value="project">Projects</label></div> 333</div> 334</form> 335</li> 336<!-- End Search Block --> 337</ul> 338</div> 339</div> 340<a name="afternav" id="afternav" tabindex="-1"></a> 341 </div> 342 <!--=== End Header ===--> 343 <!--=== Breadcrumbs ===--> 344 <div class="breadcrumbs-v4 img-default bg-cover"> 345 <div class="container"> 346 <h1>About NCPC</h1> 347 </div> 348 <!--/container--> 349 </div> 350 <!--/breadcrumbs--> 351 <!--=== End Breadcrumbs ===--> 352 <!--=== Content Part ===--> 353 <div class="bg-white"> 354 <div class="container margin-top-20"> 355 <div class="margin-bottom-20"> 356 <div class="title"><p>Established by Congress in 1924, the <strong>National Capital Planning Commission</strong> (NCPC) is the federal governmentâs central planning agency for the National Capital Region. Through planning, policymaking, and project review, NCPC protects and advances the federal governmentâs interest in the regionâs development. The Commission provides overall planning guidance for federal land and buildings in the region by reviewing the design of federal and certain local projects, overseeing long-range planning for future development, and monitoring capital investment by federal agencies.</p></div> 357 </div> 358 </div> 359 </div> 360 361 <div class="container content" id="maincontent"> 362 363 <div class="row"> 364 <div class="col-md-6"> 365 <div class="text-block"> 366 <div class="banner-info dark margin-bottom-10"> 367 <i class="rounded-x fa fa-gavel"></i> 368 <div class="overflow-h"> 369 <h3><strong>Our Mission</strong></h3> 370 <p>The National Capital Planning Commission works with federal agencies as it seeks to preserve and enhance the extraordinary historical, cultural, and natural resources and federal assets of the National Capital Region to support the needs of the federal government and enrich the lives of the region's visitors, workers, and residents.</p> </div> 371 </div> 372 <div class="banner-info dark margin-bottom-10"> 373 <i class="rounded-x fa fa-tasks"></i> 374 <div class="overflow-h"> 375 <h3><strong>Strategic Plan</strong></h3> 376 <p>NCPC prepares a Strategic Plan that sets the goals that chart the agency's course over the next four years and the strategies used to gauge successes.<br><br> 377<a href="/policies/strategic/" class="btn-u btn-u-dark ripple">Strategic Plan</a></p> </div> 378 </div> 379 <div class="banner-info dark margin-bottom-10"> 380 <i class="rounded-x fa fa-university"></i> 381 <div class="overflow-h"> 382 <h3><strong>Core Activities</strong></h3> 383 <p>NCPC's work includes:</p><ul> 384<li>
384Comprehensive Planning</li> 385<li>Federal Capital Improvements</li> 386<li>Review and Approval of Federal Plans and Projects</li> 387<li>Signature Planning</li> 388</ul><p>NCPC also coordinates the planning efforts of federal agencies that construct and renovate facilities within the National Capital Region; represents the federal government on a number of local and regional planning boards; and encourages public participation in all aspects of the agency's work.</p> </div> 389 </div> 390 <div class="banner-info dark margin-bottom-10"> 391 <i class="rounded-x fa fa-user"></i> 392 <div class="overflow-h"> 393 <h3><strong>Commission and Staff</strong></h3> 394 <p>The 12-member Commission meets monthly (except August) to adopt, approve, or provide advice on plans and projects that impact the National Capital Region. The Commission is supported by a staff of planners, architects, urban designers, landscape architects, and other professionals.</p> </div> 395 </div> 396 </div> 397 <div class="margin-bottom-20"></div> 398 </div> 399 <div class="col-md-6"> 400 <iframe id="ncr" src="/kml/ncr.php?z=9&q=-77.287828,38.860476"></iframe> 401 402 </div> 403 </div> 404 </div> 405 <!--/container--> 406 407 <!--=== End Parallax About Block ===--> 408 409 </div> 410 </div> 411 <!--/container--> 412 <!--=== Container Part ===--> 413 414 </div> 415 </div> 416 </div> 417 <!--=== End Meet Our Team ===--> 418 <div class="margin-bottom-30" id="contactus"></div> 419 <!--=== Contacts ===--> 420 <div class="contacts content bg-white"> 421 <div class="container"> 422 <div class="title-box-v2"> 423 <h2><span class="color-green">Contact Information</span></h2> 424 <div class="row"> 425 <div class="col-md-6 col-md-offset-3"> 426 <p>The best way to contact us is to use the form below. We'll review your message and respond as quickly as we can. Some replies might take longer than others depending on the subject or question. If you need immediate help, please call the number below during normal operating hours.</p> </div> 427 </div> 428 </div> 429 <div class="row"> 430 <div class="col-md-6 col-sm-6 margin-bottom-20"> 431 <!-- Google Map --> 432 <iframe class="mymap" src="/maps/location.php?z=17&s=true" id="mymap"></iframe> 433 <!-- End Google Map --> 434 </div> 435 <div class="col-md-6 col-sm-6"> 436 <!-- Business Hours --> 437 438 <div class="margin-bottom-20" style="line-height:1.4"> 439 <p class="margin-bottom-20" style="line-height:1.4"><strong>Mailing address:</strong><br> 440401 9th Street, NW <br> 441Suite 500N<br> 442Washington, DC 20004<br> 443<strong>Phone: </strong>(202) 482-7200 <br> 444<strong>Monday-Friday:</strong> 8:30 am to 5:00 pm <br> 445<strong>Saturday-Sunday:</strong> Closed 446</p> </div> 447 <div style="position:relative;"> 448 <form id="contact"> 449 <div class="row"> 450 <div class="col-sm-6"> 451 <div class="input-group margin-bottom-10"> 452 <span class="input-group-addon"><i class="fa fa-user"></i></span> 453 <input type="name" name="name" id="name" placeholder="Your Name" 454 class="form-control"> 455 </div> 456 </div> 457 <div class="col-sm-6"> 458 <div class="input-group margin-bottom-20"> 459 <span class="input-group-addon"><i class="fa fa-envelope"></i></span> 460 <input type="email" name="email" id="email" placeholder="Your Email" 461 class="form-control"> 462 </div> 463 </div> 464 </div> 465 <input type="text" name="botcheck" id="botcheck" /> 466 <textarea rows="6" name="comment" id="comment" class="form-control margin-bottom-20" 467 placeholder="Type your question here..."></textarea> 468 <div class="ladda-btn"> 469 <button class="btn-u btn-u-sm pull-right ladda-button" data-style="zoom-in" 470 type="button" id="send"><span class="ladda-label">Send Question</span></button> 471 </div> 472 </form><span class="clearfix"></span> 473 <div id="wait"><i class="fa fa-cog fa-spin fa-3x fa-fw"></i> Processing...</div> 474 </div> 475 </div> 476 </div> 477 </div> 478 </div> 479 <!--=== End Contacts ===--> 480 481 <!--=== Footer Version 1 ===--> 482<div class="footer-v1"> 483<div class="footer"> 484<div class="container"> 485<div class="row"> 486<!-- About --> 487<div class="col-md-3 md-margin-bottom-40 wow fadeInLeft"> 488<a href="/"><img id="logo-footer" class="footer-logo" src="/assets/img/ncpc-logo-wt.png" alt="NCPC logo"></a> 489<p><small>The National Capital Planning Commission is the federal government's planning agency for the National Capital Region.</p> 490<p>The 12-member Commission meets monthly to adopt, approve, or provide advice on plans and projects that impact the nation's capital and surrounding areas. </small></p> 491 492</div><!--/col-md-3--> 493<!-- End About --> 494 495<!-- Latest --> 496<div class="col-md-3 md-margin-bottom-40 wow fadeInLeft"> 497<ul class="list-unstyled link-list"> 498<li><a href="/policies/accessibility/">Accessibility</a><i class="fa fa-angle-right"></i></li> 499<li><a href="/policies/fair/">Fair Act</a><i class="fa fa-angle-right"></i></li> 500<li><a href="/policies/foia/">Freedom of Information Act</a><i class="fa fa-angle-right"></i></li> 501<li><a href="/policies/nofear/">No Fear Act</a><i class="fa fa-angle-right"></i></li> 502<li><a href="/policies/opengov/">Open Government</a><i class="fa fa-angle-right"></i></li> 503<li><a href="/policies/performance/">Performance & Budget</a><i class="fa fa-angle-right"></i></li> 504<li><a href="/policies/strategic/">Strategic Plan</a><i class="fa fa-angle-right"></i></li> 505<li><a href="/policies/vdp/">Vulnerability Disclosure</a><i class="fa fa-angle-right"></i></li> 506<li><a href="/search/go/">Search</a><i class="fa fa-angle-right"></i></li> 507 508</ul> 509</div><!--/col-md-3--> 510<!-- End Latest --> 511 512<!-- Link List --> 513<div class="col-md-3 md-margin-bottom-40 wow fadeInRight"> 514<ul class="list-unstyled link-list"> 515<li><a href="/about/">About Us</a><i class="fa fa-angle-right"></i></li> 516<li><a href="/about/staff/">About the Staff</a><i class="fa fa-angle-right"></i></li> 517<li><a href="/about/commission/">About the Commission</a><i class="fa fa-angle-right"></i></li> 518<li><a href="/news/">Latest News</a><i class="fa fa-angle-right"></i></li> 519<li><a href="/videos/">Watch Videos</a><i class="fa fa-angle-right"></i></li> 520<li><a href="/subscribe/">Subscribe</a><i class="fa fa-angle-right"></i></li> 521<li><a href="/sitemap/">Site Map</a><i class="fa fa-angle-right"></i></li> 522<li><a href="/about/atoz/">A to Z Listing</a><i class="fa fa-angle-right"></i></li> 523 524</ul> 525</div><!--/col-md-3--> 526<!-- End Link List --> 527 528<!-- Address --> 529<div class="col-md-3 map-img md-margin-bottom-40 wow fadeInRight"> 530<address class="md-margin-bottom-40"> 531401 9th Street, NW <br /> 532Suite 500N<br /> 533Washington DC 20004<br /> 534Phone: (202) 482-7200 <br /> 535Email: [email protected] 536</address> 537</div><!--/col-md-3--> 538<!-- End Address --> 539</div> 540</div> 541</div> 542<!--/policies--> 543 544<div class="copyright"> 545<div class="container"> 546<div class="row"> 547<div class="col-md-4"> 548<a href="/policies/privacy/">Privacy Policy</a> 549</div> 550 551<!-- Social Links --> 552<div class="col-md-3"> 553<ul class="footer-socials list-inline"> 554<li> 555<a href="https://www.facebook.com/ncpc.gov" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"> 556<div class="socl"> 557<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
557<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> 558</div> 559</a> 560</li> 561<li> 562<a href="https://www.youtube.com/user/NCPCdotGov" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="YouTube"> 563<div class="socl"> 564<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> 565</div> 566</a> 567</li> 568<li> 569<a href="https://instagram.com/ncpcgov" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Instagram"> 570<div class="socl"> 571<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 572</div> 573</a> 574</li> 575<li> 576<a href="https://www.twitter.com/ncpcgov" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="X-Twitter"> 577<div class="socl"> 578<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> 579</div> 580</a> 581</li> 582</ul> 583</div> 584<div class="col-md-5"> 585<div id="google_translate_element" class="pull-right"></div>
585<script type="text/javascript"> 586function googleTranslateElementInit() { 587new google.translate.TranslateElement({pageLanguage: "en", layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, "google_translate_element"); 588} 589</script>
589<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
589 590</div> 591<!-- End Social Links --> 592 593</div> 594<a href="https://vote.gov" target="_blank"> 595<img src="/assets/img/vote.gov-logo.png" id="votegov" alt="vote.gov"> 596</a> 597</div> 598</div><!--/copyright--> 599</div>
600<script id="_fed_an_ua_tag" language="javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=NCPC&pua=ua-33523145-2"></script>
600 601<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 601-602
601 602<script async src="https://www.googletagmanager.com/gtag/js?id=
602UA-11009435-1
vendor: 13 bytes, line 602
602"></script>
603<script>
vendor: 341 bytes, lines 603-609
603 604(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){ 605(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 606m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 607})(window,document,"script","https://www.google-analytics.com/analytics.js","ga"); 608 609ga("create", "
609UA-11009435-1
vendor: 40 bytes, lines 609-611
609", "auto"); 610ga("send", "pageview"); 611
612</script>
612 613<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 613-614
613 614<script async src="https://www.googletagmanager.com/gtag/js?id=
614G-HXNJREZFNR
vendor: 13 bytes, line 614
614"></script>
615<script> 616
vendor: 138 bytes, lines 616-620
616window.dataLayer = window.dataLayer || []; 617 function gtag(){dataLayer.push(arguments);} 618 gtag("js", new Date()); 619 620 gtag("config", "
620G-HXNJREZFNR
vendor: 5 bytes, line 620
620");
621</script>
621 622<!--=== End Footer Version 1 ===--> 623 </div> 624 <!--=== End Footer Version 1 ===--> 625 </div> 626 <!--/End Wrapepr--> 627 628 <!-- JS Global Compulsory --> 629
629<script src="https://api.ncpc.gov/assets/plugins/jquery/jquery.min.js"></script>
629 630
630<script src="https://api.ncpc.gov/assets/plugins/jquery/jquery-migrate.min.js"></script>
630 631
631<script src="https://api.ncpc.gov/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
631 632 <!-- JS Implementing Plugins --> 633
633<script src="https://api.ncpc.gov/assets/plugins/back-to-top.js"></script>
633 634
634<script src="https://api.ncpc.gov/assets/plugins/smoothScroll.js"></script>
634 635
635<script src="https://api.ncpc.gov/assets/plugins/jquery.parallax.js"></script>
635 636
636<script src="https://api.ncpc.gov/assets/plugins/owl-carousel/owl-carousel/owl.carousel.js"></script>
636 637
637<script src="https://api.ncpc.gov/assets/plugins/sweetalert/sweetalert2.js"></script>
637 638
638<script src="https://api.ncpc.gov/assets/plugins/wow-animations/js/wow.min.js"></script>
638 639
639<script src="https://api.ncpc.gov/assets/plugins/ladda-buttons/js/spin.min.js"></script>
639 640
640<script src="https://api.ncpc.gov/assets/plugins/ladda-buttons/js/ladda.min.js"></script>
640 641 <!-- JS Customization --> 642
642<script src="https://api.ncpc.gov/assets/js/custom.js"></script>
642 643 <!-- JS Page Level --> 644
644<script src="https://api.ncpc.gov/assets/js/app.js"></script>
644 645
645<script src="https://api.ncpc.gov/assets/js/pages/page_contacts.js"></script>
645 646
646<script> 647 jQuery(document).ready(function() { 648 var l = Ladda.create(document.querySelector('.ladda-btn button')); 649 App.init(); 650 App.initParallaxBg(); 651 //ContactPage.initMap(); 652 $("#name").blur(function() { 653 if ($(this).val() != '') { 654 $(this).removeClass('err'); 655 } 656 }); 657 $("#email").blur(function() { 658 if ($(this).val() != '') { 659 $(this).removeClass('err'); 660 } 661 }); 662 $("#send").click(function(e) { 663 e.preventDefault(); 664 var fname = $("#name").val(); 665 if (fname == "") { 666 $("#name").addClass('err').focus(); 667 return false; 668 } 669 670 var email = $("#email").val(); 671 if (email == "") { 672 $("#email").addClass('err').focus(); 673 return false; 674 } else { 675 var atpos = email.indexOf("@"); 676 var dotpos = email.lastIndexOf("."); 677 if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) { 678 $("#email").addClass('err').focus(); 679 return false; 680 } 681 } 682 //$("#contact").hide(); 683 //$("#wait").fadeIn(200); 684 l.start(); 685 $.ajax({
686 type: "POST", 687 url: "contact.php", 688 data: $('#contact').serialize(), 689 success: function(data) { 690 console.log(data); 691 if (data == 'good') { 692 swal({ 693 title: 'Success!', 694 text: 'Your email was sent', 695 type: 'success', 696 confirmButtonText: 'Ok' 697 }); 698 //$("#wait").fadeOut(200); 699 $('#contact').trigger("reset"); 700 l.stop(); 701 } else { 702 swal({ 703 title: 'Error!', 704 text: 'Your email was not sent', 705 type: 'error', 706 confirmButtonText: 'Ok' 707 }); 708 //$("#wait").fadeOut(200); 709 $('#contact').trigger("reset"); 710 l.stop(); 711 } 712 } 713 }); 714 }); 715 $(window).resize(function() { 716 document.getElementById('ncr').contentWindow.location.reload(true); 717 document.getElementById('mymap').contentWindow.location.reload(true); 718 }); 719 }); 720 </script>
720 721 722</body> 723 724</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.