index-generic.html 14.5 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        body {
            background:#ededed;
        }
        body, table, tr, td {
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            color: #000000;
            font-family: "Verdana", "Arial", sans-serif;
        }
        table, tr, td{
            border: none; 
            border-collapse: collapse;
            padding: 0;
            vertical-align: top;
        }
        img, a img{
            border: none;
            border-collapse: collapse;
            display: block;
        }
        td.container{
            /*border: 1px #d44242 solid;*/
            background-color: #ffffff;
        }
        .address{
            font-size: 10px;
            line-height: 11px;
            text-align: right;
        }
        p {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        a {
            color: #0074c8; /*full blue*/
            text-decoration: none;
        }
        .content-table th, .content-table td{
            padding: 3px 3px 3px 10px;
        }
        .content-table th{
            background-color: #a6a6a8;
            color: #FFFFFF;
            text-align: left;
        }
        .odd{
            background-color: #e5e5e5;
        }
        .float-l{
            float: left;
            margin: 0 10px 10px 0;
        }
        .float-r{
            float: right;
            margin: 0 0 10px 10px;
        }
        img{
            border:none;
            border-collapse: collapse;
        }
        a img{
            border:none;
            border-collapse: collapse;
        }
        td.design, .design td{/* avoids extra space in Outlook for cells with images in them */
            font-size: 1px;
            line-height: 1px;
        }
        
        
        /* specific to CLO */
        .issue{
            color: #80bd01;
            font-size: 11px;
            line-height: 11px;
            padding-top: 8px;
        }
        .this-issue{
            color: #0074c8;
            font-style: italic;
            font-family: "Times", serif;
        }
        .quote p, .quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .quote h6 {
            margin-left: 23px;
            color: #808285;
            font-style: italic;
        }
        h1, h2{
            font-family: "Times", serif;
            font-weight: normal;
            font-size: 20px;
            line-height: 25px;
            margin: 5px 0;
            padding: 0;
        }
        h3{
            font-family: "Times", serif;
            font-weight: bold;
            font-size: 17px;
            line-height: 21px;
            margin: 5px 0;
            padding: 0;
        }
        h4{
            font-weight: normal;
            font-size: 12px;
            text-transform: uppercase;
            line-height: 16px;
            margin: 5px 0;
            padding: 0;
        }
        h5, h6{
            font-weight: bold;
            font-size: 12px;
            line-height: 16px;
            margin: 5px 0;
            padding: 0;
        }
        .green h1,  .green h2,  .green h3,  .green h4,  .green h5,  .green h6  {
            color: #80bd01;
        }
        .blue h1,  .blue h2,  .blue h3,  .blue h4,  .blue h5,  .blue h6  {
            color: #0074c8;
        }
        .green .border{
            border: solid 1px #80bd01;
        }
        .blue .border{
            border: solid 1px #0074c8;
        }
        .container .green .fill{
            background-color: #e8f1d1;
        }
        .container .blue .fill{
            background-color: #cee2f3;
        }
		ol{
			margin:0;
			padding:0 0 0 15px;
		}
		li{
			margin:0;
			padding:0;
		}
        
        
    </style>
</head>
<body LEFTMARGIN="0" TOPMARGIN="0">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
        <td id="centering" width="602" class="container">
            <table  class="container" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
                    <td>
                        <table cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td>
                                    <table cellspacing="0" cellpadding="0" border="0">
                                        <tr>
                                            <td>
                                                <a href="http://www.communitylivingontario.ca/">
                                                    <img src="images/logo-2.gif" alt="logo-2" width="179" height="64" />
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="issue">
                                                <singleline label='Date'><currentmonthname></currentmonthname> <currentday></currentday>, <currentyear></currentyear></singleline>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td>
                                    <table cellspacing="0" cellpadding="0" border="0" class="design">
                                        <tr>
                                            <td>
                                                <a href="http://www.communitylivingontario.ca/">
                                                    <a href="http://www.essentialaccessibility.com/download"><img src="images/accessibility-comm.gif" alt="accessibility-comm" width="375" height="34" /></a>
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="http://communitylivingontario.ca">
                                                    <img src="images/mast-generic-2.gif" alt="mast-generic-2" width="375" height="56" />
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                    



<repeater>
        

<layout label='Article – Green Fill'>                    
<table cellspacing="0" cellpadding="0" border="0" class="green">
    <tr>
        <td class="fill">
<table cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
        <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
        <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
    </tr>
    <tr>
        <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
        <td>
        	<img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
        	<h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
            <multiline label="Article Body" >
            	<p>My paragraph</p>
            </multiline>

        </td>
        <td></td>
    </tr>
    <tr>
        <td class="design"></td>
        <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
        <td class="design"></td>
    </tr>
</table>
        </td>
    </tr>
    <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
</table>  
</layout>                
                   
<!--
<layout label='Article – Blue Fill'>                    
<table cellspacing="0" cellpadding="0" border="0" class="blue">
    <tr>
        <td class="fill">
<table cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
        <td class="design"><img src="images/s2.gif" alt="top" width="506" height="15" /></td>
        <td class="design"><img src="images/23.gif" alt="23" width="23" height="15" /></td>
    </tr>
    <tr>
        <td><img src="images/arrow.png" alt="arrow" width="24" height="35" /></td>
        <td>
        	<img editable hideable src="images/optional_image.jpg" width="506" label='Feature Image' />
        	<h2><singleline label="Title" repeatertitle='true' hideable >Article Title</singleline></h2>
            <multiline label="Article Body" >
            	<p>My paragraph</p>
            </multiline>

        </td>
        <td></td>
    </tr>
    <tr>
        <td class="design"></td>
        <td class="design"><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td>
        <td class="design"></td>
    </tr>
</table>
        </td>
    </tr>
    <tr class="design"><td><img src="images/s2.gif" alt="bottom" width="506" height="15" /></td></tr>
</table>                  
</layout>       
        
-->   
                        
                        
</repeater>                
                        
                        
                        
                        
                        
                    </td>
                    <td></td>
                </tr>
                <!-- address bar -->
                
                <tr>
                    <td></td>
                    <td>
                        <table cellspacing="0" cellpadding="0" border="0" width="554">
                            <tr>
                                <td class="design">
                                    <table cellspacing="0" cellpadding="0" border="0">
                                        <tr>
                                            <td><a href="https://www.facebook.com/communitylivingontario"><img src="images/social-fb.gif" alt="social-fb" width="22" height="22" /></a></td>
                                            <td></td>
                                            <td><a href="https://twitter.com/CLOntario"><img src="images/social-tw.gif" alt="social-tw" width="22" height="22" /></a></td>
                                            <td></td>
                                            <td><a href="http://instagram.com/clontario?ref=badge"><img src="images/social-ig.gif" alt="social-ig" width="22" height="22" /></a></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
                                            <td></td>
                                            <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
                                            <td></td>
                                            <td><img src="images/social-spacer.gif" alt="social-spacer" width="5" height="5" /></td>
                                        </tr>
                                        <tr>
                                            <td><a href="https://www.youtube.com/user/comlivon"><img src="images/social-yt.gif" alt="social-yt" width="22" height="22" /></a></td>
                                            <td></td>
                                            <td><a href="https://plus.google.com/100395428610467412375/posts"><img src="images/social-g.gif" alt="social-g" width="22" height="22" /></a></td>
                                            <td></td>
                                            <td><a href="https://www.linkedin.com/company/community-living-ontario?trk=top_nav_home"><img src="images/social-in.gif" alt="social-in" width="22" height="22" /></a></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                    
                                </td>
                                <td class="address">Community Living Ontario&nbsp;&nbsp;|&nbsp;&nbsp;240 Duncan Mill Rd., Suite 403, Toronto, Ontario M3B 2S6<br>
Telephone: 416 447 4348&nbsp;&nbsp;|&nbsp;&nbsp;Toll Free: 1 800 278 8025&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://communitylivingontario.ca/sponsorship-information">sponsorship information</a><br>
<a href="mailto:chris@communitylivingontario.ca">chris@communitylivingontario.ca</a>&nbsp;&nbsp;|&nbsp;&nbsp;<unsubscribe>unsubscribe</unsubscribe>&nbsp;&nbsp;|&nbsp;&nbsp;<preferences>subscription preferences</preferences><br>
<forwardtoafriend>forward this email</forwardtoafriend>&nbsp;&nbsp;|&nbsp;&nbsp;If this email has been forwarded to you, please consider <a href="http://communitylivingontario.ca/stay-connected">subscribing</a>.
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td></td>
                </tr>
                <tr class="design">
                    <td></td>
                    <td></td>
                    <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
                </tr>
                <tr class="design">
                    <td></td>
                    <td></td>
                    <td><img src="images/23.gif" alt="23" width="23" height="15" /></td>
                </tr>

            
            
            </table><!-- container ends -->
        </td>
        <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
    </tr>
    <tr>
        <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
        <td class="address" width="602"><img src="images/blank.gif" alt="" width="602" height="1"/></td>
        <td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
    </tr>
</table>
</body>
</html>