PageSourceSearch

https://www.ncpc.gov/about/

html ncpc.gov collected 2026-10-02 03:55:09 UTC 36,400 bytes, 724 lines download raw bytes

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&nbsp;<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.