<!DOCTYPE html><html lang="en" >

<head>

    <link rel="manifest" href="/manifest.json">

<meta name="Generator" content="goMobi by dotMobi" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<meta name="description" content="Converting PC websites to responsive mobile website" />

<link rel="canonical" href="http://fullcolours.com" />

<meta name="keywords" content="Ottawa. ottawa mobile site,convert to mobile, business fulcolours cards" />

    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://m.fullcolours.com/apple-touch-icon.png?size=152"/>

    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://m.fullcolours.com/apple-touch-icon.png?size=120"/>

    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://m.fullcolours.com/apple-touch-icon.png?size=114"/>

    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://m.fullcolours.com/apple-touch-icon.png?size=76"/>

    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://m.fullcolours.com/apple-touch-icon.png?size=72"/>

    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="http://m.fullcolours.com/apple-touch-icon.png?size=60"/>

    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://m.fullcolours.com/apple-touch-icon.png?size=57"/>

    <link rel="apple-touch-icon-precomposed" sizes="32x32" href="http://m.fullcolours.com/apple-touch-icon.png?size=32"/>

<link rel="icon" href="http://m.fullcolours.com/apple-touch-icon.png?size=32"/>

 

<title>Respnsive mobile website</title>

<link media="all" href="http://3.cdn.site.mobi/css/451378/gm.min.css" type="text/css" rel="stylesheet" />

 

 

<style type="text/css" media="all">

  body,#gm-wall {color:#fafafa;background-color:#f0f2d5}

  #back_link_footer a { color:#fafafa; }

  div.gpAboutSummarized { border-color: #ffffff; }

  div.product:last-of-type, div.review:last-of-type  { border: 0; }

  hr, hr.mtb10{ background-color: #ffffff; }

  /*hr:last-of-type, hr.mtb10:last-of-type{ height: 0; }*/

  hr:first-child { display: none}

    #gm-head { margin-top: 50px;}

    #gm-desc a {text-decoration: none; color: #5a1502;}

  #gm-footer a,#gm-contact a{color:#ffffff;}

  #gm-title, #gm-tagline, #gm-desktop, #gm-desktop a {background-color:#5a1502;color:#ffffff}

  #socialMediaTopName {color:#ffffff}

  #gm-footer, #gm-contact {color:#ffffff;background-color:#5a1502}

  div#app_inner a, div#app_inner a:active, div#app_inner a:hover, div#app_inner a:visited {color:#5a1502;}

  .no-underline a {text-decoration: none !important;}

 

    nav#global, #global ul, #drop_panels div.drop_panel, .global_wrapper, .global_wrapper ul li {

     background-color: #5a1502;

    }

 

    nav#global.transparent ul li {

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

    }

    nav#global.transparent ul li:after {

        content: "";

        display: block;

        width: 1px;

        height: 33px;

        background-color: #373737;

        margin-top: -30px;

        opacity: 0.7;

    }

    nav#global.transparent ul li:first-child:after {

        display: none;

    }

    nav#global.transparent.light-nav ul li:after,

    nav#global.transparent.light-nav-all ul li:after{

        background-color: #efefef !important;

    }

    nav#global.transparent .global_wrapper ul li.selected {

        background-color: transparent;

    }

  .global_wrapper ul li.selected{

        background-color: #6b1b08;

  }

  /*.global_wrapper ul li { height:50px; line-height:50px; }*/

  #icons li, .button span a  {color:#ffffff}

  #app_container {

    color:#ffffff;

    background-color:#922101;

  }

  #app_container .button-text{

    color:#000000;

  }

  #app_container  .find-link { color:#5a1502 }

#icons {max-width:534px;margin:0 auto}

