Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
7a3a9952 by Dan Rempel
Options

CWL circular address fixed 

Had fixed Inside Track twice, but missed Circular
1 parent c0eec39f
Inline Side-by-side
Showing 15 changed files with 152 additions and 645 deletions
...@@ -17,8 +17,6 @@ ...@@ -17,8 +17,6 @@
17 line-height: 16px; 17 line-height: 16px;
18 color: black; /*full grey*/ 18 color: black; /*full grey*/
19 font-family: "Arial", sans-serif; 19 font-family: "Arial", sans-serif;
20 padding: 0;
21 margin: 0;
22 } 20 }
23 img, a img{ 21 img, a img{
24 border: none; 22 border: none;
...@@ -42,11 +40,10 @@ ...@@ -42,11 +40,10 @@
42 color: #0397d6; /*full blue*/ 40 color: #0397d6; /*full blue*/
43 } 41 }
44 .content-table{ 42 .content-table{
45 width: 330px; 43 width: 480px;
46 } 44 }
47 .content-table th, .content-table td{ 45 .content-table th, .content-table td{
48 padding: 3px 3px 3px 10px; 46 padding: 3px 3px 3px 10px;
49 vertical-align: top;
50 } 47 }
51 .content-table th{ 48 .content-table th{
52 background-color: #a6a6a8; 49 background-color: #a6a6a8;
...@@ -116,41 +113,6 @@ ...@@ -116,41 +113,6 @@
116 H4{ 113 H4{
117 font-style: italic; 114 font-style: italic;
118 } 115 }
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 116
155 </style> 117 </style>
156 </head> 118 </head>
...@@ -169,620 +131,166 @@ ...@@ -169,620 +131,166 @@
169 <!-- layoutrows first, then layout tables within each row for further control --> 131 <!-- layoutrows first, then layout tables within each row for further control -->
170 <table class="layoutrows" cellspacing="0" cellpadding="0" border="0"> 132 <table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
171 133
172 134 <tr class="mast"><td><a href="http://thecommonwell.ca/"><img src="images/mast.gif" alt="The Commonwell Mutual Insurance Group Logo" width="600" height="160"/></a></td>
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> 135 </tr>
309 </layout> 136 <tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="30"/></td>
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 --> 137 </tr><!-- mast ends -->
318 138
319 139
320
321
322
323
324 <tr class="content"> 140 <tr class="content">
325 <td> 141 <td>
326 <table> 142 <table>
327 143
328 144
329 <repeater> 145 <repeater>
330 146
331 <layout label='2 Column (narrow, medium)'> 147 <layout label='Heading 1'>
332 <tr> 148 <tr>
333 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 149 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
334 <td class="narrow-column" width="158" valign="top"> 150 <td class="title" width="550"><singleline label="Heading 1" repeatertitle='true' >
335 <multiline label="Left Column Body" > 151 Broker Circular # 13 &ndash; 36: January 2014
336 <h3>Heading 3</h3> 152 Automobile Renewal Dec Prints</singleline>
337 <p>Enter content here. Max width is 158px.</p>
338
339 </multiline>
340 </td> 153 </td>
341 <td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td> 154 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" 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> 155 </tr>
364 <tr> 156 <tr>
365 <td> 157 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
366 Cell one 158 <td class="title" width="550"><img src="images/blank.gif" alt="" width="20" height="35"/>
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> 159 </td>
385 </tr> 160 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
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> 161 </tr>
391 162
392 <tr style="background-color:white;"> 163 </layout>
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 164
402 </layout> 165 <layout label='Details'>
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> 166 <tr>
461 <td> 167 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
462 Cell one 168 <td class="details" width="550">
463 </td> 169 <span class="label">FROM: </span><singleline label="From" repeatertitle='true' >Cathy Crockford, Auto Underwriting Supervisor</singleline> <br/>
464 <td> 170 <span class="label">DATE: </span><singleline label="Date" repeatertitle='true' >November 18, 2013</singleline><br/>
465 Cell two 171 <span class="label">RE: </span><singleline label="Re" repeatertitle='true' >January 2014 Automobile Renewal Dec Prints</singleline>
466 </td>
467 <td>
468 Cell three
469 </td>
470 </tr>
471 <tr class="odd">
472 <td>
473 Cell one
474 </td> 172 </td>
475 <td> 173 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></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> 174 </tr>
554 <tr> 175 <tr>
555 <td> 176 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="15"/></td>
556 Cell one 177 <td class="title" width="550"><img src="images/blank.gif" alt="" width="20" height="15"/>
557 </td> 178 </td>
558 <td> 179 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="15"/></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> 180 </tr>
181 </layout>
182
183 <layout label='Article no heading'>
648 <tr> 184 <tr>
649 <td> 185 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
650 Cell one 186 <td class="" width="550">
651 </td> 187 <multiline label="Article Body" ><p>Enter the full text</p>
652 <td> 188
653 Cell two 189 <p>This is the main content area.</p>
654 </td> 190 <h1>Heading 1</h1>
655 <td> 191 <h2>Heading 2</h2>
656 Cell three 192 <h3>Heading 3</h3>
657 </td> 193 <h4>Heading 4</h4>
658 </tr> 194 <table class="content-table">
659 <tr class="odd"> 195 <tr>
660 <td> 196 <th>
661 Cell one 197 Cell one
662 </td> 198 </th>
663 <td> 199 <th>
664 Cell two 200 Cell two
665 </td> 201 </th>
666 <td> 202 <th>
667 Cell three 203 Cell three
668 </td> 204 </th>
669 </tr> 205 </tr>
670 </table> 206 <tr>
671 </multiline> 207 <td>
208 Cell one
209 </td>
210 <td>
211 Cell two
212 </td>
213 <td>
214 Cell three
215 </td>
216 </tr>
217 <tr class="odd">
218 <td>
219 Cell one
220 </td>
221 <td>
222 Cell two
223 </td>
224 <td>
225 Cell three
226 </td>
227 </tr>
228 </table>
229 </multiline>
672 </td> 230 </td>
673 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 231 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" 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> 232 </tr>
233 </layout>
234
235
236 <layout label='Article with H2'>
742 <tr> 237 <tr>
743 <td> 238 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
744 Cell one 239 <td class="" width="550">
745 </td> 240 <h2>
746 <td> 241 <singleline label="Title" repeatertitle='true' >Title</singleline>
747 Cell two 242 </h2>
748 </td> 243 <multiline label="Article Body" ><p>Enter the full text</p>
749 <td> 244
750 Cell three 245 <p>This is the main content area.</p>
751 </td> 246 <h1>Heading 1</h1>
752 </tr> 247 <h2>Heading 2</h2>
753 <tr class="odd"> 248 <h3>Heading 3</h3>
754 <td> 249 <h4>Heading 4</h4>
755 Cell one 250 <table class="content-table">
756 </td> 251 <tr>
757 <td> 252 <th>
758 Cell two 253 Cell one
759 </td> 254 </th>
760 <td> 255 <th>
761 Cell three 256 Cell two
762 </td> 257 </th>
763 </tr> 258 <th>
764 </table> 259 Cell three
765 </multiline> 260 </th>
261 </tr>
262 <tr>
263 <td>
264 Cell one
265 </td>
266 <td>
267 Cell two
268 </td>
269 <td>
270 Cell three
271 </td>
272 </tr>
273 <tr class="odd">
274 <td>
275 Cell one
276 </td>
277 <td>
278 Cell two
279 </td>
280 <td>
281 Cell three
282 </td>
283 </tr>
284 </table>
285 </multiline>
766 </td> 286 </td>
767 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 287 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" 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> 288 </tr>
778 </layout> 289 </layout>
779 290
780 291
781
782 </repeater>
783
784
785 292
293 </repeater>
786 </table> 294 </table>
787 </td> 295 </td>
788 </tr><!-- content ends --> 296 </tr><!-- content ends -->
...@@ -792,21 +300,21 @@ ...@@ -792,21 +300,21 @@
792 <td> 300 <td>
793 <table> 301 <table>
794 <tr> 302 <tr>
795 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 303 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
796 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td> 304 <td class="marginleft"><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> 305 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
798 </tr> 306 </tr>
799 <tr> 307 <tr>
800 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 308 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
801 <td class="" width="528"> 309 <td class="" width="480">
802 <a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a> 310 <a href="http://thecommonwell.ca/"><img src="images/tag.gif" alt="Individuals. Together." width="480" height="50"/></a>
803 </td> 311 </td>
804 <td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 312 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
805 </tr> 313 </tr>
806 <tr> 314 <tr>
807 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td> 315 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
808 <td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td> 316 <td class="marginleft"><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> 317 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
810 </tr> 318 </tr>
811 </table> 319 </table>
812 </td> 320 </td>
...@@ -817,14 +325,13 @@ ...@@ -817,14 +325,13 @@
817 <td> 325 <td>
818 <table> 326 <table>
819 <tr> 327 <tr>
820 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 328 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
821
822 <td class="" width="200"> 329 <td class="" width="200">
823 <strong>Lindsay Office</strong><br> 330 <strong>Lindsay Office</strong><br>
824 336 Angeline St S, <br> 331 336 Angeline St S, <br>
825 Lindsay, ON K9V 0J8 332 Lindsay, ON K9V 0J8
826 </td> 333 </td>
827 <td class="" width="180"> 334 <td class="" width="150">
828 <strong>Perth Office</strong><br> 335 <strong>Perth Office</strong><br>
829 96 South St. / Scotch Line Rd.<br> 336 96 South St. / Scotch Line Rd.<br>
830 Perth, ON K7H 0A2 337 Perth, ON K7H 0A2
...@@ -834,25 +341,25 @@ ...@@ -834,25 +341,25 @@
834 3720 County Rd. 34 P.O. Box 159<br> 341 3720 County Rd. 34 P.O. Box 159<br>
835 Alexandria, ON K0C 1A0 342 Alexandria, ON K0C 1A0
836 </td> 343 </td>
837 <td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td> 344 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
838 </tr> 345 </tr>
839 </table> 346 </table>
840 347
841 <table> 348 <table>
842 <tr> 349 <tr>
843 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td> 350 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
844 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td> 351 <td class="marginright" 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> 352 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
846 </tr> 353 </tr>
847 <tr> 354 <tr>
848 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td> 355 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" 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> 356 <td class="unsubscribe" width="480"><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> 357 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
851 </tr> 358 </tr>
852 <tr> 359 <tr>
853 <td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td> 360 <td class="marginleft" width="60"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
854 <td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td> 361 <td class="marginright" 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> 362 <td class="marginright" width="25"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
856 </tr> 363 </tr>
857 </table> 364 </table>
858 365
......