-
Notifications
You must be signed in to change notification settings - Fork 0
/
Commons_campaigns_2.html
221 lines (219 loc) · 8.09 KB
/
Commons_campaigns_2.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
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="commons_campaign_2.css" rel="stylesheet" type="text/css">
</head><body>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><span>Brand</span></a>
</div>
<div class="collapse navbar-collapse" id="navbar-ex-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-3 action-card">
<h3>"Today I am A Muslim Too" rally</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Rally in Times Square, NYC, featuring interfaith leaders, politicians,
entertainers and community leaders showing solidarity with the Muslim community.</p>
<p>
<b>When: Sun. Feb 19, noon-4pm</b>
<br>Where: 48th St and Broadway
<br>How: Just show up. Family-friendly</p>
<div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
<a href="#" class="btn btn-default">I'm in</a>
<a href="#" class="btn btn-default">Hide this</a>
</div>
</div>
<div class="col-md-3 action-card">
<h3>Syrian Sweets Exchange</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Syria is famous throughout the Middle East for its food – particularly
its sweets. Arizona is home to more than 300 Syrian families in both the
Phoenix and Tucson areas. Bake sales are being held to help generate income
for the bakers and introduce our new Syrian families to the wider community.
Please come and show your support and solidarity with the Syrian members
of our community!
<br>
<br>
<b>When</b>: Sun. Feb. 19 – 10am-12pm
<br>
<b>Where</b>: Dayspring United Methodist Church , 1365 E. Elliot Road, Tempe,
AZ
<br>
<b>How</b>: Drop by with an appetite and some cash to buy goodies</p>
<div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
<a href="#" class="btn btn-default">I'm in</a>
<a href="#" class="btn btn-default">Hide this</a>
</div>
</div>
<div class="col-md-3 action-card">
<h3>Rally to Stand Up for Science</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Hear scientists gathered for the annual meeting of the American
Association for the Advancement of Science talk about how to resist the
Trump agenda.
<br>
<br>When: Sun. Feb. 19 12 PM - 1:30 PM
<br>Where: Copley Square, Boston
<br>How: Show up, listen and cheer</p>
<div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
<a href="#" class="btn btn-default">I'm in</a>
<a href="#" class="btn btn-default">Hide this</a>
</div>
</div>
<div class="col-md-3 action-card">
<h3>Heading</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-3 action-card">
<h3>Heading</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="col-md-3 action-card">
<h3>Heading</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="col-md-3 action-card">
<h3>Heading</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="col-md-3 action-card">
<h3>Heading</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">What</a>
</li>
<li>
<a href="#">Why</a>
</li>
<li>
<a href="#">Who</a>
</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
</div>
</div>
</div>
</body></html>