-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
714 lines (666 loc) · 39.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Property | phila.gov</title>
<link rel="icon" type="image/x-icon" href="//cityofphiladelphia.github.io/patterns/images/favicon.ico">
<meta name="description" content="Find valuations, real estate taxes, physical details, trash and recycling days, school information, and city service areas for properties within the City of Philadelphia.">
<!-- Swiftype Meta Tags -->
<meta class="swiftype" name="title" data-type="string" content="Property" />
<meta class="swiftype" name="body" data-type="text" content="Find valuations, real estate taxes, physical details, trash and recycling days, and school information for properties within the City of Philadelphia." />
<meta class="swiftype" name="tags" data-type="string" content="app" />
<meta class="swiftype" name="site-priority" data-type="integer" content="10" />
<meta property="og:title" content="Property | phila.gov" />
<meta property="og:url" content="http://property.phila.gov" />
<meta property="og:site_name" content="Property" />
<meta property="og:image" content="img/property.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1000">
<meta property="og:image:height" content="598">
<meta property="og:description" content="Find valuations, real estate taxes, physical details, trash and recycling days, school information, and city service areas for properties within the City of Philadelphia." />
<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@PhiladelphiaGov" />
<meta name="twitter:creator" content="@PhiladelphiaGov" />
<link rel="image_src" href="img/property.png" />
<link rel="stylesheet" href="//js.arcgis.com/3.15/esri/css/esri.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//cityofphiladelphia.github.io/patterns/dist/1.4.0/css/patterns.css">
<link rel="stylesheet" href="css/style.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
</head>
<body>
<!-- Google Tag Manager [phila.gov] -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MC6CR2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MC6CR2');</script>
<!-- End Google Tag Manager -->
<!--[if lte IE 8]>
<p class="browsehappy alert">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="application" class="page">
<a class="skip-link screen-reader-text" href="#maincontent">Skip to content</a>
<header data-swiftype-index="false" id="masthead" class="site-header app" role="banner">
<div class="row site-branding">
<div class="small-24 columns">
<a href="http://beta.phila.gov/" class="logo" aria-label="Return to beta.phila.gov">
<img data-interchange="[//cityofphiladelphia.github.io/patterns/images/city-of-philadelphia-mobile.png, small], [//cityofphiladelphia.github.io/patterns/images/city-of-philadelphia-white.png, medium] " alt="phila.gov">
</a>
<div class="page-title-container">
<h1 data-hook="app-title" class="page-title">Property</h1>
</div>
</div>
</div>
<div class="row expanded">
<div class="columns">
<div class="row">
<div data-swiftype-index="false" class="small-18 medium-20 columns">
<nav>
<ul data-hook="crumbs" class="breadcrumbs">
<li><a href="https://www.phila.gov"><i class="fa fa-home"></i></a></li>
<li>Property</li>
</ul>
</nav>
</div>
<div data-hook-index="false" class="small-6 medium-4 columns text-right">
<div id="google_translate_element" class="no-js"><i class="fa fa-globe"></i><span class="show-for-sr">Google Translate</span></div>
</div>
</div>
</div>
</div>
</header>
<main id="maincontent">
<div data-hook="above-content" class="row"></div>
<div class="search-head">
<div class="row">
<div data-hook="search-right" class="medium-4 columns"> </div>
<div data-hook="search-box" class="search-box medium-16 columns">
<div class="search">
<div class="search-select float-left" data-hook="search-select">
<strong data-hook="search-select-label" class="float-left">Address</strong> <i class="fa fa-caret-down fa-lg"></i>
<ul class="search-select-options no-bullet hide" data-hook="search-select-options">
<li data-searchtype="address"><label>Address</label> <small>1234 Market St</small></li>
<li data-searchtype="block"><label>Block</label> <small>1200 Market St</small></li>
<li data-searchtype="account"><label>Account</label> <small>883309000</small></li>
</ul>
</div>
<div data-hook="search-form-container" class="float-left search-form-container">
<!-- Address -->
<form data-hook="search-address" class="search-form-option">
<label for="search-address" class="show-for-sr">Search by block</label>
<input id="search-address" type="text" class="float-left field-lg" data-hook="search-address" name="a" placeholder="1234 Market St">
<label for="search-unit" class="show-for-sr">Unit number</label>
<input id="search-unit" type="text" class="float-left field-sm" data-hook="search-unit" name="u" placeholder="Unit #">
<input type="submit" value="submit">
</form>
<!-- Block -->
<form data-hook="search-block" class="search-form-option hide">
<label for="search-blocknum" class="show-for-sr">Block number</label>
<input id="search-blocknum" type="text" class="float-left field-sm" data-hook="search-blocknum" name="bn" placeholder="1200">
<label for="search-blockstreet" class="show-for-sr">Block street</label>
<input id="search-blockstreet" type="text" class="float-left field-lg" data-hook="search-blockstreet" name="bs" placeholder="Market St">
<input type="submit" value="submit">
</form>
<!-- Account -->
<form data-hook="search-account" class="search-form-option hide">
<label for="search-account" class="show-for-sr">Search by account number</label>
<input id="search-account" type="text" class="float-left" name="an" placeholder="883309000">
<input type="submit" value="submit">
</form>
<!-- Intersection -->
<!-- <form data-hook="search-intersection" class="search-form-option hide">
<input type="text" class="float-left field-md" data-hook="search-int-street1" name="s1" placeholder="12th St">
<input type="text" class="float-left field-md" data-hook="search-int-street2" name="s2" placeholder="Market St">
<input type="submit" value="submit">
</form> -->
</div>
</div>
<div data-hook="search-select-close" class="search-select-close hide"></div>
</div>
<div data-hook="search-left" class="medium-4 columns"> </div>
</div>
<div data-hook="owner-search-disclaimer" class="row hide">
</div>
</div>
<!-- New Property Site Banner -->
<div data-hook="new-site-banner" class="row hide" style="margin-bottom:1rem">
<div class="new-property row text-left">
<div class="medium-2 columns hide-for-small-only"><i class="fa fa-exclamation-triangle fa-5x"></i></div>
<div class="medium-14 columns">As of November 2021, within the next few weeks this website is scheduled to be upgraded to <a href="https://property-beta.phila.gov/">the new property application</a>.
Please continue to submit any feedback for ongoing improvements to the new site.
</div>
<div class="medium-8 columns text-right">
<a href="https://property-beta.phila.gov/" id="new-property-button" class="button">Take me to the new site</a>
</div>
</div>
</div>
<div data-hook="content" class="row"></div>
<div data-hook="below-content" class="row"></div>
</div>
</main>
<footer data-swiftype-index='false' class="site-footer" role="contentinfo">
<div class="row classic center">
<div class="columns">
<nav>
<ul class="inline-list">
<li><a href="https://www.phila.gov/terms-of-use">Terms of use</a></li>
<li><a href="http://www.phila.gov/privacy/pdfs/FinalCityOpenRecords.pdf">Right to know (pdf)</a></li>
<li><a href="https://www.phila.gov/privacypolicy">Privacy Policy</a></li>
</ul>
</nav>
</div>
</div>
</footer>
<!-- End Footer -->
<div id="terms-modal" class="reveal" data-reveal aria-labelledby="modal-title" aria-hidden="true" role="dialog">
<h1 id="modal-title" class="h3">Terms of Use</h1>
<p>The Office of Property Assessment of the City of Philadelphia (OPA) makes every effort to produce and publish on this site the most accurate and current information available to it. Our ownership records are based on deeds as recorded with the City of Philadelphia Department of Records (DOR), and we revise these records for currency as often as we are able. You are responsible, however, for verifying the accuracy of the information on this site by referring to the corresponding deed(s).</p>
<p>The OPA is not an abstract company and we do not determine who has the better title to a property if the public records conflict as to ownership. The information on this site is not intended to indicate the quality of title or priority of interest in any property, and you are advised not to rely on it for that purpose.</p>
<p>The market values and assessed values published on this site may not reflect changes made since the last update in our database. We do not have any information as to whether taxes have been paid for any particular property.</p>
<p>The additional City of Philadelphia terms and conditions below all apply to the information on this OPA site and to your access to and use of this information and the site.</p>
<h2 class="h4">Disclaimer</h2>
<p>The City of Philadelphia and the OPA (collectively, the City) make no warranty or representation whatsoever, express or implied, with respect to the quality, content, accuracy, completeness, currency, freedom from computer virus, suitability for any particular purpose, or non-infringement of proprietary rights, of any of the information published on this site, or any of the design, text, graphics, images, pages, interfaces, links, software, or other materials, documents, and items contained in or displayed or published on this site. All such items and materials are provided on an 'as is' basis, and you are fully and solely responsible for your use of them and for any results or consequences of your use. In many cases, they have been compiled from a variety of sources, including sources beyond the control of the City of Philadelphia, and are subject to change without notice from the City. Except as stated below, commercial use (including but not limited to sale to others) is prohibited without the prior written permission of the City. To the extent you use, apply, or implement this information in your own information system or other setting, or otherwise for your own purposes, you do so at your own risk. In no event shall the City, the OPA, the City's other agencies, or the officers, employees, agents, or representatives of any of the foregoing be liable for any direct, indirect, special, punitive, incidental, exemplary or consequential damages arising your accessing or using the site or any information displayed on the site, or otherwise arising from the site or from anything contained in or displayed on the site. Nothing contained in or displayed on this site constitutes or is intended to constitute legal advice by the City or any of its agencies, officers, employees, agents, attorneys, or representatives.</p>
<h2 class="h4">External sites</h2>
<p>This site may contain links to other sites on the Internet that are operated by parties other than the City and have information that may be of interest to our users. The City has no control over these sites and is not responsible for their content or for the availability of the sites or their content. Our links to these sites are not an endorsement or recommendation of the sites or of any commercial or other products or services that may be advertised or available on them; nor does the City necessarily support the views or facts presented on them. Questions and concerns regarding the content of any linked external site should be addressed directly to the administrator of the external site.</p>
<h2 class="h4">Copyright, trademarks and servicemarks</h2>
<p>Servicemarks and trademarks contained in or displayed on the site, and the contents of linked sites operated by third parties, are the property of their respective owners. All other design, information, text, graphics, images, pages, interfaces, links, software, and other items and materials contained in or displayed on this site, and the selection and arrangements thereof, are the property of the City of Philadelphia. All rights are reserved. Permission to copy electronically and to print information from the site is for personal use only, or to be shared with other persons on the condition that all information copied, printed, and/or shared is without cost to the recipients and exactly as printed on the site, without any addition or modification.</p>
<h2 class="h4">Communications through the site</h2>
<p>In no event shall any communication made through the e-mail, messaging or other communications functions of any City web site constitute legal or other notice to the City, the OPA, any of the City's other agencies, or to any of the officers, employees, agents, or representatives of the OPA or the City, including but not limited to (i) legal notice required by federal, state, or local laws, rules, or regulations with respect to any existing or potential claim or cause of action against the City or any of its agencies, officers, employees, agents, or representatives; (ii) any form of notice required pursuant to the OPA's regulations or policies or any federal, state, or local law applying to the OPA; or (iii) any form of notice required pursuant to any document issued by the OPA.</p>
<h2 class="h4">Miscellaneous</h2>
<p>The foregoing terms and conditions and all disputes arising under them shall be governed, construed and decided in accordance with the laws of the Commonwealth of Pennsylvania. The City reserves the right to revise and otherwise change the foregoing terms and conditions at anytime and without notice. Headings are for convenience only and in no way define, limit, extend or describe the intent of any provision of these Terms of Use and Disclaimer.</p>
<button class="close-button" data-close aria-label="Close" type="button">×</button>
</div>
<!-- Site template collection -->
<div id="templates" style="display:none">
<!-- Breadcrumbs -->
<li data-hook="results-crumb">Results for <b></b></li>
<li data-hook="property-crumb"></li>
<!-- Loading message for results and property views -->
<div data-hook="loading" class="columns"><i class="fa fa-spinner fa-lg spin"></i> Loading...</div>
<!-- Above search content -->
<div data-hook="intro" class="columns intro center">
<div class="row">
<div class="columns medium-centered">
<p class="mam h3">
View valuation and physical details of properties within the City of Philadelphia.</p>
<p><i class="fa fa-arrow-down"></i> Use the tool below to select <span class="caps bold">address, block,</span> or <span class="caps bold">account</span><!-- or <span class="caps bold">intersection</span>-->.</p>
</div>
</div>
</div>
<!-- Front view content -->
<div data-hook="front" class="columns front">
<div class="row">
<div class="columns medium-14 medium-centered">
<div class="warning callout">
<p>Property Search is no longer allowing Search By Owner due to privacy concerns.</p>
</div>
</div>
</div>
<div class="row">
<div class="columns medium-14 medium-centered">
<div class="mtm">
<p>Use this application to search and compare property data in the City of Philadelphia.<br>
By using this application, you have agreed to its <a data-open="terms-modal" href="#">Terms & Conditions.</a></p>
</div>
</div>
</div>
</div>
<!-- Results view content -->
<div data-hook="no-results" class="columns">0 properties found</div>
<div data-hook="results" class="columns results-view">
<div data-hook="count" class="medium-6 columns" style="display:none"><span id="total"></span> properties found</div>
<table role="grid" summary="Property search results." class="tablesaw tablesaw-stack results no-borders" data-tablesaw-mode="stack" data-hook="results-table">
<thead>
<tr>
<th scope="col">Address</th>
<th scope="col">Market Value</th>
<th scope="col">Sale Details</th>
<th scope="col">Owner</th>
<th scope="col" class="hide-for-small-only"></th>
</tr>
</thead>
<tbody data-hook="result-rows">
<tr data-hook="result-row" class="result-row"></tr>
</tbody>
</table>
<div data-hook="see-more"><a class="button icon">See more results</a></div>
</div>
<!-- Property view title in search area-->
<div data-hook="property-title">
<h1></h1><div class="small-text"></div>
</div>
<!-- Property view side panel -->
<div data-hook="property-side" class="property-side large-10 columns">
<div class="hide-for-large"><h3 class="alternate divide">Property Details</h3></div>
<div class="panel mbm">
<div class="row">
<div class="columns map-container">
<div data-hook="map" class="map"></div>
<div class="text-right">
<a data-hook="street-view-url" href="#" class="small-text external" target="_blank">See in Google Street View</a>
</div>
<div class="map-explainer">
<p>
<small>
These maps are created for reference only and do not
represent precise legal boundaries. For more information
about deeds, please visit
<a data-hook="atlas-link" href="https://atlas.phila.gov/" class="external" target="_blank">
Atlas
</a>
.
</small>
</p>
</div>
</div>
</div>
<div data-hook="new-site-banner" class="row hide" style="margin-bottom:1rem">
<div class="new-property text-left">
<div style="margin-left: 45%" class="row medium-24 columns hide-for-small-only warning"><i class="fa fa-exclamation-triangle fa-2x"></i></div>
<div class="row medium-24 columns">
Please note that the OPA is currently upgrading its computer systems. This implementation may cause delays in updating internal
records and displaying current information in this section. We apologize for any delays you may experience.
You may contact the OPA at <a href="tel:+12156864334">215-686-4334</a> for information on a property, or submit an official inquiry below.
</div>
</div>
</div>
<div class="row">
<div class="medium-10 columns">
<h4 class="alternate"><span title="Office of Property Assessment">OPA</span> Account</h4>
<strong data-hook="opa-account"></strong>
</div>
<div class="medium-14 columns">
<h4 class="alternate">Homestead Exemption</h4>
<strong data-hook="homestead"></strong>
</div>
</div>
<div class="row">
<div class="small-24 columns">
<h4 class="alternate">Description</h4>
<strong data-hook="improvement-description"></strong>
</div>
</div>
<div class="row">
<div class="small-24 columns">
<h4 class="alternate">Condition</h4>
<strong data-hook="improvement-condition"></strong>
</div>
</div>
<div class="row">
<div class="small-24 columns">
<h4 class="alternate">Beginning Point</h4>
<strong data-hook="beginning-point"></strong>
</div>
</div>
<div class="row">
<div class="medium-10 columns">
<h4 class="alternate">Land Area <span class="normal">(SqFt)</span></h4>
<strong data-hook="land-area" class="stat"></strong>
</div>
<div class="medium-14 columns">
<h4 class="alternate">Improvement Area <span class="normal">(SqFt)</span></h4>
<strong data-hook="improvement-area" class="stat"></strong>
</div>
</div>
<div class="row">
<div class="small-24 columns">
<h4 class="alternate">Zoning</h4>
<strong data-hook="zoning"></strong>
<a class="small-text zoning-link" data-hook="zoning-permit-link" href="https://atlas.phila.gov/" target="_blank">See related zoning permit documents</a>
<p><strong>Zoning data source:</strong> Planning and Development</p>
</div>
</div>
</div>
<div class="panel opa-inquiry-panel">
<div class="row">
<div class="small-24 columns">
<h4 class="alternate no-margin">Corrections or questions about this information?</h4>
<div class="text-right">
<a data-hook="opa-inquiry-url" class="button no-margin" href="#" target="_blank">Submit an official inquiry</a>
<div class="small-text">On the Office of Property Assessment website</div>
</div>
</div>
</div>
</div>
</div>
<!-- Property view main content area -->
<div data-hook="property-main" class="property-main large-14 columns">
<div class="row"> <!-- Begin owners -->
<div class="columns">
<h2 class="alternate divide">Owner</h2>
</div>
</div>
<div class="row">
<div class="owner-name medium-15 columns">
<h1 data-hook="property-owners" class="no-margin owners"></h1>
</div>
<div class="medium-9 columns">
<h2 data-hook="property-mailing-header" class="h4 alternate no-margin">Mailing Address</h2>
<div data-hook="property-mailing" class="bold mailing"></div>
</div>
</div> <!-- End owners -->
<div class="row"> <!-- Begin taxes -->
<div class="hide-for-print columns">
<h2 class="alternate divide">Real Estate Tax Balance</h2>
</div>
</div>
<div class="row">
<div class="hide-for-print medium-14 columns"><p class="no-margin normal">Real Estate Tax account balances have not yet been added to this application.</p></div>
<div class="medium-10 columns text-right">
<a data-hook="tax-balance-link" class="button no-margin">View the Tax Balance</a>
</div>
</div> <!-- End taxes -->
<div class="row"> <!-- Begin valuation -->
<div class="columns">
<h2 class="alternate divide">Valuation History</h2>
</div>
</div>
<div data-hook="valuation-status"><i class="fa fa-spinner fa-lg spin"></i> Loading...</div>
<div data-hook="valuation-panel" class="row hide">
<div class="columns">
<table role="grid" summary="Property valuation history." class="tablesaw tablesaw-stack" data-tablesaw-mode="stack" data-hook='valuation-table'>
<thead>
<tr>
<th scope="col">Year</th>
<th scope="col">Market Value</th>
<th scope="col">Taxable Land</th>
<th scope="col">Taxable Improvement</th>
<th scope="col">Exempt Land</th>
<th scope="col">Exempt Improvement</th>
</tr>
</thead>
<tbody data-hook="valuation">
</tbody>
</table>
</div>
</div> <!-- End valuation -->
<div class="row"> <!-- Begin valuation note -->
<div class="columns">
<p><b>Note: Taxable and exempt land values can represent:
<ol>
<li>The contributory value of land in relation to the total market value, or</li>
<li>Where no structure is present, the value of vacant land</li>
</ol>
<br>
Consistent with International Association of Assessing Officers (IAAO) standards, the value of an improved parcel is separated into the portion of value attributed to the improvement and the portion of value attributed to the land.
</b></p>
</div>
</div> <!-- End valuation note -->
<div class="row"> <!-- Begin sales details -->
<div class="columns">
<h2 class="alternate divide">Sales Details</h2>
</div>
</div>
<div class="row">
<div class="columns">
<div class="panel sales mbm">
<div class="row">
<div class="medium-12 columns">
<h3 class="h4 alternate">Sales Price</h3>
<strong data-hook="sales-price" class="stat"></strong>
</div>
<div class="medium-12 columns">
<h4 class="alternate">Sales Date</h4>
<strong data-hook="sales-date"></strong>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End property main -->
<!-- Property view secondary content area -->
<div data-hook="property-secondary" class="medium-24 large-14 columns">
<div class="row"> <!-- Begin Open Data -->
<div class="hide-for-print columns">
<h2 class="alternate divide">Access the raw data</h2>
</div>
</div>
<div class="row">
<div class="hide-for-print medium-14 columns">
<p class="no-margin normal">
You can download property assessment data in bulk.
</p>
</div>
<div class="medium-10 columns text-right">
<a data-hook="open-data-link" class="button no-margin" target="_blank" href="https://www.opendataphilly.org/dataset/opa-property-assessments">
Download the Data
</a>
<div class="small-text">On the OpenDataPhilly website</div>
</div>
</div> <!-- End Open Data -->
<div class="row"> <!-- Begin trash and recycling -->
<div class="columns">
<h2 class="alternate divide">Trash & Recycling</h2>
</div>
</div>
<div data-hook="trash-status"><i class="fa fa-spinner fa-lg spin"></i> Loading...</div>
<div data-hook="trash-panel" class="row hide">
<div class="columns">
<div class="panel sales mbm">
<div class="row">
<div class="medium-12 columns">
<h3 class="h4 alternate">Trash & Recycling Day</h3>
<strong data-hook="rubbish-day" class="stat no-margin"></strong>
</div>
<div class="medium-12 columns">
<h4 class="alternate">Leaf Collection</h4>
<strong data-hook="leaf-collection"></strong>
</div>
</div>
</div>
</div>
</div>
<div class="row"> <!-- Begin L&I -->
<div class="hide-for-print columns">
<h2 class="alternate divide">Permits, Licenses, and Violations</h2>
</div>
</div>
<div class="row">
<div class="hide-for-print medium-14 columns"><p class="no-margin normal">Permits, licenses, and violations from L&I have not yet been added to this application.</p></div>
<div class="medium-10 columns text-right">
<a data-hook="li-link" class="button no-margin" target="_blank" href="http://li.phila.gov/">View the L&I Records</a>
<div class="small-text">On the Licenses & Inspections website</div>
</div>
</div> <!-- End L&I -->
<div class="row"> <!-- Begin service area -->
<div class="columns">
<h2 class="alternate divide">Service Areas</h2>
</div>
</div>
<div data-hook="service-area-status"><i class="fa fa-spinner fa-lg spin"></i> Loading...</div>
<div data-hook="service-area-panel" class="hide">
<div class="row">
<div class="medium-12 columns">
<div class="panel mbm">
<h3>School Catchment</h3>
<h4 class="alternate">Elementary School</h4>
<strong data-hook="elementary-school"></strong>
<h4 class="alternate">Middle School</h4>
<strong data-hook="middle-school"></strong>
<h4 class="alternate">High School</h4>
<strong data-hook="high-school"></strong>
</div>
</div>
<div class="medium-12 columns">
<div class="panel mbm">
<h3>Political</h3>
<h4 class="alternate">Councilmanic District (2016)</h4>
<strong data-hook="council-district"></strong>
<h4 class="alternate">Ward</h4>
<strong data-hook="ward"></strong>
<h4 class="alternate">Ward Divisions</h4>
<strong data-hook="ward-divisions"></strong>
</div>
</div>
</div>
<div class="row">
<div class="medium-12 columns">
<div class="panel mbm">
<h3>Public Safety</h3>
<h4 class="alternate">Police District</h4>
<strong data-hook="police-district"></strong>
<h4 class="alternate">Police Public Service Area</h4>
<strong data-hook="police-psa"></strong>
<h4 class="alternate">Police Division</h4>
<strong data-hook="police-division"></strong>
</div>
</div>
<div class="medium-12 columns">
<div class="panel mbm">
<h3>Districts</h3>
<h4 class="alternate">Planning</h4>
<strong data-hook="planning"></strong>
<h4 class="alternate">Licenses and Inspections (L+I)</h4>
<strong data-hook="li-district"></strong>
<h4 class="alternate">Census Tract (2010)</h4>
<strong data-hook="census-tract"></strong>
<h4 class="alternate">Census Block Group (2010)</h4>
<strong data-hook="census-block-group"></strong>
<h4 class="alternate">Commercial Corridor</h4>
<strong data-hook="commercial-corridor"></strong>
</div>
</div>
</div>
<div class="row">
<div class="columns">
<div class="panel mbm">
<div class="row">
<div class="columns">
<h3>Streets</h3>
</div>
</div>
<div class="row">
<div class="medium-12 columns">
<h4 class="alternate">Highway District</h4>
<strong data-hook="highway-district"></strong>
<h4 class="alternate">Highway Section</h4>
<strong data-hook="highway-section"></strong>
<h4 class="alternate">Highway Subsection</h4>
<strong data-hook="highway-subsection"></strong>
<h4 class="alternate">Street Light Routes</h4>
<strong data-hook="street-light-routes"></strong>
<h4 class="alternate">Traffic District</h4>
<strong data-hook="traffic-district"></strong>
<h4 class="alternate">Traffic PM District</h4>
<strong data-hook="traffic-pm-district"></strong>
</div>
<div class="medium-12 columns">
<h4 class="alternate">Trash & Recycling Day</h4>
<strong data-hook="rubbish-day"></strong>
<h4 class="alternate">Leaf Collection Day</h4>
<strong data-hook="leaf-collection"></strong>
<strong data-hook="" class="h1 stat no-margin"></strong>
<h4 class="alternate">Recycling Diversion Rate</h4>
<strong data-hook="recycling-diversion"></strong>
<h4 class="alternate">Sanitation Area</h4>
<strong data-hook="sanitation-area"></strong>
<h4 class="alternate">Sanitation District</h4>
<strong data-hook="sanitation-district"></strong>
</div>
</div>
</div>
</div>
</div>
</div><!-- End service area panel -->
</div><!-- End secondary content area -->
</div> <!-- End templates -->
<!--[if !IE 8]><!-->
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.9/es5-shim.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation.min.js"></script>
<script src="//cityofphiladelphia.github.io/patterns/dist/1.4.0/js/patterns.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/accounting.js/0.4.1/accounting.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<!-- Use defer below so that the ArcGIS library loads after the page is
completely parsed.
https://geonet.esri.com/message/448542#comment-469973
https://github.com/Esri/angular-esri-map/issues/38#issuecomment-91439901
-->
<script src="//js.arcgis.com/3.15/" defer></script>
<script src="//maps.googleapis.com/maps/api/js?v=3&libraries=geometry"></script>
<!-- jQuery Modal -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
<!--
install and configure sentry for error logging. this should be placed
after vendor scripts have loaded but before local ones.
-->
<script src="//cdn.ravenjs.com/3.20.0/raven.min.js" crossorigin="anonymous"></script>
<script>
(function () {
// REVIEW can this url be protocol-less?
var dsn = 'https://6f99da4446264d5b8512496f7a7d2158@sentry.io/172304',
options = {
shouldSendCallback: function (data) {
var dataOrEmptyObj = data || {},
extra = dataOrEmptyObj.extra || {},
status = extra.status,
url = extra.url || '',
isAis = url.indexOf('api.phila.gov/ais') !== -1;
// don't send ais 404s (these are tracked in gatekeeper)
if (isAis && status == 404) {
return false;
}
return true;
}
};
Raven.config(dsn, options).install();
})();
</script>
<script>
// DEBUG; see issue #210
// we're seeing a number of errors in sentry where jquery is not defined. it's
// unclear why this is happening - perhaps because of an issue with the jquery
// cdn. this isn't a very elegant solution, but at least it gives affected
// users some warning that the page isn't going to work.
// TODO research this more and/or come up with a better error message.
try {
$();
jQuery();
} catch (e) {
alert(
"Oops! There was a problem loading this page. Please refresh your " +
"browser window and try again.\n\n" +
"We've made a note of this issue and are looking into a solution. We " +
"appreciate your patience."
);
// tell sentry and report globals
Raven.captureException(e, {
extra: {
globals: Object.keys(window),
},
});
}
</script>
<script src="js/deparam.js"></script>
<script src="js/app.js"></script>
<script src="js/views/front.js"></script>
<script src="js/views/results.js"></script>
<script src="js/views/property.js"></script>
<script>
$(document).foundation();
window.onload = function() {
$("#newPropertyModal").modal();
};
</script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--<![endif]-->
<div id="newPropertyModal" class="modal">
<p>As of November 2021, within the next few weeks this website is scheduled to be upgraded to <a href="https://property-beta.phila.gov/">the new property application</a>.
Please continue to submit any feedback for ongoing improvements to the new site.</p>
<a href="https://property-beta.phila.gov/" class="button">Take me to the new Property Site</a>
<a class="button modal-close" href="#" rel="modal:close">No thanks, keep me on the old site.</a>
</div>
</body>
</html>