projects / civicrm-core.git / blob
? search:


3e5485cab53f200cd4c112f4df15d2df35b020f8
[civicrm-core.git] /
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
3 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
4 <title></title>
5 <style type="text/css">img {height: auto !important;}
6 /* Client-specific Styles */
7 #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
8 body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
9
10 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
11 .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
12 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. */
13 #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
14 img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
15 a img {border:none;}
16 .image_fix {display:block;}
17 p {margin: 0px 0px !important;}
18 table td {border-collapse: collapse;}
19 table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
20 a {/*color: #33b9ff;*/text-decoration: none;text-decoration:none!important;}
21
22
23 /*STYLES*/
24 table[class=full] { width: 100%; clear: both; }
25
26 /*IPAD STYLES*/
27 @media only screen and (max-width: 640px) {
28 a[href^="tel"], a[href^="sms"] {text-decoration: none;color: #0a8cce;pointer-events: none;cursor: default;}
29 .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #0a8cce !important;pointer-events: auto;cursor: default;}
30 table[class=devicewidth] {width: 440px!important;text-align:center!important;}
31 table[class=devicewidthmob] {width: 414px!important;text-align:center!important;}
32 table[class=devicewidthinner] {width: 414px!important;text-align:center!important;}
33 img[class=banner] {width: 440px!important;auto!important;}
34 img[class=col2img] {width: 440px!important;height:auto!important;}
35 table[class="cols3inner"] {width: 100px!important;}
36 table[class="col3img"] {width: 131px!important;}
37 img[class="col3img"] {width: 131px!important;height: auto!important;}
38 table[class="removeMobile"]{width:10px!important;}
39 img[class="blog"] {width: 440px!important;height: auto!important;}
40 }
41
42 /*IPHONE STYLES*/
43 @media only screen and (max-width: 480px) {
44 a[href^="tel"], a[href^="sms"] {text-decoration: none;color: #0a8cce;pointer-events: none;cursor: default;}
45 .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #0a8cce !important; pointer-events: auto;cursor: default;}
46 table[class=devicewidth] {width: 280px!important;text-align:center!important;}
47 table[class=devicewidthmob] {width: 260px!important;text-align:center!important;}
48 table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
49 img[class=banner] {width: 280px!important;height:100px!important;}
50 img[class=col2img] {width: 280px!important;height:auto!important;}
51 table[class="cols3inner"] {width: 260px!important;}
52 img[class="col3img"] {width: 280px!important;height: auto!important;}
53 table[class="col3img"] {width: 280px!important;}
54 img[class="blog"] {width: 280px!important;auto!important;}
55 td[class="padding-top-right15"]{padding:15px 15px 0 0 !important;}
56 td[class="padding-right15"]{padding-right:15px !important;}
57 }
58
59 @media only screen and (max-device-width: 800px)
60 {td[class="padding-top-right15"]{padding:15px 15px 0 0 !important;}
61 td[class="padding-right15"]{padding-right:15px !important;}}
62 @media only screen and (max-device-width: 769px) {.devicewidthmob {font-size:14px;}}
63
64 @media only screen and (max-width: 640px) {.desktop-spacer {display:none !important;}
65 }
66 </style>
67 <body>
68 <!-- Start of preheader --><!-- Start of preheader -->
69 <table bgcolor="#0B4151" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" width="100%">
70 <tbody>
71 <tr>
72 <td>
73 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
74 <tbody>
75 <tr>
76 <td width="100%">
77 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
78 <tbody><!-- Spacing -->
79 <tr>
80 <td height="20" width="100%">&nbsp;</td>
81 </tr>
82 <!-- Spacing -->
83 <tr>
84 <td>
85 <table align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner" width="360">
86 <tbody>
87 <tr>
88 <td align="left" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height:120%; color: #f8f8f8;padding-left:15px;" valign="middle">Organization or Program Name Here</td>
89 </tr>
90 </tbody>
91 </table>
92
93 <table align="right" border="0" cellpadding="0" cellspacing="0" class="emhide" width="320">
94 <tbody>
95 <tr>
96 <td align="right" style="font-family: Helvetica, arial, sans-serif; font-size: 16px;color: #f8f8f8;padding-right:15px;" valign="middle">Month Year</td>
97 </tr>
98 </tbody>
99 </table>
100 </td>
101 </tr>
102 <!-- Spacing -->
103 <tr>
104 <td height="20" width="100%">&nbsp;</td>
105 </tr>
106 <!-- Spacing -->
107 </tbody>
108 </table>
109 </td>
110 </tr>
111 </tbody>
112 </table>
113 </td>
114 </tr>
115 </tbody>
116 </table>
117 <!-- End of preheader --><!-- start of logo -->
118
119 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="100%">
120 <tbody>
121 <tr>
122 <td>
123 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthmob" width="700">
124 <tbody>
125 <tr>
126 <td width="100%">
127 <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
128 <tbody><!-- Spacing -->
129 <tr>
130 <td height="20" width="100%">
131 <table align="center" border="0" cellpadding="2" cellspacing="0" width="93%">
132 <tbody>
133 <tr>
134 <td rowspan="2" width="330"><a href="#"> <div class="imgpop"><img src="https://civicrm.org/sites/default/files/civicrm/custom/images/civicrm-logo-transparent.png" alt="Replace with your own logo" width="220" border="0" style="display:block;"/></div></a></td>
135 <td align="right" >
136 <h6 class="collapse">&nbsp;</h6>
137 </td>
138 </tr>
139 <tr>
140 <td align="right">
141
142 </td>
143 </tr>
144 </tbody>
145 </table>
146 </td>
147 </tr>
148
149 </tbody>
150 </table>
151 </td>
152 </tr>
153 </tbody>
154 </table>
155 </td>
156 </tr>
157 </tbody>
158 </table>
159 <!-- end of logo --> <!-- hero story 1 -->
160
161 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="101%">
162 <tbody>
163 <tr>
164 <td>
165 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
166 <tbody>
167 <tr>
168 <td width="100%">
169 <table align="center" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
170 <tbody>
171 <tr>
172 <td>
173 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
174 <tbody>
175 <tr>
176 <td width="100%">
177 <table align="center" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
178 <tbody><!-- /Spacing -->
179 <tr>
180 <td style="font-family: Helvetica, arial, sans-serif; font-size: 24px; color:#f8f8f8; text-align:left; line-height: 26px; padding:5px 15px; background-color: #80C457">Hero Story Heading</td>
181 </tr>
182 <!-- Spacing -->
183 <tr>
184 <td>
185 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner" width="700">
186 <tbody><!-- image -->
187 <tr>
188 <td align="center" class="devicewidthinner" width="100%">
189 <div class="imgpop"><a href="#" target="_blank"><img alt="" border="0" class="blog" height="396" src="https://civicrm.org/sites/default/files/civicrm/custom/images/700x396.png" style="display:block; border:none; outline:none; text-decoration:none; padding:0; line-height:0;" width="700" /></a></div>
190 </td>
191 </tr>
192 <!-- /image --><!-- Spacing -->
193 <tr>
194 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
195 </tr>
196 <!-- /Spacing --><!-- hero story -->
197 <tr>
198 <td style="font-family: Helvetica, arial, sans-serif; font-size: 18px; text-align:left; line-height: 26px; padding:0 15px;"><a href="#" style="color:#076187; text-decoration:none; " target="_blank">Subheading Here</a></td>
199 </tr>
200 <!-- Spacing -->
201 <tr>
202 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
203 </tr><!-- /Spacing -->
204 <tr>
205 <td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 26px; padding:0 15px;"><span class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;">Replace with your text and images, and remember to link the facebook and twitter links in the footer to your pages. Have fun!</span></td>
206 </tr>
207
208 <!-- Spacing -->
209 <tr>
210 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
211 </tr><!-- /Spacing -->
212
213 <!-- /Spacing --><!-- /hero story -->
214
215 <!-- Spacing --> <!-- Spacing -->
216
217
218
219 <!-- Spacing --><!-- end of content -->
220 </tbody>
221 </table>
222 </td>
223 </tr>
224 </tbody>
225 </table>
226 </td>
227 </tr>
228 </tbody>
229 </table>
230 </td>
231 </tr>
232 <!-- Section Heading -->
233 <tr>
234 <td style="font-family: Helvetica, arial, sans-serif; font-size: 24px; color:#f8f8f8; text-align:left; line-height: 26px; padding:5px 15px; background-color: #80C457">Section Heading Here</td>
235 </tr>
236 <!-- /Section Heading -->
237 </tbody>
238 </table>
239 </td>
240 </tr>
241 </tbody>
242 </table>
243 </td>
244 </tr>
245 </tbody>
246 </table>
247 <!-- /hero story 1 --><!-- story one -->
248
249 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="100%">
250 <tbody>
251 <tr>
252 <td>
253 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
254 <tbody>
255 <tr>
256 <td width="100%">
257 <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
258 <tbody><!-- Spacing -->
259 <tr>
260 <td class="desktop-spacer" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
261 </tr>
262 <!-- Spacing -->
263 <tr>
264 <td>
265 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="660">
266 <tbody>
267 <tr>
268 <td><!-- Start of left column -->
269 <table align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="330">
270 <tbody><!-- image -->
271 <tr>
272 <td align="center" class="devicewidth" height="150" valign="top" width="330"><a href="#"><img alt="" border="0" class="col2img" src="https://civicrm.org/sites/default/files/civicrm/custom/images/330x150.png" style="display:block; border:none; outline:none; text-decoration:none; display:block;" width="330" /></a></td>
273 </tr>
274 <!-- /image -->
275 </tbody>
276 </table>
277 <!-- end of left column --><!-- spacing for mobile devices-->
278
279 <table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
280 <tbody>
281 <tr>
282 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
283 </tr>
284 </tbody>
285 </table>
286 <!-- end of for mobile devices--><!-- start of right column -->
287
288 <table align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthmob" width="310">
289 <tbody>
290 <tr>
291 <td class="padding-top-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 18px; text-align:left; line-height: 24px;"><a href="#" style="color:#076187; text-decoration:none; " target="_blank">Heading Here</a><a href="#" style="color:#076187; text-decoration:none;" target="_blank" title="CiviCRM helps keep the “City Beautiful” Movement”going strong"></a></td>
292 </tr>
293 <!-- end of title --><!-- Spacing -->
294 <tr>
295 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
296 </tr>
297 <!-- /Spacing --><!-- content -->
298 <tr>
299 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;"><span class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
300 tempor incididunt ut labore et dolore magna </span></td>
301 </tr>
302 <tr>
303 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #333333; text-align:left;line-height: 24px; padding-top:10px;"><a href="#" style="color:#80C457;text-decoration:none;font-weight:bold;" target="_blank" title="CiviCRM helps keep the “City Beautiful” Movement”going strong">Read More</a></td>
304 </tr>
305 <!-- /button --><!-- end of content -->
306 </tbody>
307 </table>
308 <!-- end of right column --></td>
309 </tr>
310 </tbody>
311 </table>
312 </td>
313 </tr>
314 <!-- Spacing -->
315 <tr>
316 <td height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
317 </tr>
318 </tbody>
319 </table>
320 </td>
321 </tr>
322 </tbody>
323 </table>
324 </td>
325 </tr>
326 </tbody>
327 </table>
328 <!-- /story one -->
329 <!-- story two -->
330
331 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="100%">
332 <tbody>
333 <tr>
334 <td>
335 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
336 <tbody>
337 <tr>
338 <td width="100%">
339 <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
340 <tbody><!-- Spacing -->
341 <tr>
342 <td bgcolor="#076187" height="0" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
343 </tr>
344 <!-- Spacing --><!-- Spacing -->
345 <tr>
346 <td class="desktop-spacer" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
347 </tr>
348 <!-- Spacing -->
349 <tr>
350 <td>
351 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="660">
352 <tbody>
353 <tr>
354 <td><!-- Start of left column -->
355 <table align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="330">
356 <tbody><!-- image -->
357 <tr>
358 <td align="center" class="devicewidth" height="150" valign="top" width="330"><a href="#"><img alt="" border="0" class="col2img" src="https://civicrm.org/sites/default/files/civicrm/custom/images/330x150.png" style="display:block; border:none; outline:none; text-decoration:none; display:block;" width="330" /></a></td>
359 </tr>
360 <!-- /image -->
361 </tbody>
362 </table>
363 <!-- end of left column --><!-- spacing for mobile devices-->
364
365 <table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
366 <tbody>
367 <tr>
368 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
369 </tr>
370 </tbody>
371 </table>
372 <!-- end of for mobile devices--><!-- start of right column -->
373
374 <table align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthmob" width="310">
375 <tbody>
376 <tr>
377 <td class="padding-top-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 18px; text-align:left; line-height: 24px;"><a href="#" style="color:#076187; text-decoration:none; " target="_blank">Heading Here</a><a href="#" style="color:#076187; text-decoration:none;" target="_blank" title="How CiviCRM will take Tribodar Eco Learning Center to another level"></a></td>
378 </tr>
379 <!-- end of title --><!-- Spacing -->
380 <tr>
381 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
382 </tr>
383 <!-- /Spacing --><!-- content -->
384 <tr>
385 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;"><span class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
386 tempor incididunt ut labore et dolore magna </span></td>
387 </tr>
388 <tr>
389 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #333333; text-align:left;line-height: 24px; padding-top:10px;"><a href="#" style="color:#80C457;text-decoration:none;font-weight:bold;" target="_blank" title="How CiviCRM will take Tribodar Eco Learning Center to another level">Read More</a></td>
390 </tr>
391 <!-- /button --><!-- end of content -->
392 </tbody>
393 </table>
394 <!-- end of right column --></td>
395 </tr>
396 </tbody>
397 </table>
398 </td>
399 </tr>
400 <!-- Spacing -->
401 <tr>
402 <td height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
403 </tr>
404 </tbody>
405 </table>
406 </td>
407 </tr>
408 </tbody>
409 </table>
410 </td>
411 </tr>
412 </tbody>
413 </table>
414 <!-- /story two --><!-- story three -->
415
416 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="100%">
417 <tbody>
418 <tr>
419 <td>
420 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
421 <tbody>
422 <tr>
423 <td width="100%">
424 <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
425 <tbody><!-- Spacing -->
426 <tr>
427 <td bgcolor="#076187" height="0" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
428 </tr>
429 <!-- Spacing --><!-- Spacing -->
430 <tr>
431 <td height="20" class="desktop-spacer" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
432 </tr>
433 <!-- Spacing -->
434 <tr>
435 <td>
436 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="660">
437 <tbody>
438 <tr>
439 <td><!-- Start of left column -->
440 <table align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="330">
441 <tbody><!-- image -->
442 <tr>
443 <td align="center" class="devicewidth" height="150" valign="top" width="330"><a href="#"><img alt="" border="0" class="col2img" src="https://civicrm.org/sites/default/files/civicrm/custom/images/330x150.png" style="display:block; border:none; outline:none; text-decoration:none; display:block;" width="330" /></a></td>
444 </tr>
445 <!-- /image -->
446 </tbody>
447 </table>
448 <!-- end of left column --><!-- spacing for mobile devices-->
449
450 <table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
451 <tbody>
452 <tr>
453 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
454 </tr>
455 </tbody>
456 </table>
457 <!-- end of for mobile devices--><!-- start of right column -->
458
459 <table align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthmob" width="310">
460 <tbody>
461 <tr>
462 <td class="padding-top-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 18px; text-align:left; line-height: 24px;"><a href="#" style="color:#076187; text-decoration:none; " target="_blank">Heading Here</a><a href="#" style="color:#076187; text-decoration:none;" target="_blank" title="CiviCRM provides a soup-to-nuts open-source solution for Friends of the San Pedro River"></a></td>
463 </tr>
464 <!-- end of title --><!-- Spacing -->
465 <tr>
466 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
467 </tr>
468 <!-- /Spacing --><!-- content -->
469 <tr>
470 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;"><span class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
471 tempor incididunt ut labore et dolore magna </span></td>
472 </tr>
473 <tr>
474 <td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #333333; text-align:left;line-height: 24px; padding-top:10px;"><a href="#" style="color:#80C457;text-decoration:none;font-weight:bold;" target="_blank" title="CiviCRM provides a soup-to-nuts open-source solution for Friends of the San Pedro River">Read More</a></td>
475 </tr>
476 <!-- /button --><!-- end of content -->
477 </tbody>
478 </table>
479 <!-- end of right column --></td>
480 </tr>
481 </tbody>
482 </table>
483 </td>
484 </tr>
485 <!-- Spacing -->
486 <tr>
487 <td height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
488 </tr>
489 <!-- Spacing -->
490 </tbody>
491 </table>
492 </td>
493 </tr>
494 </tbody>
495 </table>
496 </td>
497 </tr>
498 </tbody>
499 </table>
500 <!-- /story three -->
501
502
503
504
505
506 <!-- story four -->
507 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="left-image" width="100%">
508 <tbody>
509 <tr>
510 <td>
511 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
512 <tbody>
513 <tr>
514 <td width="100%">
515 <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
516 <tbody>
517 <!-- Spacing -->
518 <tr>
519 <td bgcolor="#076187" height="0" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
520 </tr>
521 <!-- Spacing -->
522 <!-- Spacing -->
523 <tr>
524 <td class="desktop-spacer" height="20" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
525 </tr>
526 <!-- Spacing -->
527 <tr>
528 <td>
529 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="660">
530 <tbody>
531 <tr>
532 <td><!-- Start of left column -->
533 <table align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="330">
534 <tbody><!-- image -->
535 <tr>
536 <td align="center" class="devicewidth" height="150" valign="top" width="330"><a href="#"><img alt="" border="0" class="col2img" src="https://civicrm.org/sites/default/files/civicrm/custom/images/330x150.png" style="display:block; border:none; outline:none; text-decoration:none; display:block;" width="330" /></a></td>
537 </tr>
538 <!-- /image -->
539 </tbody>
540 </table>
541 <!-- end of left column --><!-- spacing for mobile devices-->
542
543 <table align="left" border="0" cellpadding="0" cellspacing="0" class="mobilespacing">
544 <tbody>
545 <tr>
546 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
547 </tr>
548 </tbody>
549 </table>
550 <!-- end of for mobile devices--><!-- start of right column -->
551
552 <table align="right" border="0" cellpadding="0" cellspacing="0" class="devicewidthmob" width="310">
553 <tbody>
554 <tr>
555 <td class="padding-top-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 18px;text-align:left; line-height: 24px;"><a href="#" style="color:#076187; text-decoration:none; " target="_blank">Heading Here</a><a href="#" style="color:#076187; text-decoration:none;" target="_blank" title="Google Summer of Code"></a></td>
556 </tr>
557 <!-- end of title --><!-- Spacing -->
558 <tr>
559 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
560 </tr>
561 <!-- /Spacing --><!-- content -->
562 <tr>
563 <td class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;"><span class="padding-right15" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; color: #7a6e67; text-align:left; line-height: 24px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
564 tempor incididunt ut labore et dolore magna </span></td>
565 </tr>
566 <tr>
567 <td style="font-family: Helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #333333; text-align:left;line-height: 24px; padding-top:10px;"><a href="#" style="color:#80C457;text-decoration:none;font-weight:bold;" target="_blank" title="Google Summer of Code">Read More</a></td>
568 </tr>
569 <!-- /button --><!-- end of content -->
570 </tbody>
571 </table>
572 <!-- end of right column --></td>
573 </tr>
574 </tbody>
575 </table>
576 </td>
577 </tr>
578 <!-- Spacing -->
579 <tr>
580 <td height="15" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" width="100%">&nbsp;</td>
581 </tr>
582 <!-- /Spacing -->
583 <tr>
584 <td style="padding: 15px;">
585 <p style="font-family: Helvetica, arial, sans-serif; font-size: 16px; color:#076187; text-align:left; line-height: 26px; padding-bottom:10px;">Remember to link the facebook and twitter links below to your pages!</p>
586 </td>
587 </tr>
588 <!-- Spacing -->
589 </tbody>
590 </table>
591 </td>
592 </tr>
593 </tbody>
594 </table>
595 </td>
596 </tr>
597 </tbody>
598 </table>
599 <!-- /story four -->
600
601 <!-- footer -->
602
603 <!-- End of footer --><!-- Start of postfooter -->
604 <table bgcolor="#d8d8d8" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-sortable="footer" width="100%">
605 <tbody>
606 <tr>
607 <td>
608 <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
609 <tbody>
610 <tr>
611 <td width="100%">
612 <table align="center" bgcolor="#89c66b" border="0" cellpadding="0" cellspacing="0" class="devicewidth" width="700">
613 <tbody><!-- Spacing -->
614 <tr>
615 <td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
616 </tr>
617 <!-- Spacing -->
618 <tr>
619 <td><!-- logo -->
620 <table align="left" border="0" cellpadding="0" cellspacing="0" width="250">
621 <tbody>
622 <tr>
623 <td width="20">&nbsp;</td>
624 <td align="left" height="40" width="250"><span style="font-family: Helvetica, arial, sans-serif; font-size: 13px; text-align:left; line-height: 26px; padding-bottom:10px;"><a href="{action.unsubscribeUrl}" style="color: #f0f0f0;">Unsubscribe | </a><a href="{action.subscribeUrl}" style="color: #f0f0f0;">Subscribe |</a> <a href="{action.optOutUrl}" style="color: #f0f0f0;">Opt out</a></span></td>
625 </tr>
626 <tr>
627 <td width="20">&nbsp;</td>
628 <td align="left" height="40" width="250"><span style="font-family: Helvetica, arial, sans-serif; font-size: 13px; text-align:left; line-height: 26px; padding-bottom:10px; color: #f0f0f0;">{domain.address}</span></td>
629 </tr>
630 </tbody>
631 </table>
632 <!-- end of logo --><!-- start of social icons -->
633 <table align="right" border="0" cellpadding="0" cellspacing="0" height="40" vaalign="middle" width="60">
634 <tbody>
635 <tr>
636 <td align="left" height="22" width="22">
637 <div class="imgpop"><a href="#" target="_blank"><img alt="" border="0" height="22" src="https://civicrm.org/sites/default/files/civicrm/custom/images/facebook.png" style="display:block; border:none; outline:none; text-decoration:none;" width="22" /> </a></div> </td>
638 <td align="left" style="font-size:1px; line-height:1px;" width="10">&nbsp;</td>
639 <td align="right" height="22" width="22">
640 <div class="imgpop"><a href="#" target="_blank"><img alt="" border="0" height="22" src="https://civicrm.org/sites/default/files/civicrm/custom/images/twitter.png" style="display:block; border:none; outline:none; text-decoration:none;" width="22" /> </a></div>
641 </td>
642 <td align="left" style="font-size:1px; line-height:1px;" width="20">&nbsp;</td>
643 </tr>
644 </tbody>
645 </table>
646 <!-- end of social icons --></td>
647 </tr>
648 <!-- Spacing -->
649 <tr>
650 <td height="10" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;">&nbsp;</td>
651 </tr>
652 <!-- Spacing -->
653 <tr>
654 <td bgcolor="#80C457" height="10" width="100%">&nbsp;</td>
655 </tr>
656 <!-- Spacing -->
657 </tbody>
658 </table>
659 </td>
660 </tr>
661 </tbody>
662 </table>
663 </td>
664 </tr>
665 </tbody>
666 </table>
667 <!-- End of footer -->
668 </body>
669 </html>