-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (218 loc) · 11.5 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Friends of Columbus Park | Chinatown, NY</title>
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:400,400i,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header-container">
<div class="logo">
<a href="index.html">
<img src="images/focp-logo-full.png" alt="friends of columbus park logo">
</a>
<!-- <p>Friends of Columbus Park</p> -->
</div>
<div id="mobile-menu-button">
<a href="#">
<i class="fas fa-bars fa-lg"></i>
</a>
</div>
<div class="nav-container hiding">
<div class="nav-item">
<a href="about-us.html">ABOUT US </a>
<a href="#"><i class="fas fa-caret-down"></i></a>
<div class="subnav aboutus-menu">
<div class="subnav-item">
<a href="about-us/message-from-founder.html">Message From The Founder</a>
</div>
<div class="subnav-item">
<a href="about-us/history-focp.html">History of FoCP</a>
</div>
<div class="subnav-item">
<a href="about-us/in-memory-of.html">In Memory Of</a>
</div>
</div> <!-- end of subnav aboutus-menu div -->
</div> <!-- end of nav-item div -->
<div class="nav-item">
<a href="about-columbus-park.html">COLUMBUS PARK </a>
<a href="#"><i class="fas fa-caret-down"></i></a>
<div class="subnav columbuspark-menu">
<div class="subnav-item">
<a href="about-columbus-park/pavilion-restoration.html">Pavilion Restoration</a>
</div>
<div class="subnav-item">
<a href="about-columbus-park/ball-field-renovation.html">Ball Field Renovation</a>
</div>
<div class="subnav-item">
<a href="about-columbus-park/news.html">Chinatown News</a>
</div>
</div> <!-- end of subnav columbuspark-menu div -->
</div> <!-- end of nav-item div -->
<div class="nav-item">
<a id="events-nav" href="events-and-programs.html">EVENTS & PROGRAMS </a>
<a href="#"><i class="fas fa-caret-down"></i></a>
<div class="subnav event-menu">
<div class="subnav-item">
<a href="events-and-programs/sports-for-kids.html">Sports for Kids Program</a>
</div>
<div class="subnav-item">
<a href="events-and-programs/sports-for-kids-basketball-tournament.html">Annual Basketball Tournament</a>
</div>
<div class="subnav-item">
<a href="events-and-programs/senior-day.html">Annual Senior Day</a>
</div>
<div class="subnav-item">
<a href="events-and-programs/jacquelynn-young-inspiration-scholarship.html">Jacquelynn Young Scholarship</a>
</div>
<div class="subnav-item">
<a href="events-and-programs/columbus-park-mulan-actors.html">Columbus Park Mulan Actors</a>
</div>
</div> <!-- end of subnav event-menu div -->
</div> <!-- end of nav-item div -->
<div class="nav-item">
<a href="contact.html">CONTACT US</a>
</div> <!-- end of nav-item div -->
</div> <!-- end of nav-container div -->
</div> <!-- end of header-container div -->
<div class="hero homepage">
<h1>FRIENDS OF COLUMBUS PARK</h1>
<h3>Advocating for a safe and clean park in the Chinatown, NY community</h3>
</div>
<div class="main">
<div class="section">
<div class="section-title">
<h2>Our Mission and Vision</h2>
<p class="section-intro">
Friends of Columbus Park (FoCP) is a not-for-profit, all volunteer-run 501(c)3 organization based in Chinatown, NY. We represent a coalition of community-based organizations and individuals who support our mission to protect and advocate for Columbus Park.
</p>
<p class="section-intro">
<span class="emphasis">Only communities that work together can make a difference.</span>
</p>
</div> <!-- end of section-title div -->
<div class="two-column-container">
<div class="two-column-module two-column-text">
<h4>Our mission is to:</h4>
<p>
<ul>
<li>Ensure that the park is safe, clean and presentable, and that all facilities and structures are maintained and functional.</li>
<li>Ensure that the park serves the general public and surrounding community regardless of race, politics, religion or beliefs.</li>
<li>Promote and advocate for the establishment of a dedicated youth center in the Chinatown, NY community.</li>
<li>Support special events designed to promote park usage for kids, teenagers, seniors and community.</li>
<li>Maintain the park as a cultural and social resource for the surrounding community.</li>
<li>Work together with park and city officials to inform and involve the community in key park issues.</li>
</ul>
</p>
</div> <!-- end of two-column-module left div -->
<div class="two-column-module two-column-image">
<img src="images/index-about-2001-press-conference.jpg" alt="FoCP | 2001 Press Conference with Councilman Alan Gerson">
<p class="caption">FoCP founding members at a Columbus Park press conference in 2001.</p>
</div> <!-- end of two-column-module right div -->
</div> <!-- end of two-column-container div -->
<div class="calltoaction">
<form action="about-us.html">
<button type="submit" name="button">Get To Know Us Better</button>
</form>
</div>
</div> <!-- end of mission and vision section div -->
<hr class="section-divider">
<div class="section">
<div class="section-title">
<h2>Columbus Park and The Chinatown Community</h2>
<p class="section-intro">
For several years, the City of New York ignored the decay and deplorable conditions of Columbus Park, including the pavilion, ball field and park facilities. This spurred us to create FoCP in 2002 to advocate for the safety and cleanliness of the park, in service of our local community. Since then, we've made lots of progress and have succeeded in the initial restoration of both the ball field and the pavilion. Our vision is to see the pavilion become NY Chinatown's first small community center.
</p>
</div> <!-- end of section-title div -->
<div class="three-column-container">
<div class="three-column-module">
<img src="images/park-1903-mulberry-bend.jpg" alt="Columbus Park History | Mulberry Bend, 1903">
<p class="caption">Park circa 1903 when it was known as Mulberry Bend.</p>
</div>
<div class="three-column-module">
<img src="images/pavilion/2002-06-13-Side.jpg" alt="">
<p class="caption">Decaying conditions of the park pavilion circa 2001.</p>
</div>
<div class="three-column-module">
<img src="images/park-pavilion-2007-reopening.jpg" alt="">
<p class="caption">Reopening of the park pavilion circa 2007 after reconstruction.</p>
</div>
</div> <!-- end of three-column-container div -->
<div class="calltoaction">
<form action="about-columbus-park.html">
<button type="submit" name="button">Follow The Journey of Columbus Park</button>
</form>
</div>
</div> <!-- end of columbus park section div -->
<hr class="section-divider">
<div class="section">
<div class="section-title">
<h2>Our Events and Programs</h2>
<p class="section-intro">We sponsor and host several events and programs throughout the year to give back to our community.</p>
</div> <!-- end of section-title div -->
<div class="three-column-container">
<div class="three-column-module three-column-textandimage">
<h4>Sports for Kids Basketball Program</h4>
<p>
Throughout the year, we invite kids ages 5 through 14 to join us every Saturday morning at P.S. 124 to learn how to play basketball. Enroll now for the Summer 2019 program season!
</p>
<img class="events-homepage" src="images/event-pictures/2006-06-10-sfk-basketball-warmup-3.jpg" alt="">
<div class="cta-bar">
<p class="calltoaction">
<a href="/events-and-programs/sports-for-kids.html">LEARN MORE</a>
</p>
</div>
</div> <!-- end of module -->
<div class="three-column-module three-column-textandimage">
<h4>Annual Senior Day Event</h4>
<p>
In appreciation and honor of our community of senior citizens, we host a day of games and performances to entertain and engage them, and keep them healthy and active.
</p>
<img src="images/event-pictures/2010-04-senior-day-performance.jpg" alt="">
<div class="cta-bar">
<p class="calltoaction">
<a href="/events-and-programs/senior-day.html">LEARN MORE</a>
</p>
</div>
</div> <!-- end of module -->
<div class="three-column-module three-column-textandimage">
<h4>Jacquelynn Young Inspiration Scholarship</h4>
<p>
Each year, we award a one-time college scholarship to a graduating senior who demonstrates great heart, community spirit and an inspiration to succeed through higher education.
</p>
<img src="images/event-pictures/jacquelynn-young-scholarship.jpg" alt="Jacquelynn Young Inspiration Scholarship">
<div class="cta-bar">
<p class="calltoaction">
<a href="http://www.jacquelynnyoung.com/" target="blank">LEARN MORE</a>
</p>
</div>
</div> <!-- end of module -->
</div> <!-- end of three-column-container div -->
<div class="calltoaction">
<form action="events-and-programs.html">
<button type="submit" name="button">See All Events & Programs</button>
</form>
</div>
</div> <!-- end of events and programs section div -->
</div> <!-- end of main div -->
<div class="footer-container">
<div class="logo">
<img src="images/focp-logo.png" alt="friends of columbus park logo">
</div>
<div class="footer">
<p>Friends of Columbus Park</p>
<p>501(c)3 not for profit organization</p>
<p>Chinatown, NY</p>
</div>
</div> <!-- end of footer container div -->
<script src="js/jquery-3.4.1.js"></script>
<script src="slick/slick.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>