td {padding: 10px 5px}

  #distance{padding-top: 0px;padding-bottom:1px;}

  .dist_text{

    background-color:#5a1502;

    padding:0px 5px;

    border:1px solid #ddd;

    -moz-border-radius:8px;

    -webkit-border-radius:8px;

    border-radius:8px;

    font-size:80%

  }

 

 

  #gm-cookie { background:#f0f2d5; color:#fafafa;  border:1px #360C01; }

  #gm-cookie a { color:#fafafa;}

  .drop_panel .button div { background:#6b1b08; box-shadow: inset 0 0 1px #000000; }

  div#app_inner .button-color-bg {

    background-color:#5a1502 !important;

    color:#f7f7f7 !important;

  }

  div#app_inner input[type=submit] {

    background-color:#5a1502 !important;

    color:#f7f7f7 !important;

  }

  .subpage-bg { background-color: #922101 }

  div#app_inner .button-color-text { color:#f7f7f7 !important; }

  div#gm-otf-buttons div.gm-feature{background-color: #6b1b08;}

  div#icons ul.row-list li, body.icon-bg div#icons ul.row-grid li, div#gm-transc div.transcLess, body.icon-bg #icons td, #icons .row-grid.layout-labels span {background-color: #6b1b08;}

  div#icons ul.row li.spacer { background: none !important; }

  div#icons li.gm-feature a, div#gm-otf-buttons div.gm-feature a, div#icons li.gm-feature a:link, div#icons div.label, span.label, .nav-item, div#gm-transc div.transcLess {color: #ffffff;}

  div.label, span.label {word-wrap: break-word;}

  span.label { display:block; }

  div.nav-item {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

  .rss-head {background:#5a1502; padding:4px; border:solid 1px #360C01; margin:0; color: #f7f7f7; }

  .rss-head a {text-decoration:none; color: #f7f7f7 !important; }

  .rss-date {float:right; padding:3px; margin-top:3px; font-style:italic; }

  .rss-visit {border-radius:3px; text-align:center; color: #ffffff; padding:4px; background-color: #6b1b08;border:solid 1px #360C01;}

  .rss-visit-link {text-decoration:none; }

  .site-translation-title{padding: 0 5px;}

  .site-translation-option{padding: 0 5px 12px; border-bottom: 1px solid #ffffff; }

  .site-translation-option a{display: block;text-decoration: none; color: #ffffff !important; }

  .site-translation-option a span{float:right; right: 5px; position: relative;}

 

          body.layout_2 div#icons li,

    body.layout_3 div#icons li,

    body.layout_4 div#icons li,

    body.layout_5 div#icons li,

    body div#icons ul.row-list li,

    div#app_container div#icons li,

    div#app_container div.category div.menu-title li {

        background-image: url('http://m.fullcolours.com/images/white_arrow.png') !important;

    }

  </style>

 

 

<script type="text/javascript">

 

    var inlineWrapper = {};

    // We are deferring Jquery Load

    inlineWrapper.jsLoaded = function () {

        var finishedLoading = false;

        $(document).ready(function () {

            if(finishedLoading === false) {

                // JQuery or JQMobi has loaded so run the menu related javascript

                if (typeof initNavMenu == 'function') {

                    initNavMenu();

                }

                if (typeof initNavDropPanels == 'function') {

                    initNavDropPanels();

                }

                            }

            finishedLoading = true;

        });

    }

 

   

    // Generates image which sends DAPROPS (in cookies) to server via "/analytics" route

    inlineWrapper.createAnalyticsHitImage = function () {

                var img = document.createElement('img');

        img.src = "/analytics/hit.php?nocache=1489018182.067&r=-&p=%2F%3FsmallView%3D1";

        document.getElementById('imz_analytics').appendChild(img);

    }

 

   

</script>

 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" defer></script><link media="all" href="http://du0xldifh78n8.cloudfront.net/css/451378/animatedMenu.min.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://3.cdn.site.mobi/src/YWRqdXN0U2l0ZUhlaWdodCZhcHBDbGljayZkYUNsaWVudHNpZGUmdG9wTmF2JnN3aXBlTG9nbyZ2PTQ1MTM3OA==" onload="inlineWrapper.jsLoaded();" defer></script> < !--[if IE 6]><script src="http://1.cdn.site.mobi/js/451378/DD_belatedPNG-min.js" defer></script><![endif]-->

    <script type="text/javascript">

    /* Template Data */

    var backgroundURL = '';

    var bgImageTile = false;    var bgOffset = 0;

    var bgOnlyHomePage = false;

    /* Config / DA */

    var isMobile = false;    var isMobileDevice = false;    var isTablet = false;    var CDN = 'http://2.cdn.site.mobi';

            var carouselBgColors = ["",""];

        var carousel_auto_str=3;var carousel_images_quantity=2;var gmCookieSet = true;  </script>

 

         

</head><body id="gm-fmobile" class="homepage"><div id="gm-wall">

<div id="drop_panels" class ="drop_header">

 

  <div class="drop_panel" id="drop_panel_email">

    <a class="button" href="/app/leave-a-message/8222367/7/" onclick=""><div class = "nav-item ">LEAVE A MESSAGE</div></a>  </div>

 

  <div class="drop_panel" id="drop_panel_phone">

    <a class="button" href="javascript:alert(&quot;Call us on: 613 737 5459&quot;);" onclick="app_Click('/app/call-us-direct/8222366/1/');"><div class = "nav-item " >CALL US DIRECT</div></a> < /div>

 

  <div class="drop_panel" id="drop_panel_more">

<a class="button" href="/app/business-postcards/8222382/33/" onclick=""><div class = "nav-item ">BUSINESS &   POSTCARDS </div></a><a class="button" href="/app/harrys-shaving-plan/8358884/36/" onclick=""><div class = "nav-item ">Harry's Shaving Plan </div></a>  </div>

</div>

  <!-- END: GLOBAL NAVIGATION -->

 

<script type ="text/javascript">

 

function initNavDropPanels() {

 

$('#drop_panel_phone').remove();$('#drop_panel_email').remove();

$('.drop_panel').bind('heightChange', function () {

   if (this.id != 'drop_panel_more') {

        if (!(/(iPhone|iPod|iPad)/i.test(navigator.userAgent)) && !(navigator.userAgent.match(/Windows Phone/i))) {

      // $(this).css('top', '49px');

      $(this).css('top', '49px');

    }

          if ($(this).height() < $(window).height()) { // If height of dropdown is less than the screen height make the position fixed

        // Check for IOS 4 and below that doesn't support position:fixed'

        if (/(iPhone|iPod|iPad)/i.test(navigator.userAgent)) {

          if ((/OS [2-4]_\d(_\d)? like Mac OS X/i.test(navigator.userAgent)) || (/CPU like Mac OS X/i.test(navigator.userAgent))) {

            $('#nav_container, .topnav, .drop_panel').css('position','absolute');

            $('#gm-head, body').css('margin', '0');

          // for above IOS 4 devices

          } else {

              $(this).css('position', 'fixed');

          }

        } else {

          $(this).css("position","fixed");

        }

      } else {

        $(this).css("position","absolute");

      }

    }

  });

}

 

</script>

 

<div id="gm-all"  class="gm-nav-top">

<!-- START: GLOBAL NAVIGATION -->

<div id ="nav_container">

    <nav class="topnav light-nav-all" id="global">

    <div class="global_wrapper">

            <ul>

          <li id="panel_info"><a href="/"><i class ="icon icon_home"></i></a></li>

          <li id="panel_location"><a href ="/app/map-location/8274320/2/"><i class ="icon icon_location"></i></a></li><li id="panel_email"><a href ="/app/leave-a-message/8222367/7/"><i class ="icon icon_email"></i></a></li><li id="panel_phone"><a href ="javascript:alert(&quot;Call us on: 613 737 5459&quot;);"><i class ="icon icon_phone"></i></a></li><li id="panel_more"><a onclick = "return false;"><i class ="icon icon_more"></i></a></li>           < /ul>

        </div>

        <script type ="text/javascript">

        // Auto-highlight the button on the navigation by adding the class 'selected''

        function initNavMenu() {

            $('.global_wrapper ul li').css('width','20%');

            $('.global_wrapper ul li').removeClass('selected panel-current'); // Removes selected option from all by default

            $("#panel_info").addClass("selected panel-current");

            // CSS Changes for the top and bottom Navigation - Creates a margin on top and bottom for fixed positioned menu

                        // $('.go_down').css('margin-bottom','50px' );

            $('.go_down').css('margin-bottom','50px' );

 

             // Top Menu

            $('.go_down, #global').css('top','0px');

            // $('.drop_panel').css('top','49px');

            $('.drop_panel').css('margin-bottom','49px' );

           

            if (navigator.appName == "Microsoft Internet Explorer") { $('#nav_container').css('position','fixed');  } // Prevents issues in IE9

 

             // Disable Gradients option for Navigation Menu

            $('#global ul li').css('background-image', 'none');

                    }

        </script>

    </nav>

</div>

<div id="gm-head" class="gm-trans-hidden">

 

<div id="gm-logo" class="container" style="position:relative;">

       

            <div id="gm-carousel" class="container" style="position:relative;">

            <div id="pre-swipe-carousel" style="position:relative;background-color:;">

            <a href="/"><img src="http://2.cdn.site.mobi/c/m.fullcolours.com/2wqes0/eaccc3f27ff18aad8482b1ec4490a560/0" alt="logo"/></a>

        </div>

        <div class="swipe-carousel" id="slider-carousel">

            <div class="swipe-wrap-logo">

                                        <div class="div-swipe-wrap-logo" style="display:none;">

                            <a href="/"><img src="http://2.cdn.site.mobi/c/m.fullcolours.com/2wqes0/eaccc3f27ff18aad8482b1ec4490a560/0/480" alt="logo"/></a>

                        </div>

                                            <div class="div-swipe-wrap-logo" style="display:none;">

                            <a href="/"><img src="http://1.cdn.site.mobi/c/m.fullcolours.com/97nle80/fe421e49cda30061243c44081c9372fe/1/480" alt="logo"/></a>

                        </div>

                                </div>

        </div>

            </div>

 

<style>

    #slider-carousel {

        transition:1s;

        background-color: ;

    }

</style>

</div>    <div id="gm-desc" style=";"><p><span style="color:#000080;"><span style="font-size:14px;"><strong>CONVERT your Present Website to a Responsive mobile website.<strong> </strong>A responsive website automatically changes to fit the device you're reading it on.</strong>.  </span><strong><span style="font-size:14px;">Give your business the edge it needs with a preferred design tailored and designed for your<span style="font-family:arial,helvetica,sans-serif;"> business </span></span></strong></span></p>   < /div>

  </div>

<div id="gm-middle" ><div id="icons"><ul class="row row-list   "><li onclick="app_Click('/app/call-us-direct/8222366/1/');window.location.href=&#039;javascript:alert(&quot;Call us on: 613 737 5459&quot;);&#039;;; event.stopPropagation();event.cancelBubble=true;event.preventDefault();"><div class="icon-wrapper"><a href="#"><img src="http://1.cdn.site.mobi/images/appicons/theme_1/mobile-phone/mobile-phone_128.png" alt="CALL US DIRECT" /><span class="label">CALL US DIRECT</span> </a></div></li><li onclick="window.location.href='/app/leave-a-message/8222367/7/'; event.stopPropagation();event.cancelBubble=true;event.preventDefault();"><div class="icon-wrapper"><a href="/app/leave-a-message/8222367/7/"><img src="http://1.cdn.site.mobi/images/appicons/theme_1/e_mail/e_mail_128.png" alt="LEAVE A MESSAGE" /><span class="label">LEAVE A MESSAGE</span> </a></div></li><li onclick="window.location.href='/app/business-postcards/8222382/33/'; event.stopPropagation();event.cancelBubble=true;event.preventDefault();"><div class="icon-wrapper"><a href="/app/business-postcards/8222382/33/"><img src="http://1.cdn.site.mobi/images/appicons/theme_1/Products/icon_128.png" alt="BUSINESS  &amp;  POSTCARDS " /><span class="label">BUSINESS  &  POSTCARDS </span>< /a></div></li><li onclick="window.location.href='/app/map-location/8274320/2/'; event.stopPropagation();event.cancelBubble=true;event.preventDefault();"><div class="icon-wrapper"><a href="/app/map-location/8274320/2/"><img src="http://3.cdn.site.mobi/images/appicons/theme_1/places/places-128.png" alt="MAP LOCATION " /><span class="label">MAP LOCATION </span> </a></div></li><li onclick="window.location.href='/app/harrys-shaving-plan/8358884/36/'; event.stopPropagation();event.cancelBubble=true;event.preventDefault();"><div class="icon-wrapper"><a href="/app/harrys-shaving-plan/8358884/36/"><img src="http://3.cdn.site.mobi/images/appicons/theme_1/SMSToFriend/icon_128.png" alt="Harry's Shaving Plan " /><span class="label">Harry's Shaving Plan </span>< /a></div></li></ul></div>

</div>

 

<div id="imz_analytics">       < noscript>

            <img src="/analytics/hit.php?nocache=1489018182.0758&r=-&p=%2F%3FsmallView%3D1" alt="" width="1" height="1" />

        </noscript>

      </div><div id="gm-contact" class="notranslate"><a onclick="app_Click('/app/call-us-direct/8222366/1/');window.location.href=&#039;javascript:alert(&quot;Call us on: 613 737 5459&quot;);&#039;;event.stopPropagation();event.cancelBubble=true;event.preventDefault();" href="javascript:alert(&quot;Call us on: 613 737 5459&quot;);" style = "margin-left:4px;">613 737 5459</a><br /><a onclick="window.location.href='/app/map-location/8274320/2/'event.stopPropagation();event.cancelBubble=true;event.preventDefault();" href="/app/map-location/8274320/2/" style = "margin-left:4px;">2951 Riverside Dr, Ottawa, ONTARIO, K1V 8W6, Canada</a><br /></div><div class="imz_dotmobi notranslate"><div class="gm-ads" >

</div>

</div>

 

<script src="//t1.extreme-dm.com/f.js" id="eXF-fcolours-0" async defer></script>

 

       <script type="text/javascript">

        (function(){var a=function(d){var e,c,g,f=document.cookie.split(";");for(e=0;e<f.length;e++)

        {c=f[e].substr(0,f[e].indexOf("="));g=f[e].substr(f[e].indexOf("=")+1);c=c.replace(/^\s+|\s+$/g,"");

        if(c==d){return unescape(g)}}};var b=function(c,f,d){var g=new Date();g.setDate(g.getDate()+d);var e=escape(f)+((d==null)?"":"; expires="+g.toUTCString());

        document.cookie=c+"="+e+"; path = /"};

        if(!a("da_bug")){document.write('<script src="//deviceatlasdc.appspot.com/d.js" type="text/javascript" defer="defer"><\/script>');b("da_bug",true)}})();

       </script>

    </div><div><a style="display:none;" href="/smartclick.php">sc</a></div>

</div></body>

</html>