Toronto web site design web site maintenance Crossbeam Studio/TITLE> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a.nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; } a.nav:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #4eb4ef; text-decoration: none; } a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0069a5; text-decoration: none; font-style: normal; font-weight: normal; } a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4eb4ef; text-decoration: none; font-style: normal; font-weight: normal; } BODY { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #006199; BACKGROUND-ATTACHMENT: fixed; PADDING-BOTTOM: 0px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #f8f8f8; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #f8f8f8; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #8597a6; BACKGROUND-REPEAT: repeat; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #666666; BACKGROUND-COLOR: #666666 } p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: none; } li {color: #339966; list-style-type: square} ul {color: #339966; list-style-type: square} ol {color: #339966} --> </style> </head> <body bgcolor="#999999" background="images/backgroundq.jpg" topmargin="0"> <center> <br> <a name="ohc"></a> <table width="701" height="548" border="0" cellpadding="0" cellspacing="0" bgcolor="#f9f9f9"> <tr> <td width="1" height="548" align="left" valign="top"> </td> <td width="700" align="center" valign="top" height="548"> <table width="676" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="525" align="center" valign="top" height="548"> <table width="525" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="525" height="66" valign="top"><img src="images/indexheaderq.gif" width="525" height="66" border="1"></td> </tr> <tr> <td align="center" bgcolor="#006699"><table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" height="21" align="center"><a href="index.html" class="nav">Home</a></td> <td width="21%" align="center"><a href="web.html" class="nav">Web</a></td> <td width="30%" align="center"><a href="writing.html"class="nav">Writing</a></td> <td width="29%" align="center"><a href="contact.html" class="nav">Contact</a></td> </tr> </table></td> </tr> <tr> <td align="center" valign="top" height="448"> <table width="90%" height="448" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="448" align="center" valign="top" bgcolor="eeeeee"> <table width="92%" height="448" border="0" cellpadding="0" cellspacing="0" bgcolor="eeeeee"> <tr> <td height="448" valign="top"> <p><br> <img src="images/webservicesportfolioheader.gif" width="250" height="20"></p> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="140" valign="top"><p>The Nearby Café<br> <br> Crossbeam designed this cybercafe from an existing site that had outgrown its original structure and visual identity. </p> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <p>"This inventive team took a content-heavy, sprawling, shapeless site and found its central organizing principles. They established visual coherence and fluid navigation while respecting and enhancing the creative diversity of its materials." <i>A. D. Coleman, Executive Director</i></p></td> </tr> </table><br> </td> </tr> <tr> <td height="25" align="center"><img src="images/bluelineq.gif" width="380" height="10"></td> </tr> <tr> <td valign="top"><p>Ontario Hypnosis Centre<br> <br> Crossbeam completely redesigned and reorganized the Hypnosis Centre's existing web site and has maintained and updated it for several years. Included in the lastest upgrades is the creation of online shopping functionality.</p> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><p>"One of the many advantages of working with Crossbeam is that they 'get it' without too much explanation. Plus they're problem solvers, not problem generators. This saves time, money and patience!"<i> Dr. Georgina Cannon, Director</i></p></td> </tr> </table> </td> </tr> <tr> <td height="40" align="center" valign="bottom"><table width="20%" border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td><a href="web.html">1</a></td> <td><a href="web2.html">2</a></td> <td><a href="web3.html"><font color="#FF0000">3</font></a></td> <td><a href="web4.html">4</a></td> <td><a href="web5.html">5</a></td> </tr> </table></td> </tr> </table> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="161" align="center" valign="top" height="548"> <table width="155" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="155" height="388" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" height="373" valign="top"></td> <td width="159" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="eeeeee"> <tr> <td height="90" align="center" valign="bottom" bgcolor="006199"><img src="images/toprightcornerq.jpg" width="150" height="80"></td> </tr> <tr> <td height="329" valign="top"><br> <br> <table width="150" height="333" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="139" height="166" valign="top"> <table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"><a href="javascript:gallery('http://www.nearbycafe.com')"><img src="images/screennearbycafe.jpg" width="130" height="97" border="0"></a></td> </tr> <tr> <td height="60" align="center" valign="top"> <font size="1" face="Arial, Helvetica, sans-serif"><i><strong><br> </strong></i></font><font size="1"><a href="http://www.nearbycafe.com" target="_blank">The Nearby Café<br> </a></font></td> </tr> </table> </td> </tr> <tr> <td height="167" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href="javascript:gallery('http://www.ont-hypnosis-centre.com')"><img src="images/screenhypnosiscenter.jpg" width="130" height="97" border="0"></a></td> </tr> <tr> <td height="47" align="center" valign="top"><p><a href="javascript:gallery('http://www.ont-hypnosis-centre.com')"><br> Ontario Hypnosis Centre</a><font size="1"><br> </font></p></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td height="2" valign="top"></td> </tr> </table> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <script language="javascript">  </script> </center> </body> </html>