Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
0a24fe30 by Dan Rempel
Options

CLO eblast as delivered

1 parent ad4c318f
Inline Side-by-side
Showing 26 changed files with 608 additions and 0 deletions
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title></title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <style>
7 body {
8 background:#ededed;
9 }
10 body, table, tr, td {
11 margin: 0;
12 font-size: 12px;
13 line-height: 15px;
14 color: #000000;
15 font-family: "Verdana", "Arial", sans-serif;
16 }
17 table, tr, td{
18 border: none;
19 border-collapse: collapse;
20 padding: 0;
21 vertical-align: top;
22 }
23 img, a img{
24 border: none;
25 border-collapse: collapse;
26 display: block;
27 }
28 td.container{
29 /*border: 1px #d44242 solid;*/
30 background-color: #ffffff;
31 }
32 .address{
33 font-size: 10px;
34 line-height: 13px;
35 text-align: right;
36 }
37 p {
38 margin-bottom: 10px;
39 margin-top: 10px;
40 }
41 a {
42 color: #0074c8; /*full blue*/
43 text-decoration: none;
44 }
45 .content-table th, .content-table td{
46 padding: 3px 3px 3px 10px;
47 }
48 .content-table th{
49 background-color: #a6a6a8;
50 color: #FFFFFF;
51 text-align: left;
52 }
53 .odd{
54 background-color: #e5e5e5;
55 }
56 .float-l{
57 float: left;
58 margin: 0 10px 10px 0;
59 }
60 .float-r{
61 float: right;
62 margin: 0 0 10px 10px;
63 }
64 img{
65 border:none;
66 border-collapse: collapse;
67 }
68 a img{
69 border:none;
70 border-collapse: collapse;
71 }
72 td.design, .design td{/* avoids extra space in Outlook for cells with images in them */
73 font-size: 1px;
74 line-height: 1px;
75 }
76
77
78 /* specific to CLO */
79 .issue{
80 color: #0074c8;
81 font-size: 11px;
82 line-height: 11px;
83 }
84 .this-issue{
85 color: #0074c8;
86 font-style: italic;
87 font-family: "Times", serif;
88 }
89 .quote p, .quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .quote h6 {
90 margin-left: 23px;
91 color: #808285;
92 font-style: italic;
93 }
94 h1, h2{
95 font-family: "Times", serif;
96 font-weight: normal;
97 font-size: 20px;
98 line-height: 25px;
99 margin: 5px 0;
100 padding: 0;
101 }
102 h3{
103 font-family: "Times", serif;
104 font-weight: bold;
105 font-size: 17px;
106 line-height: 21px;
107 margin: 5px 0;
108 padding: 0;
109 }
110 h4{
111 font-weight: normal;
112 font-size: 12px;
113 text-transform: uppercase;
114 line-height: 16px;
115 margin: 5px 0;
116 padding: 0;
117 }
118 h5, h6{
119 font-weight: bold;
120 font-size: 12px;
121 line-height: 16px;
122 margin: 5px 0;
123 padding: 0;
124 }
125 .green h1, .green h2, .green h3, .green h4, .green h5, .green h6 {
126 color: #80bd01;
127 }
128 .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {
129 color: #0074c8;
130 }
131 .green .border{
132 border: solid 1px #80bd01;
133 }
134 .blue .border{
135 border: solid 1px #0074c8;
136 }
137 .container .green .fill{
138 background-color: #e8f1d1;
139 }
140 .container .blue .fill{
141 background-color: #cee2f3;
142 }
143 ol{
144 margin:0;
145 padding:0 0 0 15px;
146 }
147 li{
148 margin:0;
149 padding:0;
150 }
151
152
153 </style>
154 </head>
155 <body LEFTMARGIN="0" TOPMARGIN="0">
156 <table width="100%" cellspacing="0" cellpadding="0" border="0">
157 <tr>
158 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
159 <td id="centering" width="602" class="container">
160 <table class="container" cellspacing="0" cellpadding="0" border="0">
161 <tr class="design">
162 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
163 <td>
164 <table cellspacing="0" cellpadding="0" border="0">
165 <tr>
166 <td><a href="http://www.communitylivingontario.ca/"><img src="images/logo-2.gif" alt="logo-2" width="425" height="64" /></a></td>
167 <td><a href="http://www.essentialaccessibility.com/download"><img src="images/accessibility.gif" alt="accessibility" width="58" height="64" /></a></td>
168 <td><a href="http://www.csbt.ca/"><img src="images/CSBT.gif" alt="CSBT" width="71" height="64" /></a></td>
169 </tr>
170 </table>
171 </td>
172 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
173 </tr>
174 <tr class="design">
175 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
176 <td><a href="http://communitylivingontario.ca/node/1698"><img src="images/mast.gif" alt="mast" width="554" height="91" /></a></td>
177 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
178 </tr>
179 <tr>
180 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
181 <td>
182
183
184
185
186
187
188
189
190 <table cellspacing="0" cellpadding="0" border="0" width="554">
191 <tr>
192 <td class="design">
193 <table cellspacing="0" cellpadding="0" border="0">
194 <tr>
195 <td><a href="https://www.facebook.com/communitylivingontario"><img src="images/social-fb.gif" alt="social-fb" width="22" height="22" /></a></td>
196 <td></td>
197 <td><a href="https://twitter.com/CLOntario"><img src="images/social-tw.gif" alt="social-tw" width="22" height="22" /></a></td>
198 <td></td>
199 <td><a href="http://instagram.com/clontario?ref=badge"><img src="images/social-ig.gif" alt="social-ig" width="22" height="22" /></a></td>
200 <td></td>
201 </tr>
202 <tr>
203 <td></td>
204 <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
205 <td></td>
206 <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
207 <td></td>
208 <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
209 </tr>
210 <tr>
211 <td><a href="https://www.youtube.com/user/comlivon"><img src="images/social-yt.gif" alt="social-yt" width="22" height="22" /></a></td>
212 <td></td>
213 <td><a href="https://plus.google.com/100395428610467412375/posts"><img src="images/social-g.gif" alt="social-g" width="22" height="22" /></a></td>
214 <td></td>
215 <td><a href="https://www.linkedin.com/company/community-living-ontario?trk=top_nav_home"><img src="images/social-in.gif" alt="social-in" width="22" height="22" /></a></td>
216 <td></td>
217 </tr>
218 </table>
219
220 </td>
221 <td class="address">Community Living Ontario&nbsp;&nbsp;|&nbsp;&nbsp;1 Valleybrook Drive, Toronto, ON M3B 2S9<br>
222 Telephone: 416 447 4348&nbsp;&nbsp;|&nbsp;&nbsp;Toll Free: 1 800 278 8025<br>
223 <a href="mailto:chris@communitylivingontario.ca">chris@communitylivingontario.ca</a>&nbsp;&nbsp;|&nbsp;&nbsp;<unsubscribe>unsubscribe</unsubscribe>&nbsp;&nbsp;|&nbsp;&nbsp;<forwardtoafriend>forward this email</forwardtoafriend><br>
224 If this email has been forwarded to you, please consider <a href="http://eblast.gotenzing.com/h/r/95E61022C905576B">subscribing</a>.
225 </td>
226 </tr>
227 </table>
228
229
230 </td>
231 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
232
233 </tr>
234 <tr>
235 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
236 <td class="design">
237 <img src="images/line.png" alt="line" width="554" height="19" />
238 </td>
239 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
240
241 </tr>
242 <tr>
243 <td></td>
244 <td>
245 <table cellspacing="0" cellpadding="0" border="0">
246 <tr>
247 <td>
248 <table cellspacing="0" cellpadding="0" border="0" width="216">
249 <tr><td class="issue"><singleline label='Date'><currentmonthname></currentmonthname> <currentday></currentday>, <currentyear></currentyear></singleline></td></tr>
250 <tr><td><img src="images/in-this-week.gif" alt="in-this-week" width="216" height="40" /></td></tr>
251 </table>
252 </td>
253 <td class="this-issue">
254 <ol>
255 <tableofcontents>
256 <li><repeatertitle/></li>
257 </tableofcontents>
258 </ol>
259 </td>
260 </tr>
261 <tr>
262 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
263 <td></td>
264 </tr>
265 </table>
266 </td>
267 <td></td>
268 </tr>
269 <tr>
270 <td></td>
271 <td>
272
273
274
275
276 <repeater>
277
278
279
280 <layout label='Article – Green Frame'>
281 <table cellspacing="0" cellpadding="0" border="0" class="green">
282 <tr>
283 <td class="border">
284 <table cellspacing="0" cellpadding="0" border="0">
285 <tr>
286 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
287 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
288 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
289 </tr>
290 <tr>
291 <td></td>
292 <td>
293 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
294 <h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
295 <multiline label="Article Body" >
296 <p>My paragraph</p>
297 </multiline>
298
299 </td>
300 <td></td>
301 </tr>
302 <tr>
303 <td class="design"></td>
304 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
305 <td class="design"></td>
306 </tr>
307 </table>
308 </td>
309 </tr>
310 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
311 </table>
312 </layout>
313
314
315 <layout label='Article – Blue Frame'>
316 <table cellspacing="0" cellpadding="0" border="0" class="blue">
317 <tr>
318 <td class="border">
319 <table cellspacing="0" cellpadding="0" border="0">
320 <tr>
321 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
322 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
323 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
324 </tr>
325 <tr>
326 <td></td>
327 <td>
328 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
329 <h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
330 <multiline label="Article Body" >
331 <p>My paragraph</p>
332 </multiline>
333
334 </td>
335 <td></td>
336 </tr>
337 <tr>
338 <td class="design"></td>
339 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
340 <td class="design"></td>
341 </tr>
342 </table>
343 </td>
344 </tr>
345 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
346 </table>
347 </layout>
348
349
350 <layout label='Article – Green Fill'>
351 <table cellspacing="0" cellpadding="0" border="0" class="green">
352 <tr>
353 <td class="fill">
354 <table cellspacing="0" cellpadding="0" border="0">
355 <tr>
356 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
357 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
358 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
359 </tr>
360 <tr>
361 <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
362 <td>
363 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
364 <h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
365 <multiline label="Article Body" >
366 <p>My paragraph</p>
367 </multiline>
368
369 </td>
370 <td></td>
371 </tr>
372 <tr>
373 <td class="design"></td>
374 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
375 <td class="design"></td>
376 </tr>
377 </table>
378 </td>
379 </tr>
380 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
381 </table>
382 </layout>
383
384
385
386 <layout label='Article – Blue Fill'>
387 <table cellspacing="0" cellpadding="0" border="0" class="blue">
388 <tr>
389 <td class="fill">
390 <table cellspacing="0" cellpadding="0" border="0">
391 <tr>
392 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
393 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
394 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
395 </tr>
396 <tr>
397 <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
398 <td>
399 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
400 <h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
401 <multiline label="Article Body" >
402 <p>My paragraph</p>
403 </multiline>
404
405 </td>
406 <td></td>
407 </tr>
408 <tr>
409 <td class="design"></td>
410 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
411 <td class="design"></td>
412 </tr>
413 </table>
414 </td>
415 </tr>
416 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
417 </table>
418 </layout>
419
420
421
422
423
424 <!--- the rest don't get included in the table of contents. -->
425
426
427
428
429
430
431
432 <layout label='Article – Green Frame - Exclude from list'>
433 <table cellspacing="0" cellpadding="0" border="0" class="green">
434 <tr>
435 <td class="border">
436 <table cellspacing="0" cellpadding="0" border="0">
437 <tr>
438 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
439 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
440 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
441 </tr>
442 <tr>
443 <td></td>
444 <td>
445 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
446 <h2><singleline label="Title">Article Title</singleline></h2>
447 <multiline label="Article Body" >
448 <p>My paragraph</p>
449 </multiline>
450
451 </td>
452 <td></td>
453 </tr>
454 <tr>
455 <td class="design"></td>
456 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
457 <td class="design"></td>
458 </tr>
459 </table>
460 </td>
461 </tr>
462 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
463 </table>
464 </layout>
465
466
467 <layout label='Article – Blue Frame - Exclude from list'>
468 <table cellspacing="0" cellpadding="0" border="0" class="blue">
469 <tr>
470 <td class="border">
471 <table cellspacing="0" cellpadding="0" border="0">
472 <tr>
473 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
474 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
475 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
476 </tr>
477 <tr>
478 <td></td>
479 <td>
480 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
481 <h2><singleline label="Title">Article Title</singleline></h2>
482 <multiline label="Article Body" >
483 <p>My paragraph</p>
484 </multiline>
485
486 </td>
487 <td></td>
488 </tr>
489 <tr>
490 <td class="design"></td>
491 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
492 <td class="design"></td>
493 </tr>
494 </table>
495 </td>
496 </tr>
497 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
498 </table>
499 </layout>
500
501
502 <layout label='Article – Green Fill - Exclude from list'>
503 <table cellspacing="0" cellpadding="0" border="0" class="green">
504 <tr>
505 <td class="fill">
506 <table cellspacing="0" cellpadding="0" border="0">
507 <tr>
508 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
509 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
510 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
511 </tr>
512 <tr>
513 <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
514 <td>
515 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
516 <h2><singleline label="Title">Article Title</singleline></h2>
517 <multiline label="Article Body" >
518 <p>My paragraph</p>
519 </multiline>
520
521 </td>
522 <td></td>
523 </tr>
524 <tr>
525 <td class="design"></td>
526 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
527 <td class="design"></td>
528 </tr>
529 </table>
530 </td>
531 </tr>
532 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
533 </table>
534 </layout>
535
536
537
538 <layout label='Article – Blue Fill - Exclude from list'>
539 <table cellspacing="0" cellpadding="0" border="0" class="blue">
540 <tr>
541 <td class="fill">
542 <table cellspacing="0" cellpadding="0" border="0">
543 <tr>
544 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
545 <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
546 <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
547 </tr>
548 <tr>
549 <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
550 <td>
551 <img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
552 <h2><singleline label="Title">Article Title</singleline></h2>
553 <multiline label="Article Body" >
554 <p>My paragraph</p>
555 </multiline>
556
557 </td>
558 <td></td>
559 </tr>
560 <tr>
561 <td class="design"></td>
562 <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
563 <td class="design"></td>
564 </tr>
565 </table>
566 </td>
567 </tr>
568 <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
569 </table>
570 </layout>
571
572
573
574
575 </repeater>
576
577
578
579
580
581 </td>
582 <td></td>
583 </tr>
584 <tr class="design">
585 <td></td>
586 <td></td>
587 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
588 </tr>
589 <tr class="design">
590 <td></td>
591 <td></td>
592 <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
593 </tr>
594
595
596
597 </table><!-- container ends -->
598 </td>
599 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
600 </tr>
601 <tr>
602 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
603 <td class="address" width="602"><img src="images/blank.gif" alt="" width="602" height="1"/></td>
604 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
605 </tr>
606 </table>
607 </body>
608 </html>
...\ No newline at end of file ...\ No newline at end of file