Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
c0eec39f by Dan Rempel
Options

CWL Lindsay office address update

1 parent 0deb9054
Inline Side-by-side
Showing 51 changed files with 2738 additions and 0 deletions
1 <html>
2 <head>
3 <title></title>
4 <style>
5 body {
6 background:#ededed;
7 margin: 0;
8 font-size: 12px;
9 line-height: 16px;
10 color: black; /*full grey*/
11 font-family: "Arial", sans-serif;
12 }
13 table, tr, td{
14 border: none;
15 border-collapse: collapse;
16 font-size: 12px;
17 line-height: 16px;
18 color: black; /*full grey*/
19 font-family: "Arial", sans-serif;
20 padding: 0;
21 margin: 0;
22 }
23 img, a img{
24 border: none;
25 border-collapse: collapse;
26 display: block;
27 }
28 .container{
29 border: 1px #717174 solid;
30 background-color: #ffffff;
31 }
32 .address td td{
33 font-size: 9px;
34 line-height: 11px;
35 color:#717174;
36 }
37 p {
38 margin-bottom: 9px;
39 margin-top: 9px;
40 }
41 a {
42 color: #0397d6; /*full blue*/
43 }
44 .content-table{
45 width: 330px;
46 }
47 .content-table th, .content-table td{
48 padding: 3px 3px 3px 10px;
49 vertical-align: top;
50 }
51 .content-table th{
52 background-color: #a6a6a8;
53 color: #FFFFFF;
54 text-align: left;
55 }
56 .odd{
57 background-color: #e5e5e5;
58 }
59 .float-l{
60 float: left;
61 margin: 0 10px 10px 0;
62 }
63 .float-r{
64 float: right;
65 margin: 0 0 10px 10px;
66 }
67 img{
68 border:none;
69 border-collapse: collapse;
70 }
71 a img{
72 border:none;
73 border-collapse: collapse;
74 }
75
76
77 /* specific to CW */
78 .pullquote td td{
79 background-color: #dfe9ef;
80 font-family: "Times", serif;
81 }
82 .content td td{
83 }
84 .title, h1{
85 font-size: 23px;
86 line-height: 26px;
87 color: #717174;
88 font-weight: normal;
89 }
90 .details{
91
92 }
93 .label{
94 color: #717174;
95 font-weight: bold;
96 }
97 .logobar td{
98
99 }
100 td td.unsubscribe{
101 color: black;
102 font-size: 10px;
103 }
104 H1, H2, H3, H4{
105 color: #717174;
106 }
107 H2, H3, H4{
108 font-size: 14px;
109 line-height: 16px;
110 }
111 H2{
112 text-transform: uppercase;
113 }
114 H3{
115 }
116 H4{
117 font-style: italic;
118 }
119 .season{
120 font-weight: bold;
121 font-size: 10px;
122 line-height: 15px;
123 text-transform: uppercase;
124 }
125 .winter{ /*grey*/
126 color: #6c6d6f;
127 }
128 .spring{ /*green*/
129 color: #76bd1d;
130 }
131 .summer{ /*blue*/
132 color: #1f9bde;
133 }
134 .fall{ /*orange*/
135 color: #f6a704;
136 }
137 .divider{
138 background-color:#d3d1d2;
139 font-size: 1px;
140 line-height: 1px;
141 }
142 td.winter-box{
143 background-color: #d2d1d2;
144 }
145 td.spring-box{
146 background-color: #e0eec9;
147 }
148 td.summer-box{
149 background-color: #d2e4f6;
150 }
151 td.fall-box{
152 background-color: #ffe8c4;
153 }
154
155 </style>
156 </head>
157 <body LEFTMARGIN="0" TOPMARGIN="0">
158 <table width="100%" cellspacing="0" cellpadding="0" border="0">
159 <tr>
160 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
161 <td id="centering" width="600">
162 <table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
163
164
165
166
167 <!-- this will be different with every email -->
168
169 <!-- layoutrows first, then layout tables within each row for further control -->
170 <table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
171
172
173 <repeater>
174
175
176 <layout label='Winter - Grey'>
177 <tr class="mast" >
178 <td ><a href="http://thecommonwell.ca/" style="display:block;">
179 <table cellspacing="0" cellpadding="0" border="0">
180 <tr>
181 <td width="36">
182 <img src="images/mast2-grey.gif" alt="" width="36" height="176" />
183 </td>
184 <td>
185 <table cellspacing="0" cellpadding="0" border="0">
186 <tr>
187 <td><img src="images/mast1.gif" width="365" height="21" /></td>
188 </tr>
189 <tr>
190 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
191 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
192 <td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
193 </tr></table>
194 </td>
195 </tr>
196 <tr>
197 <td><img src="images/mast3-grey.gif" alt="Inside Track" width="365" height="72" /></td>
198 </tr>
199 </table>
200 </td>
201 <td>
202 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
203 </td>
204 </tr>
205 </table></a></td>
206 </tr>
207 </layout>
208
209
210 <layout label='Spring - Green'>
211 <tr class="mast" >
212 <td ><a href="http://thecommonwell.ca/" style="display:block;">
213 <table cellspacing="0" cellpadding="0" border="0">
214 <tr>
215 <td width="36">
216 <img src="images/mast2-green.gif" alt="" width="36" height="176" />
217 </td>
218 <td>
219 <table cellspacing="0" cellpadding="0" border="0">
220 <tr>
221 <td><img src="images/mast1.gif" width="365" height="21" /></td>
222 </tr>
223 <tr>
224 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
225 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
226 <td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
227 </tr></table>
228 </td>
229 </tr>
230 <tr>
231 <td><img src="images/mast3-green.gif" alt="Inside Track" width="365" height="72" /></td>
232 </tr>
233 </table>
234 </td>
235 <td>
236 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
237 </td>
238 </tr>
239 </table></a></td>
240 </tr>
241 </layout>
242
243
244 <layout label='Summer - Blue'>
245 <tr class="mast" >
246 <td ><a href="http://thecommonwell.ca/" style="display:block;">
247 <table cellspacing="0" cellpadding="0" border="0">
248 <tr>
249 <td width="36">
250 <img src="images/mast2-blue.gif" alt="" width="36" height="176" />
251 </td>
252 <td>
253 <table cellspacing="0" cellpadding="0" border="0">
254 <tr>
255 <td><img src="images/mast1.gif" width="365" height="21" /></td>
256 </tr>
257 <tr>
258 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
259 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
260 <td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
261 </tr></table>
262 </td>
263 </tr>
264 <tr>
265 <td><img src="images/mast3-blue.gif" alt="Inside Track" width="365" height="72" /></td>
266 </tr>
267 </table>
268 </td>
269 <td>
270 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
271 </td>
272 </tr>
273 </table></a></td>
274 </tr>
275 </layout>
276
277
278 <layout label='Fall - Orange'>
279 <tr class="mast" >
280 <td ><a href="http://thecommonwell.ca/" style="display:block;">
281 <table cellspacing="0" cellpadding="0" border="0">
282 <tr>
283 <td width="36">
284 <img src="images/mast2-orange.gif" alt="" width="36" height="176" />
285 </td>
286 <td>
287 <table cellspacing="0" cellpadding="0" border="0">
288 <tr>
289 <td><img src="images/mast1.gif" width="365" height="21" /></td>
290 </tr>
291 <tr>
292 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
293 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
294 <td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
295 </tr></table>
296 </td>
297 </tr>
298 <tr>
299 <td><img src="images/mast3-orange.gif" alt="Inside Track" width="365" height="72" /></td>
300 </tr>
301 </table>
302 </td>
303 <td>
304 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
305 </td>
306 </tr>
307 </table></a></td>
308 </tr>
309 </layout>
310
311 </repeater>
312
313
314
315
316 <tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
317 </tr><!-- mast ends -->
318
319
320
321
322
323
324 <tr class="content">
325 <td>
326 <table>
327
328
329 <repeater>
330
331 <layout label='2 Column (narrow, medium)'>
332 <tr>
333 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
334 <td class="narrow-column" width="158" valign="top">
335 <multiline label="Left Column Body" >
336 <h3>Heading 3</h3>
337 <p>Enter content here. Max width is 158px.</p>
338
339 </multiline>
340 </td>
341 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
342 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
343 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
344 <td class="mid-column" width="330" valign="top">
345 <multiline label="Right Column Body" >
346 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
347
348 <h1>Heading 1</h1>
349 <h2>Heading 2</h2>
350 <h3>Heading 3</h3>
351 <h4>Heading 4</h4>
352 <table class="content-table">
353 <tr>
354 <th>
355 Cell one
356 </th>
357 <th>
358 Cell two
359 </th>
360 <th>
361 Cell three
362 </th>
363 </tr>
364 <tr>
365 <td>
366 Cell one
367 </td>
368 <td>
369 Cell two
370 </td>
371 <td>
372 Cell three
373 </td>
374 </tr>
375 <tr class="odd">
376 <td>
377 Cell one
378 </td>
379 <td>
380 Cell two
381 </td>
382 <td>
383 Cell three
384 </td>
385 </tr>
386 </table>
387 </multiline>
388 </td>
389 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
390 </tr>
391
392 <tr style="background-color:white;">
393 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
394 <td class="narrow-column" width="158"></td>
395 <td class="margin-right-mid" width="19"></td>
396 <td class="divider" style="background-color:white;" width="1"></td>
397 <td class="margin-right-mid" width="20"></td>
398 <td class="mid-column" width="330"></td>
399 <td class="margin-right" width="36"></td>
400 </tr>
401
402 </layout>
403
404
405
406 <layout label='2 Column (narrow with winter grey, medium)'>
407 <tr>
408 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
409 <td class="narrow-column winter-box" width="158" valign="top">
410 <table cellspacing="0" cellpadding="0" border="0">
411 <tr>
412 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
413 <td width="143"></td>
414 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
415 </tr>
416 <tr>
417 <td width="15"></td>
418 <td>
419 <multiline label="Left Column Body" >
420 <h3>Heading 3</h3>
421 <p>Enter content here. Max width is 143px.</p>
422 </multiline>
423 </td>
424 <td width="19"></td>
425 </tr>
426 <tr>
427 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
428 <td width="143"></td>
429 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
430 </tr>
431 </table>
432 </td>
433 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
434 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
435 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
436 <td class="mid-column" width="330" valign="top">
437 <table cellpadding="0" cellspacing="0" border="0" width="330">
438 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
439 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
440 </table>
441 <multiline label="Right Column Body" >
442 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
443
444 <h1>Heading 1</h1>
445 <h2>Heading 2</h2>
446 <h3>Heading 3</h3>
447 <h4>Heading 4</h4>
448 <table class="content-table">
449 <tr>
450 <th>
451 Cell one
452 </th>
453 <th>
454 Cell two
455 </th>
456 <th>
457 Cell three
458 </th>
459 </tr>
460 <tr>
461 <td>
462 Cell one
463 </td>
464 <td>
465 Cell two
466 </td>
467 <td>
468 Cell three
469 </td>
470 </tr>
471 <tr class="odd">
472 <td>
473 Cell one
474 </td>
475 <td>
476 Cell two
477 </td>
478 <td>
479 Cell three
480 </td>
481 </tr>
482 </table>
483 </multiline>
484 </td>
485 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
486 </tr>
487 <tr style="background-color:white;">
488 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
489 <td class="narrow-column" width="158"></td>
490 <td class="margin-right-mid" width="19"></td>
491 <td class="divider" style="background-color:white;" width="1"></td>
492 <td class="margin-right-mid" width="20"></td>
493 <td class="mid-column" width="330"></td>
494 <td class="margin-right" width="36"></td>
495 </tr>
496 </layout>
497
498
499
500 <layout label='2 Column (narrow with spring green, medium)'>
501 <tr>
502 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
503 <td class="narrow-column spring-box" width="158" valign="top">
504 <table cellspacing="0" cellpadding="0" border="0">
505 <tr>
506 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
507 <td width="143"></td>
508 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
509 </tr>
510 <tr>
511 <td width="15"></td>
512 <td>
513 <multiline label="Left Column Body" >
514 <h3>Heading 3</h3>
515 <p>Enter content here. Max width is 143px.</p>
516 </multiline>
517 </td>
518 <td width="19"></td>
519 </tr>
520 <tr>
521 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
522 <td width="143"></td>
523 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
524 </tr>
525 </table>
526 </td>
527 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
528 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
529 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
530 <td class="mid-column" width="330" valign="top">
531 <table cellpadding="0" cellspacing="0" border="0" width="330">
532 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
533 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
534 </table>
535 <multiline label="Right Column Body" >
536 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
537
538 <h1>Heading 1</h1>
539 <h2>Heading 2</h2>
540 <h3>Heading 3</h3>
541 <h4>Heading 4</h4>
542 <table class="content-table">
543 <tr>
544 <th>
545 Cell one
546 </th>
547 <th>
548 Cell two
549 </th>
550 <th>
551 Cell three
552 </th>
553 </tr>
554 <tr>
555 <td>
556 Cell one
557 </td>
558 <td>
559 Cell two
560 </td>
561 <td>
562 Cell three
563 </td>
564 </tr>
565 <tr class="odd">
566 <td>
567 Cell one
568 </td>
569 <td>
570 Cell two
571 </td>
572 <td>
573 Cell three
574 </td>
575 </tr>
576 </table>
577 </multiline>
578 </td>
579 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
580 </tr>
581 <tr style="background-color:white;">
582 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
583 <td class="narrow-column" width="158"></td>
584 <td class="margin-right-mid" width="19"></td>
585 <td class="divider" style="background-color:white;" width="1"></td>
586 <td class="margin-right-mid" width="20"></td>
587 <td class="mid-column" width="330"></td>
588 <td class="margin-right" width="36"></td>
589 </tr>
590 </layout>
591
592
593
594 <layout label='2 Column (narrow with summer blue, medium)'>
595 <tr>
596 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
597 <td class="narrow-column summer-box" width="158" valign="top">
598 <table cellspacing="0" cellpadding="0" border="0">
599 <tr>
600 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
601 <td width="143"></td>
602 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
603 </tr>
604 <tr>
605 <td width="15"></td>
606 <td>
607 <multiline label="Left Column Body" >
608 <h3>Heading 3</h3>
609 <p>Enter content here. Max width is 143px.</p>
610 </multiline>
611 </td>
612 <td width="19"></td>
613 </tr>
614 <tr>
615 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
616 <td width="143"></td>
617 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
618 </tr>
619 </table>
620 </td>
621 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
622 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
623 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
624 <td class="mid-column" width="330" valign="top">
625 <table cellpadding="0" cellspacing="0" border="0" width="330">
626 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
627 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
628 </table>
629 <multiline label="Right Column Body" >
630 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
631
632 <h1>Heading 1</h1>
633 <h2>Heading 2</h2>
634 <h3>Heading 3</h3>
635 <h4>Heading 4</h4>
636 <table class="content-table">
637 <tr>
638 <th>
639 Cell one
640 </th>
641 <th>
642 Cell two
643 </th>
644 <th>
645 Cell three
646 </th>
647 </tr>
648 <tr>
649 <td>
650 Cell one
651 </td>
652 <td>
653 Cell two
654 </td>
655 <td>
656 Cell three
657 </td>
658 </tr>
659 <tr class="odd">
660 <td>
661 Cell one
662 </td>
663 <td>
664 Cell two
665 </td>
666 <td>
667 Cell three
668 </td>
669 </tr>
670 </table>
671 </multiline>
672 </td>
673 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
674 </tr>
675 <tr style="background-color:white;">
676 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
677 <td class="narrow-column" width="158"></td>
678 <td class="margin-right-mid" width="19"></td>
679 <td class="divider" style="background-color:white;" width="1"></td>
680 <td class="margin-right-mid" width="20"></td>
681 <td class="mid-column" width="330"></td>
682 <td class="margin-right" width="36"></td>
683 </tr>
684 </layout>
685
686
687
688 <layout label='2 Column (narrow with fall orange, medium)'>
689 <tr>
690 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
691 <td class="narrow-column fall-box" width="158" valign="top">
692 <table cellspacing="0" cellpadding="0" border="0">
693 <tr>
694 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
695 <td width="143"></td>
696 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
697 </tr>
698 <tr>
699 <td width="15"></td>
700 <td>
701 <multiline label="Left Column Body" >
702 <h3>Heading 3</h3>
703 <p>Enter content here. Max width is 143px.</p>
704 </multiline>
705 </td>
706 <td width="19"></td>
707 </tr>
708 <tr>
709 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
710 <td width="143"></td>
711 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
712 </tr>
713 </table>
714 </td>
715 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
716 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
717 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
718 <td class="mid-column" width="330" valign="top">
719 <table cellpadding="0" cellspacing="0" border="0" width="330">
720 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
721 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
722 </table>
723 <multiline label="Right Column Body" >
724 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
725
726 <h1>Heading 1</h1>
727 <h2>Heading 2</h2>
728 <h3>Heading 3</h3>
729 <h4>Heading 4</h4>
730 <table class="content-table">
731 <tr>
732 <th>
733 Cell one
734 </th>
735 <th>
736 Cell two
737 </th>
738 <th>
739 Cell three
740 </th>
741 </tr>
742 <tr>
743 <td>
744 Cell one
745 </td>
746 <td>
747 Cell two
748 </td>
749 <td>
750 Cell three
751 </td>
752 </tr>
753 <tr class="odd">
754 <td>
755 Cell one
756 </td>
757 <td>
758 Cell two
759 </td>
760 <td>
761 Cell three
762 </td>
763 </tr>
764 </table>
765 </multiline>
766 </td>
767 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
768 </tr>
769 <tr style="background-color:white;">
770 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
771 <td class="narrow-column" width="158"></td>
772 <td class="margin-right-mid" width="19"></td>
773 <td class="divider" style="background-color:white;" width="1"></td>
774 <td class="margin-right-mid" width="20"></td>
775 <td class="mid-column" width="330"></td>
776 <td class="margin-right" width="36"></td>
777 </tr>
778 </layout>
779
780
781
782 </repeater>
783
784
785
786 </table>
787 </td>
788 </tr><!-- content ends -->
789
790
791 <tr class="logobar">
792 <td>
793 <table>
794 <tr>
795 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
796 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
797 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
798 </tr>
799 <tr>
800 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
801 <td class="" width="528">
802 <a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
803 </td>
804 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
805 </tr>
806 <tr>
807 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
808 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
809 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
810 </tr>
811 </table>
812 </td>
813 </tr><!-- logobar ends -->
814
815
816 <tr class="address white">
817 <td>
818 <table>
819 <tr>
820 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
821
822 <td class="" width="200">
823 <strong>Lindsay Office</strong><br>
824 336 Angeline St S, <br>
825 Lindsay, ON K9V 0J8
826 </td>
827 <td class="" width="180">
828 <strong>Perth Office</strong><br>
829 96 South St. / Scotch Line Rd.<br>
830 Perth, ON K7H 0A2
831 </td>
832 <td class="" width="150">
833 <strong>Alexandria Office</strong><br>
834 3720 County Rd. 34 P.O. Box 159<br>
835 Alexandria, ON K0C 1A0
836 </td>
837 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
838 </tr>
839 </table>
840
841 <table>
842 <tr>
843 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
844 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
845 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
846 </tr>
847 <tr>
848 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
849 <td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
850 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
851 </tr>
852 <tr>
853 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
854 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
855 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
856 </tr>
857 </table>
858
859
860
861
862 </td>
863 </tr><!-- address ends -->
864
865 </table><!-- layoutrows ends -->
866
867
868
869
870
871
872
873
874
875 </td></tr></table><!-- container ends -->
876 </td>
877 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
878 </tr>
879 <tr>
880 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
881 <td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
882 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
883 </tr>
884 </table>
885 </body>
886 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <h3>
15 <a href="circular/">Circular</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
16 <a href="ink/">Ink</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
17 <a href="insidetrack">Inside Track</a>
18
19 </h3>
20
21
22 </body>
23 </html>
1 <html>
2 <head>
3 <title></title>
4 <style>
5 body {
6 background:#ededed;
7 margin: 0;
8 font-size: 12px;
9 line-height: 16px;
10 color: black; /*full grey*/
11 font-family: "Arial", sans-serif;
12 }
13 table, tr, td{
14 border: none;
15 border-collapse: collapse;
16 font-size: 12px;
17 line-height: 16px;
18 color: black; /*full grey*/
19 font-family: "Arial", sans-serif;
20 padding: 0;
21 margin: 0;
22 }
23 img, a img{
24 border: none;
25 border-collapse: collapse;
26 display: block;
27 }
28 .container{
29 border: 1px #717174 solid;
30 background-color: #ffffff;
31 }
32 .address td td{
33 font-size: 9px;
34 line-height: 11px;
35 color:#717174;
36 }
37 p {
38 margin-bottom: 9px;
39 margin-top: 9px;
40 }
41 a {
42 color: #0397d6; /*full blue*/
43 }
44 .content-table{
45 width: 330px;
46 }
47 .content-table th, .content-table td{
48 padding: 3px 3px 3px 10px;
49 vertical-align: top;
50 }
51 .content-table th{
52 background-color: #a6a6a8;
53 color: #FFFFFF;
54 text-align: left;
55 }
56 .odd{
57 background-color: #e5e5e5;
58 }
59 .float-l{
60 float: left;
61 margin: 0 10px 10px 0;
62 }
63 .float-r{
64 float: right;
65 margin: 0 0 10px 10px;
66 }
67 img{
68 border:none;
69 border-collapse: collapse;
70 }
71 a img{
72 border:none;
73 border-collapse: collapse;
74 }
75
76
77 /* specific to CW */
78 .pullquote td td{
79 background-color: #dfe9ef;
80 font-family: "Times", serif;
81 }
82 .content td td{
83 }
84 .title, h1{
85 font-size: 23px;
86 line-height: 26px;
87 color: #717174;
88 font-weight: normal;
89 }
90 .details{
91
92 }
93 .label{
94 color: #717174;
95 font-weight: bold;
96 }
97 .logobar td{
98
99 }
100 td td.unsubscribe{
101 color: black;
102 font-size: 10px;
103 }
104 H1, H2, H3, H4{
105 color: #717174;
106 }
107 H2, H3, H4{
108 font-size: 14px;
109 line-height: 16px;
110 }
111 H2{
112 text-transform: uppercase;
113 }
114 H3{
115 }
116 H4{
117 font-style: italic;
118 }
119 .season{
120 font-weight: bold;
121 font-size: 10px;
122 line-height: 15px;
123 text-transform: uppercase;
124 }
125 .winter{ /*grey*/
126 color: #6c6d6f;
127 }
128 .spring{ /*green*/
129 color: #76bd1d;
130 }
131 .summer{ /*blue*/
132 color: #1f9bde;
133 }
134 .fall{ /*orange*/
135 color: #f6a704;
136 }
137 .divider{
138 background-color:#d3d1d2;
139 font-size: 1px;
140 line-height: 1px;
141 }
142 td.winter-box{
143 background-color: #d2d1d2;
144 }
145 td.spring-box{
146 background-color: #e0eec9;
147 }
148 td.summer-box{
149 background-color: #d2e4f6;
150 }
151 td.fall-box{
152 background-color: #ffe8c4;
153 }
154
155 </style>
156 </head>
157 <body LEFTMARGIN="0" TOPMARGIN="0">
158 <table width="100%" cellspacing="0" cellpadding="0" border="0">
159 <tr>
160 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
161 <td id="centering" width="600">
162 <table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
163
164
165
166
167 <!-- this will be different with every email -->
168
169 <!-- layoutrows first, then layout tables within each row for further control -->
170 <table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
171
172
173 <repeater>
174
175
176 <layout label='Winter - Grey'>
177 <tr class="mast" >
178 <td ><a href="http://thecommonwell.ca/" style="display:block;">
179 <table cellspacing="0" cellpadding="0" border="0">
180 <tr>
181 <td width="36">
182 <img src="images/mast2-grey.gif" alt="" width="36" height="176" />
183 </td>
184 <td>
185 <table cellspacing="0" cellpadding="0" border="0">
186 <tr>
187 <td><img src="images/mast1.gif" width="365" height="21" /></td>
188 </tr>
189 <tr>
190 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
191 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
192 <td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
193 </tr></table>
194 </td>
195 </tr>
196 <tr>
197 <td><img src="images/mast3-grey.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
198 </tr>
199 </table>
200 </td>
201 <td>
202 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
203 </td>
204 </tr>
205 </table></a></td>
206 </tr>
207 </layout>
208
209
210 <layout label='Spring - Green'>
211 <tr class="mast" >
212 <td ><a href="http://thecommonwell.ca/" style="display:block;">
213 <table cellspacing="0" cellpadding="0" border="0">
214 <tr>
215 <td width="36">
216 <img src="images/mast2-green.gif" alt="" width="36" height="176" />
217 </td>
218 <td>
219 <table cellspacing="0" cellpadding="0" border="0">
220 <tr>
221 <td><img src="images/mast1.gif" width="365" height="21" /></td>
222 </tr>
223 <tr>
224 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
225 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
226 <td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
227 </tr></table>
228 </td>
229 </tr>
230 <tr>
231 <td><img src="images/mast3-green.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
232 </tr>
233 </table>
234 </td>
235 <td>
236 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
237 </td>
238 </tr>
239 </table></a></td>
240 </tr>
241 </layout>
242
243
244 <layout label='Summer - Blue'>
245 <tr class="mast" >
246 <td ><a href="http://thecommonwell.ca/" style="display:block;">
247 <table cellspacing="0" cellpadding="0" border="0">
248 <tr>
249 <td width="36">
250 <img src="images/mast2-blue.gif" alt="" width="36" height="176" />
251 </td>
252 <td>
253 <table cellspacing="0" cellpadding="0" border="0">
254 <tr>
255 <td><img src="images/mast1.gif" width="365" height="21" /></td>
256 </tr>
257 <tr>
258 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
259 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
260 <td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
261 </tr></table>
262 </td>
263 </tr>
264 <tr>
265 <td><img src="images/mast3-blue.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
266 </tr>
267 </table>
268 </td>
269 <td>
270 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
271 </td>
272 </tr>
273 </table></a></td>
274 </tr>
275 </layout>
276
277
278 <layout label='Fall - Orange'>
279 <tr class="mast" >
280 <td ><a href="http://thecommonwell.ca/" style="display:block;">
281 <table cellspacing="0" cellpadding="0" border="0">
282 <tr>
283 <td width="36">
284 <img src="images/mast2-orange.gif" alt="" width="36" height="176" />
285 </td>
286 <td>
287 <table cellspacing="0" cellpadding="0" border="0">
288 <tr>
289 <td><img src="images/mast1.gif" width="365" height="21" /></td>
290 </tr>
291 <tr>
292 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
293 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
294 <td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
295 </tr></table>
296 </td>
297 </tr>
298 <tr>
299 <td><img src="images/mast3-orange.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
300 </tr>
301 </table>
302 </td>
303 <td>
304 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
305 </td>
306 </tr>
307 </table></a></td>
308 </tr>
309 </layout>
310
311 </repeater>
312
313
314
315
316 <tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
317 </tr><!-- mast ends -->
318
319
320
321
322
323
324 <tr class="content">
325 <td>
326 <table>
327
328
329 <repeater>
330
331 <layout label='2 Column (narrow, medium)'>
332 <tr>
333 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
334 <td class="narrow-column" width="158" valign="top">
335 <multiline label="Left Column Body" >
336 <h3>Heading 3</h3>
337 <p>Enter content here. Max width is 158px.</p>
338
339 </multiline>
340 </td>
341 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
342 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
343 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
344 <td class="mid-column" width="330" valign="top">
345 <multiline label="Right Column Body" >
346 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
347
348 <h1>Heading 1</h1>
349 <h2>Heading 2</h2>
350 <h3>Heading 3</h3>
351 <h4>Heading 4</h4>
352 <table class="content-table">
353 <tr>
354 <th>
355 Cell one
356 </th>
357 <th>
358 Cell two
359 </th>
360 <th>
361 Cell three
362 </th>
363 </tr>
364 <tr>
365 <td>
366 Cell one
367 </td>
368 <td>
369 Cell two
370 </td>
371 <td>
372 Cell three
373 </td>
374 </tr>
375 <tr class="odd">
376 <td>
377 Cell one
378 </td>
379 <td>
380 Cell two
381 </td>
382 <td>
383 Cell three
384 </td>
385 </tr>
386 </table>
387 </multiline>
388 </td>
389 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
390 </tr>
391
392 <tr style="background-color:white;">
393 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
394 <td class="narrow-column" width="158"></td>
395 <td class="margin-right-mid" width="19"></td>
396 <td class="divider" style="background-color:white;" width="1"></td>
397 <td class="margin-right-mid" width="20"></td>
398 <td class="mid-column" width="330"></td>
399 <td class="margin-right" width="36"></td>
400 </tr>
401
402 </layout>
403
404
405
406 <layout label='2 Column (narrow with winter grey, medium)'>
407 <tr>
408 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
409 <td class="narrow-column winter-box" width="158" valign="top">
410 <table cellspacing="0" cellpadding="0" border="0">
411 <tr>
412 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
413 <td width="143"></td>
414 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
415 </tr>
416 <tr>
417 <td width="15"></td>
418 <td>
419 <multiline label="Left Column Body" >
420 <h3>Heading 3</h3>
421 <p>Enter content here. Max width is 143px.</p>
422 </multiline>
423 </td>
424 <td width="19"></td>
425 </tr>
426 <tr>
427 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
428 <td width="143"></td>
429 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
430 </tr>
431 </table>
432 </td>
433 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
434 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
435 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
436 <td class="mid-column" width="330" valign="top">
437 <table cellpadding="0" cellspacing="0" border="0" width="330">
438 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
439 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
440 </table>
441 <multiline label="Right Column Body" >
442 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
443
444 <h1>Heading 1</h1>
445 <h2>Heading 2</h2>
446 <h3>Heading 3</h3>
447 <h4>Heading 4</h4>
448 <table class="content-table">
449 <tr>
450 <th>
451 Cell one
452 </th>
453 <th>
454 Cell two
455 </th>
456 <th>
457 Cell three
458 </th>
459 </tr>
460 <tr>
461 <td>
462 Cell one
463 </td>
464 <td>
465 Cell two
466 </td>
467 <td>
468 Cell three
469 </td>
470 </tr>
471 <tr class="odd">
472 <td>
473 Cell one
474 </td>
475 <td>
476 Cell two
477 </td>
478 <td>
479 Cell three
480 </td>
481 </tr>
482 </table>
483 </multiline>
484 </td>
485 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
486 </tr>
487 <tr style="background-color:white;">
488 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
489 <td class="narrow-column" width="158"></td>
490 <td class="margin-right-mid" width="19"></td>
491 <td class="divider" style="background-color:white;" width="1"></td>
492 <td class="margin-right-mid" width="20"></td>
493 <td class="mid-column" width="330"></td>
494 <td class="margin-right" width="36"></td>
495 </tr>
496 </layout>
497
498
499
500 <layout label='2 Column (narrow with spring green, medium)'>
501 <tr>
502 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
503 <td class="narrow-column spring-box" width="158" valign="top">
504 <table cellspacing="0" cellpadding="0" border="0">
505 <tr>
506 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
507 <td width="143"></td>
508 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
509 </tr>
510 <tr>
511 <td width="15"></td>
512 <td>
513 <multiline label="Left Column Body" >
514 <h3>Heading 3</h3>
515 <p>Enter content here. Max width is 143px.</p>
516 </multiline>
517 </td>
518 <td width="19"></td>
519 </tr>
520 <tr>
521 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
522 <td width="143"></td>
523 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
524 </tr>
525 </table>
526 </td>
527 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
528 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
529 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
530 <td class="mid-column" width="330" valign="top">
531 <table cellpadding="0" cellspacing="0" border="0" width="330">
532 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
533 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
534 </table>
535 <multiline label="Right Column Body" >
536 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
537
538 <h1>Heading 1</h1>
539 <h2>Heading 2</h2>
540 <h3>Heading 3</h3>
541 <h4>Heading 4</h4>
542 <table class="content-table">
543 <tr>
544 <th>
545 Cell one
546 </th>
547 <th>
548 Cell two
549 </th>
550 <th>
551 Cell three
552 </th>
553 </tr>
554 <tr>
555 <td>
556 Cell one
557 </td>
558 <td>
559 Cell two
560 </td>
561 <td>
562 Cell three
563 </td>
564 </tr>
565 <tr class="odd">
566 <td>
567 Cell one
568 </td>
569 <td>
570 Cell two
571 </td>
572 <td>
573 Cell three
574 </td>
575 </tr>
576 </table>
577 </multiline>
578 </td>
579 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
580 </tr>
581 <tr style="background-color:white;">
582 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
583 <td class="narrow-column" width="158"></td>
584 <td class="margin-right-mid" width="19"></td>
585 <td class="divider" style="background-color:white;" width="1"></td>
586 <td class="margin-right-mid" width="20"></td>
587 <td class="mid-column" width="330"></td>
588 <td class="margin-right" width="36"></td>
589 </tr>
590 </layout>
591
592
593
594 <layout label='2 Column (narrow with summer blue, medium)'>
595 <tr>
596 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
597 <td class="narrow-column summer-box" width="158" valign="top">
598 <table cellspacing="0" cellpadding="0" border="0">
599 <tr>
600 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
601 <td width="143"></td>
602 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
603 </tr>
604 <tr>
605 <td width="15"></td>
606 <td>
607 <multiline label="Left Column Body" >
608 <h3>Heading 3</h3>
609 <p>Enter content here. Max width is 143px.</p>
610 </multiline>
611 </td>
612 <td width="19"></td>
613 </tr>
614 <tr>
615 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
616 <td width="143"></td>
617 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
618 </tr>
619 </table>
620 </td>
621 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
622 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
623 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
624 <td class="mid-column" width="330" valign="top">
625 <table cellpadding="0" cellspacing="0" border="0" width="330">
626 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
627 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
628 </table>
629 <multiline label="Right Column Body" >
630 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
631
632 <h1>Heading 1</h1>
633 <h2>Heading 2</h2>
634 <h3>Heading 3</h3>
635 <h4>Heading 4</h4>
636 <table class="content-table">
637 <tr>
638 <th>
639 Cell one
640 </th>
641 <th>
642 Cell two
643 </th>
644 <th>
645 Cell three
646 </th>
647 </tr>
648 <tr>
649 <td>
650 Cell one
651 </td>
652 <td>
653 Cell two
654 </td>
655 <td>
656 Cell three
657 </td>
658 </tr>
659 <tr class="odd">
660 <td>
661 Cell one
662 </td>
663 <td>
664 Cell two
665 </td>
666 <td>
667 Cell three
668 </td>
669 </tr>
670 </table>
671 </multiline>
672 </td>
673 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
674 </tr>
675 <tr style="background-color:white;">
676 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
677 <td class="narrow-column" width="158"></td>
678 <td class="margin-right-mid" width="19"></td>
679 <td class="divider" style="background-color:white;" width="1"></td>
680 <td class="margin-right-mid" width="20"></td>
681 <td class="mid-column" width="330"></td>
682 <td class="margin-right" width="36"></td>
683 </tr>
684 </layout>
685
686
687
688 <layout label='2 Column (narrow with fall orange, medium)'>
689 <tr>
690 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
691 <td class="narrow-column fall-box" width="158" valign="top">
692 <table cellspacing="0" cellpadding="0" border="0">
693 <tr>
694 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
695 <td width="143"></td>
696 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
697 </tr>
698 <tr>
699 <td width="15"></td>
700 <td>
701 <multiline label="Left Column Body" >
702 <h3>Heading 3</h3>
703 <p>Enter content here. Max width is 143px.</p>
704 </multiline>
705 </td>
706 <td width="19"></td>
707 </tr>
708 <tr>
709 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
710 <td width="143"></td>
711 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
712 </tr>
713 </table>
714 </td>
715 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
716 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
717 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
718 <td class="mid-column" width="330" valign="top">
719 <table cellpadding="0" cellspacing="0" border="0" width="330">
720 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
721 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
722 </table>
723 <multiline label="Right Column Body" >
724 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
725
726 <h1>Heading 1</h1>
727 <h2>Heading 2</h2>
728 <h3>Heading 3</h3>
729 <h4>Heading 4</h4>
730 <table class="content-table">
731 <tr>
732 <th>
733 Cell one
734 </th>
735 <th>
736 Cell two
737 </th>
738 <th>
739 Cell three
740 </th>
741 </tr>
742 <tr>
743 <td>
744 Cell one
745 </td>
746 <td>
747 Cell two
748 </td>
749 <td>
750 Cell three
751 </td>
752 </tr>
753 <tr class="odd">
754 <td>
755 Cell one
756 </td>
757 <td>
758 Cell two
759 </td>
760 <td>
761 Cell three
762 </td>
763 </tr>
764 </table>
765 </multiline>
766 </td>
767 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
768 </tr>
769 <tr style="background-color:white;">
770 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
771 <td class="narrow-column" width="158"></td>
772 <td class="margin-right-mid" width="19"></td>
773 <td class="divider" style="background-color:white;" width="1"></td>
774 <td class="margin-right-mid" width="20"></td>
775 <td class="mid-column" width="330"></td>
776 <td class="margin-right" width="36"></td>
777 </tr>
778 </layout>
779
780
781
782 </repeater>
783
784
785
786 </table>
787 </td>
788 </tr><!-- content ends -->
789
790
791 <tr class="logobar">
792 <td>
793 <table>
794 <tr>
795 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
796 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
797 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
798 </tr>
799 <tr>
800 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
801 <td class="" width="528">
802 <a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
803 </td>
804 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
805 </tr>
806 <tr>
807 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
808 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
809 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
810 </tr>
811 </table>
812 </td>
813 </tr><!-- logobar ends -->
814
815
816 <tr class="address white">
817 <td>
818 <table>
819 <tr>
820 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
821 <td class="" width="200">
822 <strong>Lindsay Office</strong><br>
823 336 Angeline St S, <br>
824 Lindsay, ON K9V 0J8
825 </td>
826 <td class="" width="180">
827 <strong>Perth Office</strong><br>
828 96 South St. / Scotch Line Rd.<br>
829 Perth, ON K7H 0A2
830 </td>
831 <td class="" width="150">
832 <strong>Alexandria Office</strong><br>
833 3720 County Rd. 34 P.O. Box 159<br>
834 Alexandria, ON K0C 1A0
835 </td>
836 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
837 </tr>
838 </table>
839
840 <table>
841 <tr>
842 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
843 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
844 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
845 </tr>
846 <tr>
847 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
848 <td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
849 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
850 </tr>
851 <tr>
852 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
853 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
854 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
855 </tr>
856 </table>
857
858
859
860
861 </td>
862 </tr><!-- address ends -->
863
864 </table><!-- layoutrows ends -->
865
866
867
868
869
870
871
872
873
874 </td></tr></table><!-- container ends -->
875 </td>
876 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
877 </tr>
878 <tr>
879 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
880 <td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
881 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
882 </tr>
883 </table>
884 </body>
885 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <html>
2 <head>
3 <title></title>
4 <style>
5 body {
6 background:#ededed;
7 margin: 0;
8 font-size: 12px;
9 line-height: 16px;
10 color: black; /*full grey*/
11 font-family: "Arial", sans-serif;
12 }
13 table, tr, td{
14 border: none;
15 border-collapse: collapse;
16 font-size: 12px;
17 line-height: 16px;
18 color: black; /*full grey*/
19 font-family: "Arial", sans-serif;
20 padding: 0;
21 margin: 0;
22 }
23 img, a img{
24 border: none;
25 border-collapse: collapse;
26 display: block;
27 }
28 .container{
29 border: 1px #717174 solid;
30 background-color: #ffffff;
31 }
32 .address td td{
33 font-size: 9px;
34 line-height: 11px;
35 color:#717174;
36 }
37 p {
38 margin-bottom: 9px;
39 margin-top: 9px;
40 }
41 a {
42 color: #0397d6; /*full blue*/
43 }
44 .content-table{
45 width: 330px;
46 }
47 .content-table th, .content-table td{
48 padding: 3px 3px 3px 10px;
49 vertical-align: top;
50 }
51 .content-table th{
52 background-color: #a6a6a8;
53 color: #FFFFFF;
54 text-align: left;
55 }
56 .odd{
57 background-color: #e5e5e5;
58 }
59 .float-l{
60 float: left;
61 margin: 0 10px 10px 0;
62 }
63 .float-r{
64 float: right;
65 margin: 0 0 10px 10px;
66 }
67 img{
68 border:none;
69 border-collapse: collapse;
70 }
71 a img{
72 border:none;
73 border-collapse: collapse;
74 }
75
76
77 /* specific to CW */
78 .pullquote td td{
79 background-color: #dfe9ef;
80 font-family: "Times", serif;
81 }
82 .content td td{
83 }
84 .title, h1{
85 font-size: 23px;
86 line-height: 26px;
87 color: #717174;
88 font-weight: normal;
89 }
90 .details{
91
92 }
93 .label{
94 color: #717174;
95 font-weight: bold;
96 }
97 .logobar td{
98
99 }
100 td td.unsubscribe{
101 color: black;
102 font-size: 10px;
103 }
104 H1, H2, H3, H4{
105 color: #717174;
106 }
107 H2, H3, H4{
108 font-size: 14px;
109 line-height: 16px;
110 }
111 H2{
112 text-transform: uppercase;
113 }
114 H3{
115 }
116 H4{
117 font-style: italic;
118 }
119 .season{
120 font-weight: bold;
121 font-size: 10px;
122 line-height: 15px;
123 text-transform: uppercase;
124 }
125 .winter{ /*grey*/
126 color: #6c6d6f;
127 }
128 .spring{ /*green*/
129 color: #76bd1d;
130 }
131 .summer{ /*blue*/
132 color: #1f9bde;
133 }
134 .fall{ /*orange*/
135 color: #f6a704;
136 }
137 .divider{
138 background-color:#d3d1d2;
139 font-size: 1px;
140 line-height: 1px;
141 }
142 td.winter-box{
143 background-color: #d2d1d2;
144 }
145 td.spring-box{
146 background-color: #e0eec9;
147 }
148 td.summer-box{
149 background-color: #d2e4f6;
150 }
151 td.fall-box{
152 background-color: #ffe8c4;
153 }
154
155 </style>
156 </head>
157 <body LEFTMARGIN="0" TOPMARGIN="0">
158 <table width="100%" cellspacing="0" cellpadding="0" border="0">
159 <tr>
160 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
161 <td id="centering" width="600">
162 <table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
163
164
165
166
167 <!-- this will be different with every email -->
168
169 <!-- layoutrows first, then layout tables within each row for further control -->
170 <table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
171
172
173 <repeater>
174
175
176 <layout label='Winter - Grey'>
177 <tr class="mast" >
178 <td ><a href="http://thecommonwell.ca/" style="display:block;">
179 <table cellspacing="0" cellpadding="0" border="0">
180 <tr>
181 <td width="36">
182 <img src="images/mast2-grey.gif" alt="" width="36" height="176" />
183 </td>
184 <td>
185 <table cellspacing="0" cellpadding="0" border="0">
186 <tr>
187 <td><img src="images/mast1.gif" width="365" height="21" /></td>
188 </tr>
189 <tr>
190 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
191 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
192 <td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
193 </tr></table>
194 </td>
195 </tr>
196 <tr>
197 <td><img src="images/mast3-grey.gif" alt="Inside Track" width="365" height="72" /></td>
198 </tr>
199 </table>
200 </td>
201 <td>
202 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
203 </td>
204 </tr>
205 </table></a></td>
206 </tr>
207 </layout>
208
209
210 <layout label='Spring - Green'>
211 <tr class="mast" >
212 <td ><a href="http://thecommonwell.ca/" style="display:block;">
213 <table cellspacing="0" cellpadding="0" border="0">
214 <tr>
215 <td width="36">
216 <img src="images/mast2-green.gif" alt="" width="36" height="176" />
217 </td>
218 <td>
219 <table cellspacing="0" cellpadding="0" border="0">
220 <tr>
221 <td><img src="images/mast1.gif" width="365" height="21" /></td>
222 </tr>
223 <tr>
224 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
225 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
226 <td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
227 </tr></table>
228 </td>
229 </tr>
230 <tr>
231 <td><img src="images/mast3-green.gif" alt="Inside Track" width="365" height="72" /></td>
232 </tr>
233 </table>
234 </td>
235 <td>
236 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
237 </td>
238 </tr>
239 </table></a></td>
240 </tr>
241 </layout>
242
243
244 <layout label='Summer - Blue'>
245 <tr class="mast" >
246 <td ><a href="http://thecommonwell.ca/" style="display:block;">
247 <table cellspacing="0" cellpadding="0" border="0">
248 <tr>
249 <td width="36">
250 <img src="images/mast2-blue.gif" alt="" width="36" height="176" />
251 </td>
252 <td>
253 <table cellspacing="0" cellpadding="0" border="0">
254 <tr>
255 <td><img src="images/mast1.gif" width="365" height="21" /></td>
256 </tr>
257 <tr>
258 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
259 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
260 <td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
261 </tr></table>
262 </td>
263 </tr>
264 <tr>
265 <td><img src="images/mast3-blue.gif" alt="Inside Track" width="365" height="72" /></td>
266 </tr>
267 </table>
268 </td>
269 <td>
270 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
271 </td>
272 </tr>
273 </table></a></td>
274 </tr>
275 </layout>
276
277
278 <layout label='Fall - Orange'>
279 <tr class="mast" >
280 <td ><a href="http://thecommonwell.ca/" style="display:block;">
281 <table cellspacing="0" cellpadding="0" border="0">
282 <tr>
283 <td width="36">
284 <img src="images/mast2-orange.gif" alt="" width="36" height="176" />
285 </td>
286 <td>
287 <table cellspacing="0" cellpadding="0" border="0">
288 <tr>
289 <td><img src="images/mast1.gif" width="365" height="21" /></td>
290 </tr>
291 <tr>
292 <td><table cellspacing="0" cellpadding="0" border="0"><tr>
293 <td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
294 <td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
295 </tr></table>
296 </td>
297 </tr>
298 <tr>
299 <td><img src="images/mast3-orange.gif" alt="Inside Track" width="365" height="72" /></td>
300 </tr>
301 </table>
302 </td>
303 <td>
304 <img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
305 </td>
306 </tr>
307 </table></a></td>
308 </tr>
309 </layout>
310
311 </repeater>
312
313
314
315
316 <tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
317 </tr><!-- mast ends -->
318
319
320
321
322
323
324 <tr class="content">
325 <td>
326 <table>
327
328
329 <repeater>
330
331 <layout label='2 Column (narrow, medium)'>
332 <tr>
333 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
334 <td class="narrow-column" width="158" valign="top">
335 <multiline label="Left Column Body" >
336 <h3>Heading 3</h3>
337 <p>Enter content here. Max width is 158px.</p>
338
339 </multiline>
340 </td>
341 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
342 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
343 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
344 <td class="mid-column" width="330" valign="top">
345 <multiline label="Right Column Body" >
346 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
347
348 <h1>Heading 1</h1>
349 <h2>Heading 2</h2>
350 <h3>Heading 3</h3>
351 <h4>Heading 4</h4>
352 <table class="content-table">
353 <tr>
354 <th>
355 Cell one
356 </th>
357 <th>
358 Cell two
359 </th>
360 <th>
361 Cell three
362 </th>
363 </tr>
364 <tr>
365 <td>
366 Cell one
367 </td>
368 <td>
369 Cell two
370 </td>
371 <td>
372 Cell three
373 </td>
374 </tr>
375 <tr class="odd">
376 <td>
377 Cell one
378 </td>
379 <td>
380 Cell two
381 </td>
382 <td>
383 Cell three
384 </td>
385 </tr>
386 </table>
387 </multiline>
388 </td>
389 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
390 </tr>
391
392 <tr style="background-color:white;">
393 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
394 <td class="narrow-column" width="158"></td>
395 <td class="margin-right-mid" width="19"></td>
396 <td class="divider" style="background-color:white;" width="1"></td>
397 <td class="margin-right-mid" width="20"></td>
398 <td class="mid-column" width="330"></td>
399 <td class="margin-right" width="36"></td>
400 </tr>
401
402 </layout>
403
404
405
406 <layout label='2 Column (narrow with winter grey, medium)'>
407 <tr>
408 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
409 <td class="narrow-column winter-box" width="158" valign="top">
410 <table cellspacing="0" cellpadding="0" border="0">
411 <tr>
412 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
413 <td width="143"></td>
414 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
415 </tr>
416 <tr>
417 <td width="15"></td>
418 <td>
419 <multiline label="Left Column Body" >
420 <h3>Heading 3</h3>
421 <p>Enter content here. Max width is 143px.</p>
422 </multiline>
423 </td>
424 <td width="19"></td>
425 </tr>
426 <tr>
427 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
428 <td width="143"></td>
429 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
430 </tr>
431 </table>
432 </td>
433 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
434 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
435 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
436 <td class="mid-column" width="330" valign="top">
437 <table cellpadding="0" cellspacing="0" border="0" width="330">
438 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
439 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
440 </table>
441 <multiline label="Right Column Body" >
442 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
443
444 <h1>Heading 1</h1>
445 <h2>Heading 2</h2>
446 <h3>Heading 3</h3>
447 <h4>Heading 4</h4>
448 <table class="content-table">
449 <tr>
450 <th>
451 Cell one
452 </th>
453 <th>
454 Cell two
455 </th>
456 <th>
457 Cell three
458 </th>
459 </tr>
460 <tr>
461 <td>
462 Cell one
463 </td>
464 <td>
465 Cell two
466 </td>
467 <td>
468 Cell three
469 </td>
470 </tr>
471 <tr class="odd">
472 <td>
473 Cell one
474 </td>
475 <td>
476 Cell two
477 </td>
478 <td>
479 Cell three
480 </td>
481 </tr>
482 </table>
483 </multiline>
484 </td>
485 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
486 </tr>
487 <tr style="background-color:white;">
488 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
489 <td class="narrow-column" width="158"></td>
490 <td class="margin-right-mid" width="19"></td>
491 <td class="divider" style="background-color:white;" width="1"></td>
492 <td class="margin-right-mid" width="20"></td>
493 <td class="mid-column" width="330"></td>
494 <td class="margin-right" width="36"></td>
495 </tr>
496 </layout>
497
498
499
500 <layout label='2 Column (narrow with spring green, medium)'>
501 <tr>
502 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
503 <td class="narrow-column spring-box" width="158" valign="top">
504 <table cellspacing="0" cellpadding="0" border="0">
505 <tr>
506 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
507 <td width="143"></td>
508 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
509 </tr>
510 <tr>
511 <td width="15"></td>
512 <td>
513 <multiline label="Left Column Body" >
514 <h3>Heading 3</h3>
515 <p>Enter content here. Max width is 143px.</p>
516 </multiline>
517 </td>
518 <td width="19"></td>
519 </tr>
520 <tr>
521 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
522 <td width="143"></td>
523 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
524 </tr>
525 </table>
526 </td>
527 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
528 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
529 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
530 <td class="mid-column" width="330" valign="top">
531 <table cellpadding="0" cellspacing="0" border="0" width="330">
532 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
533 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
534 </table>
535 <multiline label="Right Column Body" >
536 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
537
538 <h1>Heading 1</h1>
539 <h2>Heading 2</h2>
540 <h3>Heading 3</h3>
541 <h4>Heading 4</h4>
542 <table class="content-table">
543 <tr>
544 <th>
545 Cell one
546 </th>
547 <th>
548 Cell two
549 </th>
550 <th>
551 Cell three
552 </th>
553 </tr>
554 <tr>
555 <td>
556 Cell one
557 </td>
558 <td>
559 Cell two
560 </td>
561 <td>
562 Cell three
563 </td>
564 </tr>
565 <tr class="odd">
566 <td>
567 Cell one
568 </td>
569 <td>
570 Cell two
571 </td>
572 <td>
573 Cell three
574 </td>
575 </tr>
576 </table>
577 </multiline>
578 </td>
579 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
580 </tr>
581 <tr style="background-color:white;">
582 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
583 <td class="narrow-column" width="158"></td>
584 <td class="margin-right-mid" width="19"></td>
585 <td class="divider" style="background-color:white;" width="1"></td>
586 <td class="margin-right-mid" width="20"></td>
587 <td class="mid-column" width="330"></td>
588 <td class="margin-right" width="36"></td>
589 </tr>
590 </layout>
591
592
593
594 <layout label='2 Column (narrow with summer blue, medium)'>
595 <tr>
596 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
597 <td class="narrow-column summer-box" width="158" valign="top">
598 <table cellspacing="0" cellpadding="0" border="0">
599 <tr>
600 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
601 <td width="143"></td>
602 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
603 </tr>
604 <tr>
605 <td width="15"></td>
606 <td>
607 <multiline label="Left Column Body" >
608 <h3>Heading 3</h3>
609 <p>Enter content here. Max width is 143px.</p>
610 </multiline>
611 </td>
612 <td width="19"></td>
613 </tr>
614 <tr>
615 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
616 <td width="143"></td>
617 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
618 </tr>
619 </table>
620 </td>
621 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
622 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
623 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
624 <td class="mid-column" width="330" valign="top">
625 <table cellpadding="0" cellspacing="0" border="0" width="330">
626 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
627 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
628 </table>
629 <multiline label="Right Column Body" >
630 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
631
632 <h1>Heading 1</h1>
633 <h2>Heading 2</h2>
634 <h3>Heading 3</h3>
635 <h4>Heading 4</h4>
636 <table class="content-table">
637 <tr>
638 <th>
639 Cell one
640 </th>
641 <th>
642 Cell two
643 </th>
644 <th>
645 Cell three
646 </th>
647 </tr>
648 <tr>
649 <td>
650 Cell one
651 </td>
652 <td>
653 Cell two
654 </td>
655 <td>
656 Cell three
657 </td>
658 </tr>
659 <tr class="odd">
660 <td>
661 Cell one
662 </td>
663 <td>
664 Cell two
665 </td>
666 <td>
667 Cell three
668 </td>
669 </tr>
670 </table>
671 </multiline>
672 </td>
673 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
674 </tr>
675 <tr style="background-color:white;">
676 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
677 <td class="narrow-column" width="158"></td>
678 <td class="margin-right-mid" width="19"></td>
679 <td class="divider" style="background-color:white;" width="1"></td>
680 <td class="margin-right-mid" width="20"></td>
681 <td class="mid-column" width="330"></td>
682 <td class="margin-right" width="36"></td>
683 </tr>
684 </layout>
685
686
687
688 <layout label='2 Column (narrow with fall orange, medium)'>
689 <tr>
690 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
691 <td class="narrow-column fall-box" width="158" valign="top">
692 <table cellspacing="0" cellpadding="0" border="0">
693 <tr>
694 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
695 <td width="143"></td>
696 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
697 </tr>
698 <tr>
699 <td width="15"></td>
700 <td>
701 <multiline label="Left Column Body" >
702 <h3>Heading 3</h3>
703 <p>Enter content here. Max width is 143px.</p>
704 </multiline>
705 </td>
706 <td width="19"></td>
707 </tr>
708 <tr>
709 <td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
710 <td width="143"></td>
711 <td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
712 </tr>
713 </table>
714 </td>
715 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
716 <td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
717 <td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
718 <td class="mid-column" width="330" valign="top">
719 <table cellpadding="0" cellspacing="0" border="0" width="330">
720 <tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
721 <tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
722 </table>
723 <multiline label="Right Column Body" >
724 <p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
725
726 <h1>Heading 1</h1>
727 <h2>Heading 2</h2>
728 <h3>Heading 3</h3>
729 <h4>Heading 4</h4>
730 <table class="content-table">
731 <tr>
732 <th>
733 Cell one
734 </th>
735 <th>
736 Cell two
737 </th>
738 <th>
739 Cell three
740 </th>
741 </tr>
742 <tr>
743 <td>
744 Cell one
745 </td>
746 <td>
747 Cell two
748 </td>
749 <td>
750 Cell three
751 </td>
752 </tr>
753 <tr class="odd">
754 <td>
755 Cell one
756 </td>
757 <td>
758 Cell two
759 </td>
760 <td>
761 Cell three
762 </td>
763 </tr>
764 </table>
765 </multiline>
766 </td>
767 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
768 </tr>
769 <tr style="background-color:white;">
770 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
771 <td class="narrow-column" width="158"></td>
772 <td class="margin-right-mid" width="19"></td>
773 <td class="divider" style="background-color:white;" width="1"></td>
774 <td class="margin-right-mid" width="20"></td>
775 <td class="mid-column" width="330"></td>
776 <td class="margin-right" width="36"></td>
777 </tr>
778 </layout>
779
780
781
782 </repeater>
783
784
785
786 </table>
787 </td>
788 </tr><!-- content ends -->
789
790
791 <tr class="logobar">
792 <td>
793 <table>
794 <tr>
795 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
796 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
797 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
798 </tr>
799 <tr>
800 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
801 <td class="" width="528">
802 <a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
803 </td>
804 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
805 </tr>
806 <tr>
807 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
808 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
809 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
810 </tr>
811 </table>
812 </td>
813 </tr><!-- logobar ends -->
814
815
816 <tr class="address white">
817 <td>
818 <table>
819 <tr>
820 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
821 <td class="" width="200">
822 <strong>Lindsay Office</strong><br>
823 336 Angeline St S, <br>
824 Lindsay, ON K9V 0J8
825 </td>
826 <td class="" width="180">
827 <strong>Perth Office</strong><br>
828 96 South St. / Scotch Line Rd.<br>
829 Perth, ON K7H 0A2
830 </td>
831 <td class="" width="150">
832 <strong>Alexandria Office</strong><br>
833 3720 County Rd. 34 P.O. Box 159<br>
834 Alexandria, ON K0C 1A0
835 </td>
836 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
837 </tr>
838 </table>
839
840 <table>
841 <tr>
842 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
843 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
844 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
845 </tr>
846 <tr>
847 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
848 <td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
849 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
850 </tr>
851 <tr>
852 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
853 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
854 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
855 </tr>
856 </table>
857
858
859
860
861 </td>
862 </tr><!-- address ends -->
863
864 </table><!-- layoutrows ends -->
865
866
867
868
869
870
871
872
873
874 </td></tr></table><!-- container ends -->
875 </td>
876 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
877 </tr>
878 <tr>
879 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
880 <td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
881 <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
882 </tr>
883 </table>
884 </body>
885 </html>
...\ No newline at end of file ...\ No newline at end of file
1 html {
2 background-color: #d4d4d4;
3 }
4
5 body {
6 margin: 0 auto;
7 padding: 2em 2em 4em;
8 font-family: Helvetica, Arial, sans-serif;
9 font-size: 14px;
10 line-height: 1.5em;
11 color: #8e8e8e;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600;
16 line-height: 1.3em;
17 margin-left: 10px;
18 }
19 a {
20 color: #8e8e8e;
21 }
22 a:hover {
23 color: #FFFFFF;
24 }
25 iframe, img {
26 margin: 10px;
27 /* border: 1px #d4d4d4 solid; */
28 border: 0px fuchsia solid;
29 overflow: hidden;
30 iframe::-webkit-scrollbar {
31 display: none;
32 };
33 }
34
35 .stacked {
36 display: flex;
37
38 }
39 .float {
40 display: inline-flex;
41 vertical-align: top;
42 }
43 .b300x250 {
44 width: 300px;
45 height: 250px;
46 }
47 .b728x90 {
48 width: 728px;
49 height: 90px;
50 }
51 .b300x600 {
52 width: 300px;
53 height: 600px;
54 }
55 .b600x566 {
56 width: 600px;
57 height: 566px;
58 }
1 js file
...\ No newline at end of file ...\ No newline at end of file