-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (119 loc) · 7.42 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
<!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">
<meta name="description" content="A community supported group in San Francisco that makes and deliver burritos to the community living on the street.">
<meta name="author" content="Burrito Project SF">
<link rel="icon" href="../../favicon.ico">
<title>Burrito Project San Francisco</title>
<!-- Bootstrap core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
<link rel="stylesheet" href="css/style.css" />
<!-- Custom styles for this template -->
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="header clearfix">
<h2><img class="img-responsive" src="images/header.png" alt="Burrito Project SF" /></h2>
<nav class="centered-pills">
<ul class="nav nav-pills center-block">
<li role="presentation"><a href="#who">Who We Are</a></li>
<li role="presentation"><a href="#where">Where & When</a></li>
<li role="presentation"><a href="#contact">Get Involved</a></li>
<li role="presentation"><a href="https://facebook.com/burritoprojectsf"><i class="fa fa-facebook-official fa-lg" aria-hidden="true"></i></a></li>
<li role="presentation"><a href="https://www.instagram.com/burritoprojectsf/"><i class="fa fa-instagram fa-lg" aria-hidden="true"></i></a></li>
<li role="presentation"><a href="mailto:info@burritoprojectsf.org"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></li>
</ul>
</nav>
</div>
<div class="row marketing">
<div id="who" class="col-lg-12">
<h2 class="text-center sectionheader">Who We Are</h2>
<hr />
<p class="lead text-center">We're a community supported group that gets together on the last Monday of each month to make and deliver burritos to the community living on the street.</p>
</div>
<div class="col-lg-4">
<img class="thumbnail img-responsive" src="images/people1.jpg" />
</div>
<div class="col-lg-4">
<img class="thumbnail img-responsive" src="images/people2.jpg" />
</div>
<div class="col-lg-4">
<img class="thumbnail img-responsive" src="images/people3.jpg" />
</div>
<div class="col-lg-12" id="where">
<h2 class="text-center sectionheader">Where & When</h2>
<hr />
<p class="lead text-center" id="nextServing"></p>
</div>
<div class="col-lg-6">
<h3>Location</h3>
<p>
Martin De Porres House Foundation<br />
225 Potrero Avenue <br />
San Francisco, CA 94103
</p>
<h3>Event Details</h3>
<ul class="inbody">
<li>4:00 pm to 5:00 pm: preparing Rice, Beans, and Salsa (all animal free) and setting up assembly line.</li>
<li>5:00 pm to 5:45: Building and Rolling out burritos</li>
<li>5:45 pm to 7:00 pm: Distributing Burritos</li>
</ul>
<p>Make sure to wear comfortable shoes and if you plan delivering burritos bring a backpack that can hold up to 20 burritos. Thank you for your support.
</p>
</div>
<div class="col-lg-6" ref="#where">
<h3>Map & Directions</h3>
<div id="map" style="height:300px;"></div>
<p><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
<a href="https://www.google.com/maps/dir//225+Potrero+Ave,+San+Francisco,+CA+94103">Get Directions</a>
</p>
</div>
<div class="col-lg-12" id="contact">
<h2 class="text-center sectionheader">Get Involved</h2>
<hr />
<p class="lead text-center">Join us at our next event! We're especially in need of bicyclists who'd like to distribute burritos.</p>
<img src="images/people.jpg" class="img-responsive img-thumbnail center-block" />
<div>
<p> </p>
<p class="text-center">Subscribe to our list for updates. Enter your email address below.</p>
<form style="text-align:center;" action="https://tinyletter.com/burritoprojectsf" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/burritoprojectsf', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><p><input type="text" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><p><input class="btn btn-primary" type="submit" value="Subscribe" /></p></form>
</div>
</div>
<div class="col-lg-6">
<h3>Contact Us</h3>
<p><i class="fa fa-envelope fa-lg" aria-hidden="true"></i> <a href="mailto:info@burritoprojectsf.org">Email us</a> with your questions.</a></p>
<p><i class="fa fa-users" aria-hidden="true"></i> Join our <a href="https://groups.google.com/forum/#!forum/burrito-project-sf">Google Group</a> for organizing discussion.</p>
<p><i class="fa fa-facebook-official fa-lg" aria-hidden="true"></i> Like our <a href="https://facebook.com/burritoprojectsf">Facebook Page</a> for regular updates.</p>
</div>
<div class="col-lg-6">
<h3>Donate</h3>
<p>We're in need of:</p>
<ul class="inbody">
<li>Flour Tortillas (12in or bigger)</li>
<li>Cash for miscellanous supplies.</li>
</ul>
</div>
</div>
<footer class="footer">
<p class="text-center"> <i class="fa fa-creative-commons" aria-hidden="true"></i><a href="https://creativecommons.org/licenses/by-sa/4.0/"> BY-SA </a> Burrito Project SF <span id="curYear">2016</span> | <i class="fa fa-github" aria-hidden="true"></i> <a href="https://github.com/danasf/burritoprojectsf">Fork this code</a></p>
</footer>
</div> <!-- /container -->
<script src="js/libs.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
<script src="js/app.js"></script>
</body>
</html>