/
index.html
152 lines (118 loc) · 9.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection content="telephone=no">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/Favicon.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>The Penn Quarter Neighborhood Association</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<a href="mailto:info@pennquarter.org?subject=I want to join the announcement email list&body=First%20and%20last%20name:%0D%0A %0D%0AEmail%20address:%0D%0A %0D%0AProvide%20one%20or%20more%20of%20these%20phone%20numbers:%0D%0A %0D%0AHome:%0D%0A %0D%0ACell:%0D%0A %0D%0AWork:%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A %0D%0AHome%20address%20if%20a%20Penn%20Qtr%20resident%20(or%20nearby):%0D%0A %0D%0AWork%20address%20if%20in%20or%20near%20PQNA%20Boundaries:%0D%0A %0D%0AType%20YES%20if%20you%20completed%20one%20or%20two%20%0D%0Aaddresses%20above%20and%20you%20want%20to%20be%20on%20%0D%0Athe%20list%20to%20receive%20meeting%20notices%20and%20%0D%0Ainvitations%20to%20special%20Penn%20Quarter%20events:" class="header__link btn btn--bcmember btn--bcmember-top">Events Info Sign-Up</a>
</header>
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">
<label for="navi-toggle" class="navigation__button">
<i class="fa fa-bars navigation__icon"></i>
</label>
<ul class="navigation__list">
<li class="navigation__item activated"><a href="index.html" class="navigation__link">Home</a></li>
<li class="navigation__item"><a href="memberlist.html" class="navigation__link">Member List</a></li>
<li class="navigation__item"><a href="breakfast.html" class="navigation__link">Monthly Breakfast</a></li>
<li class="navigation__item"><a href="map.html" class="navigation__link">Map</a></li>
<li class="navigation__item"><a href="news.html" class="navigation__link">Penn Quarter Living (News)</a></li>
<li class="navigation__item"><a href="join.html" class="navigation__link">Join!</a></li>
<li class="navigation__item"><a href="contactus.html" class="navigation__link">Contact Us</a></li>
</ul>
</div>
<main>
<section class="section__home">
<div class="row">
<h1 class="heading__home">Welcome to the Penn Quarter Neighborhood Association</h1>
</div>
<div class="row">
<div class="col-5-of-12 photos">
<div class="photos__frame">
<img src="img/pq-1.jpg" alt="Photo 1" class="photos__item photos__item-1">
</div>
<div class="photos__frame">
<img src="img/pq-2.jpg" alt="Photo 1" class="photos__item photos__item-2">
</div>
<div class="photos__frame">
<img src="img/pq-3.jpg" alt="Photo 1" class="photos__item photos__item-3">
</div>
</div>
<div class="col-7-of-12">
<p class="paragraph-main">Now over thirty years old, the Penn Quarter Neighborhood Association, PQNA for short, counts 130 members. These include restaurants, shops, commercial office tenants, museums, hotels, theaters, non-profits, public agencies, property owners, and residences.</p>
<p class="paragraph-main">The PQNA serves its members by promoting the many activities its members sponsor, whether they are museum programs, films, theatrical productions, art exhibitions, wine dinners, book signings, lectures, or musical performances. The PQNA also publicizes meetings informing denizens about public agencies’ plans, and projects that private developers are planning or are in the early stages of construction. In addition, the PQNA hosts monthly breakfast meetings on timely and relevant topics delivered by interesting speakers.</p>
<p class="paragraph-main">With over a dozen theaters and museums, many restaurants and shops, the Capital One Arena, and offices, hotels, and residences, Penn Quarter became a national, award winning model of a lively and exciting downtown mixed-use neighborhood.</p>
<p class="paragraph-main">Penn Quarter includes much of Washington, DC’s downtown between the White House and The Capitol. It is bounded by:</p>
<ul class="list list__main">
<li>New York Avenue, NW, Mt. Vernon Square, and Massachusetts Avenue, NW on the north</li>
<li>Pennsylvania Avenue, NW on the south</li>
<li>3rd Street, NW on the east, and</li>
<li>15th Street, NW on the west</li>
</ul>
<p class="paragraph-main"><i>To learn about events regularly happening in Penn Quarter, get on the PQNA email list by contacting the PQNA’s Executive Director at <a href="mailto:info@pennquarter.org?subject=I want to join the announcement email list&body=First%20and%20last%20name:%0D%0A %0D%0AEmail%20address:%0D%0A %0D%0AProvide%20one%20or%20more:%0D%0A %0D%0APhone%20number%20home:%0D%0A %0D%0APhone%20number%20cell:%0D%0A %0D%0APhone%20number%20work:%0D%0A %0D%0AHome%20address%20if%20a%20Penn%20Qtr%20resident%20(or%20nearby):%0D%0A %0D%0AWork%20address%20if%20in%20or%20near%20PQNA%20Boundaries:%0D%0A %0D%0AType%20Yes%20if%20you%20completed%20one%20of%20the%20two%20above%20%20%0D%0A %0D%0A
%20%20and%20you%20want%20to%20be%20on%20the%20list%20to%20receive%0D%0A %0D%0A
%20%20meeting%20notices%20and%20invitations%20to%20meetings%0D%0A %0D%0A
%20%20for%20those%20in%20Penn%20Quarter:" >info@pennquarter.org</a></i></p>
</div>
</div>
<div class="row">
<div class="col-5-of-12 photos">
<div class="photos__frame">
<img src="img/pq-4.jpg" alt="Photo 1" class="photos__item photos__item-4">
</div>
</div>
<div class="col-7-of-12 photos">
<div class="photos__frame">
<img src="img/pq-5.jpg" alt="Photo 1" class="photos__item photos__item-5">
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="row">
<div class="col-5-of-12">
<div class="footer__logo-box">
<img src="img/footer-logo.png" alt="footer logo">
</div>
</div>
<div class="col-7-of-12">
<div class="footer__text">
<p class="footer__paragraph">To learn about events regularly happening in Penn Quarter, get on the PQNA email list by contacting the PQNA’s Executive Director at the address below. </p>
<ul class="footer__list">
<li>Penn Quarter Neighborhood Association</li>
<li>912 F Street, NW #508</li>
<li>Washington, DC 20004</li>
<li><a href="mailto:info@pennquarter.org">info@pennquarter.org</a></li>
<li>202-626-0011</li>
</ul>
<p class="footer__copyright">© 2019 Penn Quarter Neighborhood Association</p>
</div>
</div>
</div>
<!--<div class="row">
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
<div class="col-1-of-12">Col 1 of 12</div>
</div> -->
</footer>
</div> <!--end of wrapper-->
</body>
</html>