-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (198 loc) · 12.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Creative Arts Factory">
<meta name="author" content="Creative Arts Factory of Evanston - creativeartsofevanston.org">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<link rel="icon" type="image/ico" href="images/cafevanston-icon.ico"/>
<title> Creative Arts Factory of Evanston</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" href="assets/css/contactform-lesson16.css">
<link href="assets/css/main.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/icomoon.css">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<script type="text/javascript" src="assets/js/modernizr-2.8.3.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div class="slider-container clearfix ">
<h1>Creative Arts Factory</h1>
</div>
<!-- Fixed navbar -->
<nav class="sidebar">
<div class="sidebar-header"><span class="icon icon-home"></span><a href="#" class="close">x</a></div>
<ul>
<li><a href="#home" class="smoothScroll">Home</a></li>
<li> <a href="#about" class="smoothScroll"> About</a></li>
<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
<li> <a href="#newsletter" class="show-newsletter">CAFe Newsletter</a></li>
</ul>
</nav>
<!-- ==== HAMBURGER MENU ==== -->
<div class="hamburger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<!-- ==== HEADERWRAP ==== -->
<div class="bodyContent">
<div id="headerwrap"></div>
</div><!-- /headerwrap -->
<!-- ==== GREYWRAP ==== -->
<div id="greywrap"> <img src ="images/cafevanston_full.gif" id="home" alt="evanston ariel view"/>
<div class="row">
<div class="col-lg-4 callout">
<span class="icon icon-stack"></span>
<h2>Mission</h2>
<p>To provide affordably accessible opportunities in the exploration and expression of music and other creative arts, including media production and journalism, as a gateway to the discovery of personal worth, responsibility and the desire to achieve. </p>
</div>
<div class="col-lg-4 callout">
<span class="icon icon-eye"></span>
<h2>Vision</h2>
<p>“To become a robust center for cultivating culturally diverse expressions of the arts and community media that motivates, enriches and establishes a path toward meaningful aspirations.” </p>
</div>
<div class="col-lg-4 callout">
<span class="icon icon-heart"></span>
<h2>Crafted with Love</h2>
<p>The team: Alicia O. Hempfling, Scott Sanders, Tracey Flores, Eric “BBoy Wicked” Delgado, Drew Bayly, Jen Halman, Micah Jefferson, Annette Wallace, Diego Vega, Dusty Ballard</p>
</div>
</div><!-- row -->
</div><!-- greywrap -->
<!-- ==== ABOUT ==== -->
<div class="container" id="about">
<div class="row white">
<br>
<h1 class="centered">A LITTLE ABOUT OUR ORGANIZATION</h1>
<hr>
<div class="col-lg-11">
<article>
<h3 style="text-align:center;">What is the Creative Arts Factory of Evanston?<br /> *FAQ's Answered*<br /><a href="https://drive.google.com/file/d/0BweP4_qKm9DKVDdhWFFvMmJYcU0/view?usp=sharing" target="_blank">|click here|</a></h3><br />
<h3>Executive Summary</h3>
In the years I had been associated with a creative arts center, I became personally and emotionally attached to every aspect of its personality. Indeed, it did have a personality, one that had become a living and breathing symbol of creative possibilities. It was a music school, a recording studio and performance venue. It was a place with books to read and where ideas could be discussed, rendered and worked out. The center has closed, leaving a void in an area of Evanston that necessitated such a facility – offering cultural creative arts within a safe, nurturing and accessible environment. There is a greater need now for such programs. <br /><br />
In addition to music, art and dance classes, this new center will offer further benefits to the community; imagine such a cultural arts center that includes a community media hub with an FM radio station at which individuals and groups can create and broadcast their own shows – from sustainable gardening tips to family stories as part of Evanston history, as well as current Evanston news and information, school sports, music concerts and special programming for the elderly and infirmed. <br /><br />
It can be the “third place,” after home and work – a term coined by author Ray Oldenburg for a special place in a community environment that facilitates and encourages wider, creative interactiona with others. Indeed, it will offer many artistic outlets that could challenge as well as entertain, and inform as well as initiate curiosity. After all, creative pursuits and thought is the cornerstone of growth and progress. Some of us live for it, but our culture depends on it. <br /><br />
Creativity and the arts are not reserved for the few, but are for the many. We’d like to make that possible for as many as we can – through a new organization, the <strong>Creative Arts Factory of Evanston</strong>. This organization will not only offer opportunities to pursue creative endeavors, but will also offer a fresh approach as well as positive challenges to enhance the nature of the human condition. Before there can be achievement, there must be belief in its possibility. The ability of the CAF of Evanston to nurture an interest in obtaining creative arts skills will encourage students’ desire to hone those skills into very possible and achievable career paths. Using the arts as a gateway to the discovery of personal worth, responsibility and the desire to achieve, Creative Arts Factory will be a conduit for individuals to seek and focus on positive interactions, thus supporting deeper relationships that strengthen community. <br /><br />
Alicia O. Hempfling, <br />
Interim Executive Director of Creative Arts Factory of Evanston </article>
<p><a class="btn btn-success smoothScroll" href="#contact">Contact Us</a></p>
</div>
</div>
</div><!-- row -->
<!-- container -->
<!-- ==== SECTION DIVIDER6 ==== -->
<section class="section-divider textdivider divider6">
<div class="container">
<h2>CRAFTED IN EVANSTON, IL</h2>
<hr>
<p>Coming Soon</p>
</div><!-- container -->
</section><!-- section -->
<div class="container" id="contact">
<br>
<h1 class="centered">THANKS FOR VISITING US</h1>
<hr>
<br>
<br>
<div class="col-lg-4">
<h3>Contact Information</h3>
<p><span class="icon icon-home"></span> Evanston, IL<br/>
<span class="icon icon-phone"></span> <a href="tel:847-894-7060">+1 847-894-7060</a><br/>
<span class="icon icon-envelop"></span> <a href="mailto:[email protected]"> [email protected]</a> <br/>
</p>
</div>
<div class="col-lg-8">
<h3>Support Us</h3>
<p>If this concept interests you at all, or if you are unavailable to directly take part but still want to help in other ways, or want to know more, please do contact me ASAP. I will send you a copy of our business plan and incorporation papers for our new organization, Creative Arts Factory of Evanston. Of course, financial help is always needed, as is free professional services in any applicable area of the organization as well.<br /> -Alicia</p>
</div>
</div><!-- container -->
<div id="footerwrap">
<div class="container">
<h4>Created by<a href="http://creativeartsofevanston.org"> Creative Arts Factory</a> - © 2014—<script> document.write(new Date().getFullYear()) </script>
</h4>
<p><a class="icon icon-twitter" href="#"></a> | <a class="icon icon-facebook" href="#"></a></p>
</div>
</div>
<div id="newsletterDialog" class="dialog">
<div class="dialog__content">
<div class="newsletter">
<div class="col-lg-4">
<form class="form-horizontal" role="form">
<div class="form-group">
<iframe src="https://docs.google.com/forms/d/1ifV34SPIEp6vu8BIbYnshDEl1cq3vGElMd6aNU7ieFo/viewform?embedded=true" width="370" height="360">Loading...</iframe>
</div>
</form><!-- form -->
<div><button class="actionClose" data-dialog-close>Close</button>
</div>
</div>
</div>
</div>
</div>
<div id="contactdialog" class="dialog">
<div class="dialog__content">
<h1>Contact Us</h1>
<ul id="errors" class="error message">
<li id="info">There were some problems with your form submission:</li>
</ul>
<p id="success" class="success message">Thanks for your message! We will get back to you ASAP!</p>
<form id="contact-form" class="cf" method="post" action="http://formspree.io/[email protected]">
<div class="colm cf">
<input type="text" id="name" name="name" placeholder="Name" autofocus required>
<input type="email" id="email" name="" placeholder="Email address" required>
<input type="text" id="subject" name="subject" placeholder="Subject" required>
</div>
<div class="colm cf">
<textarea name="message" id="message" placeholder="Message" required></textarea>
</div>
<input type="submit" value="Send" id="submit">
</form>
<div><button class="actionClose" data-dialog-close>Close</button>
</div>
</div>
</div>
<div id="chat" class="dialog__overlay"></div>
<div class="chatBubble">
<a id="openContact" href="#chat"><span class="icon icon-bubble-dots "></span></a><br>
<div id="donate">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="7EPR89DS4YLLQ">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/retina.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="assets/js/jquery-func.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script type="text/javascript" src="assets/js/contactform-lesson16.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('require', 'displayfeatures');
ga('create', 'UA-56096270-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>