-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathservices.html
168 lines (162 loc) · 10.1 KB
/
services.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Services | BAMP</title>
<link rel="stylesheet" href="style/index.css">
<script src="scripts/index.js" type="module" defer></script>
</head>
<body class="u-preload">
<header class="header">
<a class="header--linkLogo" href="index.html">
<img class="header--logo" src="images/logo-mini-color.svg">
</a>
<a class="header--link" href="artwork.html">Artwork</a>
<a class="header--link" href="about_us.html">About Us</a>
<a class="header--link" href="programs.html">Programs</a>
<a class="header--link" href="events.html">Events</a>
<a class="header--link" href="services.html">Services</a>
<a class="header--link" href="#">Shop</a>
<a class="header--link" href="get_involved.html">Get Involved</a>
<button class="header--link header--link-tight"><span class="btnLink btnLink-small getUpdates">Get Updates</span></button>
<a class="header--link header--link-tight" href="https://donorbox.org/bay-area-mural-donations"><span class="btnLink btnLink-red btnLink-small">Donate</span></a>
<button id="hamburger" class="header--hamburger">☰</button>
</header>
<div id="navModal" class="navModal">
<button id="closeNavModal" class="navModal--close">×</button>
<ul class="navModal--linkList">
<li><a class="navModal--link" href="index.html">Home</a></li>
<li><a class="navModal--link" href="artwork.html">Artwork</a></li>
<li><a class="navModal--link" href="about_us.html">About Us</a></li>
<li><a class="navModal--link" href="programs.html">Programs</a></li>
<li><a class="navModal--link" href="events.html">Events</a></li>
<li><a class="navModal--link" href="services.html">Services</a></li>
<li><a class="navModal--link" href="#">Shop</a></li>
<li><a class="navModal--link" href="get_involved.html">Get Involved</a></li>
<li><button class="btnLink btnLink-large getUpdates">Get Updates</button></li>
<li><a class="btnLink btnLink-red btnLink-large" href="https://donorbox.org/bay-area-mural-donations">Donate</a></li>
</ul>
</div>
<section class="pageHeader">
<img class="pageHeader--img" src="images/services/service.jpeg">
<div class="box box-yellow">
<h1 class="sectionHeading">Our Services</h1>
<p class="pageHeader--text pageHeader--text-smaller">
You can count on the Bay Area Mural Program for all of your public art needs. We see each mural as an
opportunity to partner with unique creative perspectives to the new community vision. Because of our
commitment to community partnership, we work with several of the Bay Area's leading professional
artists to offer a completely personalized client experience. Browse through our creative services to
see how we can support your next project.
</p>
</div>
</section>
<section class="l-section">
<div class="infoCard box box-red">
<img class="infoCard--img" src="images/services/drawing-class-1.jpg">
<div class="infoCard--caption">
<p class="infoCard--title">Art Classes</p>
<p class="infoCard--text">
Learn fundamental techniques and skills for mural painting with BAMP's Lead Artists.
<strong>Please note that in-person classes are on hold due to COVID-19.</strong>
</p>
<a class="btnLink">Apply</a>
</div>
</div>
<div class="infoCard box box-yellow">
<img class="infoCard--img" src="images/services/1900.jpg">
<div class="infoCard--caption">
<p class="infoCard--title">Mural Painting</p>
<p class="infoCard--text">
Bay Area Mural Program is committed to exceeding your public art needs.
We have designers and muralist that specialize in bringing your ideas to life.
We’d love to hear from you, so don’t hesitate to reach out.
</p>
<a class="btnLink" href="https://forms.gle/u3M88tCXDmf3zUc9A">Mural Form</a>
</div>
</div>
<div class="infoCard box box-blue">
<img class="infoCard--img" src="images/services/screenprint-class.jpg">
<div class="infoCard--caption">
<p class="infoCard--title">Screen Printing</p>
<p class="infoCard--text">
We now offer screen printing too! To get started on a screen printing consultation with us, click the link below to fill out our short form.
</p>
<a class="btnLink" href="https://forms.gle/gHz7PiYWMstd7ocR9">Printing Form</a>
</div>
</div>
<div class="infoCard box box-yellow">
<img class="infoCard--img" src="images/services/at-google.jpg">
<div class="infoCard--caption">
<p class="infoCard--title">Don't see it here?</p>
<p class="infoCard--text">Do you have an idea for a unique project that our team of artists and designers can help with? Don't be shy! You can email us below.</p>
<a class="btnLink" href-"mailto: [email protected]">Contact Us</a>
</div>
</div>
</section>
<div class="footer">
<div class="footer--panel">
<div class="bizCard">
<div class="bizCard--logoContainer">
<a href="index.html">
<img class="bizCard--logo" src="images/logo-gold-border.svg">
</a>
<div class="u-onlyMobile">
<a class="btnLink" href="mailto: [email protected]">Contact</a><br><br>
<a class="btnLink btnLink-red" href="https://donorbox.org/bay-area-mural-donations">Donate</a>
</div>
</div>
<p class="bizCard--title">BAY AREA MURAL PROGRAM</p>
<p class="bizCard--address u-onlyDesktop">
3463 San Pablo Ave. <br>
Oakland, CA 94608 <br>
(510) 965-5315
</p>
<p class="bizCard--address u-onlyMobile">
3463 San Pablo Ave., Oakland, CA 94608 <br>
(510) 965-5315
</p>
<p class="bizCard--501c3">A 501(c)(3) Non-Profit Organization</p>
</div>
</div>
<hr class="footer--rule">
<div class="footer--panel">
<nav class="footerNav">
<div class="footerNav--column">
<a class="footerNav--link" href="artwork.html">Artwork</a>
<a class="footerNav--link" href="about_us.html">About Us</a>
<a class="footerNav--link" href="events.html">Events</a>
<a class="footerNav--link" href="#">Shop</a>
<span class="u-onlyDesktop"><a class="btnLink" href="mailto: [email protected]">Contact</a></span>
</div>
<div class="footerNav--column">
<a class="footerNav--link" href="services.html">Services</a>
<a class="footerNav--link" href="get_involved.html">Get Involved</a>
<a class="footerNav--link" href="programs.html">Programs</a>
<a class="footerNav--link"> </a> <!-- spacer -->
<span class="u-onlyDesktop"><a class="btnLink btnLink-red" href="https://donorbox.org/bay-area-mural-donations">Donate</a></span>
</div>
</nav>
</div>
<hr class="footer--rule">
<div class="footer--panel">
<form class="emailForm" method="POST" action="https://api.slapform.com/[email protected]">
<p class="emailForm--title">Get updates with our newsletter!</p>
<input type="email" class="emailForm--inputBox" placeholder="Your email address" name="email" required>
<input type="hidden" name="slap_captcha" value="false">
<input type="hidden" name="slap_subject" value="newsletter sign-up form submission">
<input type="submit" class="btnLink" value="Sign Up">
</form>
</div>
</div>
<div class="subFooter">
<a class="subFooter--socials" href="mailto: [email protected]"><img class="subFooter--svg" src="images/icons/footer/mail.svg"></a>
<a class="subFooter--socials" href="https://www.instagram.com/bayareamuralpro/"><img class="subFooter--svg" src="images/icons/footer/instagram.svg"></a>
<a class="subFooter--socials" href="https://www.facebook.com/TheBamp.org"><img class="subFooter--svg" src="images/icons/footer/facebook.svg"></a>
<a class="subFooter--socials" href="https://www.youtube.com/channel/UCJTS2t_Ud1ovJnftAyBqs-A"><img class="subFooter--svg" src="images/icons/footer/youtube.svg"></a>
<a class="subFooter--socials" href="https://www.linkedin.com/company/bayareamuralprogram/"><img class="subFooter--svg" src="images/icons/footer/linkedin.svg"></a>
<a class="subFooter--socials" href="https://www.yelp.com/biz/the-bay-area-mural-program-oakland"><img class="subFooter--svg" src="images/icons/footer/yelp.svg"></a>
<p class="subFooter--copyright">© 2021 Bay Area Mural Program</p>
</div>
</body>
</html>