<script src="https://www.google.com/recaptcha/api.js" async defer></script><!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
	<meta name="author" content="Logograph">
	
<meta name="publisher" content="KDOONS - Logograph" />
<meta name="author" content="Logograph" />
<meta name="copyright" content="Copyright KDOONS and Logograph, © and all service marks." />
<meta name="designer" content="Logograph.com" />
<meta name="geo.country" content="CA" />
<meta name="geo.region" content="QC" />
<meta name="geo.placename" content="Montreal" />
<meta property="og:title" content="Home" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Logograph" />
<meta property="og:image" content="http://data.logograph.com/resize/KDOONS/multimedia/Image/4351/logograph.jpg" />
<meta name="twitter:title" content="Home" />
<meta name="twitter:image" content="http://data.logograph.com/resize/KDOONS/multimedia/Image/4351/logograph.jpg" />
<meta name="twitter:card" content="summary_large_image" />
	<title>Home | Logograph</title>

			<link rel="stylesheet" type="text/css" href="/css/logog/common.css?160113" />
	
	
	

	

	<!--[if lt IE 9]>
		<script src="http://cdn.logograph.com/lib/bootstrap/html5shiv.min.js"></script>
		<script src="http://cdn.logograph.com/lib/bootstrap/respond.min.js"></script>
	<![endif]-->

	
	<script type="text/javascript" src="http://cdn.logograph.com/lib/jquery/jquery.min.js"></script>
</head>
<body>
	<div class="header" id="home">
		<div class="container">
			<div class="navbar-wrapper">
				<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                    <div class="container">
    			    	<div class="navbar-header">
    			          	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    			            <span class="sr-only">Toggle navigation</span>
    			            <span class="icon-bar"></span>
    			            <span class="icon-bar"></span>
    			            <span class="icon-bar"></span>
    			            </button>
    			           	<a class="navbar-brand visible-xs" href="/"><i class="fa fa-home"></i></a>
    			        </div>
    					<div class="navbar-collapse collapse">
                                                    	  <ul class="nav navbar-nav">
                                <li class="submenu"><a href="#home">Home</a></li>
                                <li class="submenu"><a href="#news" class="news-link">News</a></li>
                                <li class="submenu"><a href="#about">About</a></li>
                                <li class="submenu"><a href="#contact">Contact</a></li>
                              </ul>
                                                        <ul class="nav navbar-nav navbar-right">
    							<li><a href="http://admin.logograph.com" target="_blank" class="header--btn-login">Login</a></li>
    						</ul>
    					</div>
                    </div>
				</nav>
			</div>

			<div class="header-content">
	      			              <a href="/"><span class="header--logo header--logo__index"></span></a>

	              <div class="big-buttons">
	                <a href="/web-design-and-web-development" class="big-buttons--button">Web Design & Development</a>
	                <a href="/print-and-graphic-design" class="big-buttons--button">Print & Graphic Design</a>
	                <a href="/transmedia" class="big-buttons--button">Transmedia</a>
	                <a href="/campaigns" class="big-buttons--button">Campaigns</a>
	                <a href="/social-media" class="big-buttons--button">Social Media</a>
	              </div>
	                        </div>

		</div>
	</div>

	<div class="main-content">
		<div class="index-page">
  
  <div id="news" class="news">
    <div class="container">
      <div class="row">      
        <div class="col-md-12">
          <h1>News</h1>
        </div>
                  
                                                          
                        
                                                  
            <div class="thumbnail-group col-sm-4 col-md-3 ">
              <div class="thumbnail">
                                  <a href="http://www.logograph.com/news/30944-boom-premieres-off-broadway-59e59-in-nyc-from-jan-10-feb-23-2020"><img class="img-responsive" src="http://data.logograph.com/resize/KDOONS/multimedia/Image/10810/news_boom-ny.jpg?matte=ffffff&amp;width=360&amp;height=240" alt="news_boom-ny.jpg" /></a>
                                <div class="caption">
                  <a style="text-decoration: none;" href="http://www.logograph.com/news/30944-boom-premieres-off-broadway-59e59-in-nyc-from-jan-10-feb-23-2020">
                    <h3>BOOM Premieres Off-Broadway! @ 59E59 in NYC from Jan 10-Feb 23 2020</h3>
                  </a>
                                      <p>After over 330 performances in Canada, the USA and France, Rick Miller's multimedia solo show is...</p>
                                    <a href="http://www.logograph.com/news/30944-boom-premieres-off-broadway-59e59-in-nyc-from-jan-10-feb-23-2020"><span class="btn-details btn-details__absolute">Read More</span></a>
                </div>
              </div>
            </div>
                                                          
                        
                                                  
            <div class="thumbnail-group col-sm-4 col-md-3 ">
              <div class="thumbnail">
                                <div class="caption">
                  <a style="text-decoration: none;" href="http://www.logograph.com/news/26776-rick-and-craigs-excellent-apap-adventures">
                    <h3>Rick and Craig's Excellent APAP Adventures!</h3>
                  </a>
                                      <p>We came, we saw, we sold our shows! Craig Francis and Rick Miller, the creative directors of...</p>
                                    <a href="http://www.logograph.com/news/26776-rick-and-craigs-excellent-apap-adventures"><span class="btn-details btn-details__absolute">Read More</span></a>
                </div>
              </div>
            </div>
                                                          
                        
                                                  
            <div class="thumbnail-group col-sm-4 col-md-3 ">
              <div class="thumbnail">
                                  <a href="http://www.logograph.com/news/26755-kidoons-onstage-at-apap"><img class="img-responsive" src="http://data.logograph.com/resize/KDOONS/multimedia/Image/9358/900x600_apap2017.jpg?matte=ffffff&amp;width=360&amp;height=240" alt="900x600_apap2017.jpg" /></a>
                                <div class="caption">
                  <a style="text-decoration: none;" href="http://www.logograph.com/news/26755-kidoons-onstage-at-apap">
                    <h3>Kidoons Onstage at APAP!</h3>
                  </a>
                                      <p>Kidoons and WYRD Productions will be at APAP January 7-9 in New York with 3 amazing shows for any...</p>
                                    <a href="http://www.logograph.com/news/26755-kidoons-onstage-at-apap"><span class="btn-details btn-details__absolute">Read More</span></a>
                </div>
              </div>
            </div>
                                                          
             
                                      
                                                  
            <div class="thumbnail-group col-sm-4 col-md-3 hidden-xs">
              <div class="thumbnail">
                                  <a href="http://www.logograph.com/news/24547-magical-jaw-dropping-ny-times-review-for-twenty-thousand-leagues-under-the-sea"><img class="img-responsive" src="http://data.logograph.com/resize/KDOONS/multimedia/Image/9166/IMG_7388_20Kshow_cast_square.jpg?matte=ffffff&amp;width=360&amp;height=240" alt="IMG_7388_20Kshow_cast_square.jpg" /></a>
                                <div class="caption">
                  <a style="text-decoration: none;" href="http://www.logograph.com/news/24547-magical-jaw-dropping-ny-times-review-for-twenty-thousand-leagues-under-the-sea">
                    <h3>"MAGICAL!... JAW-DROPPING!..." (NY Times review for Twenty Thousand...</h3>
                  </a>
                                      <p>"Theatergoers, there’s no need to pack scuba gear or even a snorkel mask to plunge into the ocean...</p>
                                    <a href="http://www.logograph.com/news/24547-magical-jaw-dropping-ny-times-review-for-twenty-thousand-leagues-under-the-sea"><span class="btn-details btn-details__absolute">Read More</span></a>
                </div>
              </div>
            </div>
                          <div class="col-md-12">
          <a href="/news"><span class="btn-more">Read more news...</span></a>
        </div>
      </div>      
    </div> 
  </div> 
  
  <div id="about" class="about">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="main-text">
              <h1>About</h1>
              <h2>Logograph targeted marketing and strategic communications</h2>
               

    <style type="text/css">
    .gallery {
      width: 100%;
      float: none;
      max-width: 470px;
    }

    .gallery .gallery-item {
      display: none;
    }

    .gallery .gallery-item:first-child {
      display: block;
      visibility: hidden;
    }

    .gallery .gallery-item img,
    .gallery .gallery-item video,
    .gallery .gallery-item audio {
      border: none;
      margin: 0 auto;
      background-color: #000 !important;
    }

    .gallery .gallery-item img {
      display: block;
    }

    .gallery .gallery-item .caption {
      color: #333;
      font-size: 100%;
      font-weight: 400;
      font-style: italic;
      margin-top: 10px;
      min-height: 21px;
      text-align: center;
    }

    .gallery .gallery-thumbs {
      display: inline-block;
      margin: 10px 0;
    }

    .gallery .gallery-thumbs .gallery-thumb {
      display: block;
      float: left;
      position: relative;
      background-repeat: no-repeat;
      margin: 4px 4px 0 0;
      height: 72px;
      width: 72px;
      border: none;
      box-sizing: initial;
    }

    .gallery .gallery-thumbs .gallery-thumb .fa-play,
    .gallery .gallery-thumbs .gallery-thumb .fa-music {
      position: absolute;
      top: 50%;
      right: initial;
      bottom: initial;
      left: 50%;
      color: #ffffff;
      font-size: 30px;
      width: 25px;
      height: 30px;
      margin-top: -15px;
      margin-left: -12.5px;
    }

    .gallery .gallery-thumbs.owl-carousel .owl-controls {
      margin: 10px 0 0 0 !important;
    }

    .play-thumb {
      display: none;
    }
    
  </style>
  <div class="gallery">
    <div class="gallery-items" id="gallery-6a1f0cf827ce0">
            
      
      
                        <div id="img_4351" class="gallery-item">
            <a rel="gallery-6a1f0cf827ce0" href="http://data.logograph.com/resize/KDOONS/multimedia/Image/4351/logograph.jpg?width=1500" class="swipebox" title="">
              <img data-src="http://data.logograph.com/resize/KDOONS/multimedia/Image/4351/logograph.jpg?width=470&height=" class="img-responsive" alt="">
            </a>
                      </div>
          
                      
          
                      
                      
                        
      
          </div>

    
      </div>

  <script type="text/javascript">
    if (events == undefined) var events = [];

    if (_addLoadListener == undefined) var _addLoadListener = function (object, event) {
      if (!events[object]) {
        if (typeof Turbolinks !== 'undefined') {
          document.addEventListener("turbolinks:load", event);
        } else if (window.jQuery) {
          $(document).ready(event);
        } else {
          window.addEventListener('load', event);
        }

        events[object] = event;
      }
    };

    _addLoadListener('gallery', function() {
      (function($) {
        var swipeboxOptions = [];
        var isMobile = false;

        // initialize swipebox gallery (make sure swipebox.js is added to layout.tpl of the website)
        $('.swipebox').swipebox(swipeboxOptions);

        // show first image on each gallery load
        $('.gallery').each(function() {
          var gallery = this;
          var items = $(gallery).find('.gallery-items');
          var thumbnailWrapper = $(gallery).find('.gallery-thumbs');
          var thumbnails = $(gallery).find('.gallery-thumb');
          var mainElement = items.children(':first');
          var img = mainElement.find('img');

          img.attr('src', img.data('src'));
          mainElement.css({
            opacity: 0.0,
            visibility: "visible"
          }).animate({
            opacity: 1.0
          }, 1000);

          if (thumbnails.length > 0) {

            // display thumbnails as a carousel on mobile devices with owlCarousel available
            if (isMobile && typeof jQuery().owlCarousel == 'function') {
              thumbnailWrapper.owlCarousel({
                items: 6,
                itemsDesktop : [1199,6],
                itemsDesktopSmall : [980,6],
                itemsTablet: [768, 5],
                itemsTabletSmall: [479, 4],
                itemsMobile: [478, 3]
              });
            }


            // handle clicks on thumbails
            thumbnails.click(function() {
              // hide all items in gallery
              currentGallery = $('#' + $(this).data('gallery'));
              currentGallery.children().hide();

              // loop through all audios and videos in the gallery and stop them if they were playing.
              var media = currentGallery.find('audio, video');
              media.each(function() {
                var mediaElement = $(this)[0];
                if (mediaElement.currentTime > 0 || !mediaElement.paused || !mediaElement.ended) mediaElement.pause();
              });

              if ($(this).attr('id').substring(0, 3) == 'img') {
                //show image that corresponds to thumbnail
                var imgContainer = currentGallery.find('#img_' + $(this).attr('id').substring(4));
                var img = imgContainer.find('img');
                img.attr('src', img.data('src'));
                imgContainer.fadeIn(1000);
              } else if ($(this).attr('id').substring(0, 5) == 'audio') {
                //show audio that corresponds to thumbnail
                currentGallery.find('#audio_' + $(this).attr('id').substring(6)).fadeIn(1000);
              } else {
                //show video that corresponds to thumbnail
                currentGallery.find('#vid_' + $(this).attr('id').substring(4)).fadeIn(1000);
              }

              return false;
            });
          }
        });
      })(jQuery);
    });
  </script>


              <p>Logograph develops web and new media software and services platform, including websites to rich media content, to email-based Event marketing and PR campaigns. From mobile web design and sophisticated customized management tools, to social media consultation, Logograph solutions have enormous impact. The Logograph software and services suite was developed over years with collaborative input from Event Producers, Organizations, Public Relations and Marketing directors, and Management Agencies. Logograph includes a user-friendly, multi-lingual Content Management System; patron database development; website-based event and marketing Scheduler; contact and email marketing campaign management; and news / blog / social media CMS with link-shortening and tracking. Corporate clients have ranged from TELUS Event Solutions, Cineplex Big Screen Events, RE/MAX, as well as health services and performing arts centres in 4 states and 2 provinces.<br />
</p>
            </div>
         </div>
        </div>
      </div>  
  </div> 
  
    <div id="contact" class="contact">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="main-text">
              <h1>Contact Us</h1>                                          
            </div>
         </div>
         <div class="col-md-12">
                                    <div class="row contact_form">
                <div class="col-md-6">
                  Fields marked <span style="color:red">*</span> are required
                  <br /><br />
                  <form id="Form__6a1f0cf81119e" class="form-horizontal contact-form" role="form" method="post" enctype="multipart/form-data">
	<fieldset id="qf__1780419831_9">
<div class="form-group ">
	<label class='col-sm-4 control-label' for='firstName'><span style="color:red">* </span>First Name</label>
	<div class="col-sm-8">
        
		<input type="text" class="text form-control" maxlength="48" name="firstName" id="Form__6a1f0cf81119e_firstName" title="firstName" />
		
	</div>
</div>
<div class="form-group ">
	<label class='col-sm-4 control-label' for='lastName'><span style="color:red">* </span>Last Name</label>
	<div class="col-sm-8">
        
		<input type="text" class="text form-control" maxlength="48" name="lastName" id="Form__6a1f0cf81119e_lastName" title="lastName" />
		
	</div>
</div>
<div class="form-group ">
	<label class='col-sm-4 control-label' for='email'><span style="color:red">* </span>Email</label>
	<div class="col-sm-8">
        
		<input type="text" class="text form-control" maxlength="255" name="email" id="Form__6a1f0cf81119e_email" title="email" />
		
	</div>
</div>
<div class="form-group ">
	<label class='col-sm-4 control-label' for='phoneNumber'><span style="color:red">* </span>Phone Number</label>
	<div class="col-sm-8">
        
		<input type="text" class="text form-control" maxlength="" name="phoneNumber" id="Form__6a1f0cf81119e_phoneNumber" title="phoneNumber" />
		
	</div>
</div>
<div class="form-group ">
	<label class='col-sm-4 control-label' for='companyName'>Company Name</label>
	<div class="col-sm-8">
        
		<input type="text" class="text form-control" maxlength="64" name="companyName" id="Form__6a1f0cf81119e_companyName" title="companyName" />
		
	</div>
</div>
<div class="form-group ">
	<label class='col-sm-4 control-label' for='comment'>Comments</label>
	<div class="col-sm-8">
        
		<textarea cols="36" name="comment" id="qf_comment_1780419831_6" class="form-control"></textarea>
		
	</div>
</div>
<div class="row">

<div class="element group">
<div class="form-group ">
	
	<div class="col-sm-8 col-sm-offset-4">
        
		<div class='g-recaptcha' data-theme='clean' style='width: 304px; margin: 0 auto' data-sitekey='6LcokQ0gAAAAAN9-XgokM7MJShRXNEgR4t3z-TuY'></div>
		
	</div>
</div>
</div>
</div>

</fieldset>
 <div class="form-group ">
	
	<div class="col-sm-8 col-sm-offset-4">
        
		Please review our <a href="/privacy-policy">Privacy Policy</a> for more information.
		
	</div>
</div>
	<div class="col-md-12 text-center"><button type="submit" class="btn-details btn-contact">Send</button></div>
</form>
                </div>
              </div>
                               </div>
        </div>
      </div>  
  </div> 
  
  
  
  
  
  
</div>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

  topOffset = $('.index-page').offset().top;

  //Scroll to appropriate project when an index item is clicked
  $(".navbar .submenu a").click(function(evt) {		
  	evt.preventDefault();
  	changeMenuBg();
  	$('.navbar-collapse').removeClass('in');
  	$('html, body').animate({
  		scrollTop: ($($.attr(this, 'href')).offset().top)
  	}, 600, 'easeInOutSine');
  });
 
});

$(document).scroll(function() { 
    //if ($(this).scrollTop() >= 0 && $(this).scrollTop() < topOffset) {
      //$(this).scrollTop(topOffset);
     // $(".navbar .submenu a.news-link").click();
   // }
    changeMenuBg();
});  

function changeMenuBg() {   
  if ($(this).scrollTop() < 10) {
    $(".navbar-default").removeClass("custom-navbar");                
    //$('.header').css('height', '404px');  
  } else {
      $(".navbar-default").addClass("custom-navbar");                     
      //$('.header').css('height', '50px');   
  }
}
</script>
	</div>

	<div class="footer">
		<div class="container">
			<div class="row">
				<div class="col-md-6 menu">
					<div class="menu logog_footer_menu"><a></a> <a href="/" class="menu_item menu_item_14716">Home</a> |  <a href="/news" class="menu_item menu_item_14740">News</a> |  <a href="/about" class="menu_item menu_item_14719">About</a> |  <a href="/contact-us" class="menu_item menu_item_14722">Contact Us</a> | <a href="/privacy-policy" class="menu_item menu_item_14743">Privacy Policy</a> 	</ul>
</div>
					<ul class="extra-menu">
		                <li><a href="/web-design-and-web-development">Web Design & Development</a></li>
		                <li><a href="/print-and-graphic-design">Print & Graphic Design</a></li>
		                <li><a href="/transmedia">Transmedia</a></li>
		                <li><a href="/campaigns">Campaigns</a></li>
		                <li><a href="/social-media">Social Media</a></li>
					</ul>
				</div>
				<div class="col-md-6 desc">
					Logograph provides marketing solutions for clients across North America. Our web design and web development expertise is complemented by our cloud software and services platform allowing you to develop web management, email campaigns and e-marketing, and social media intiatives. LoGograph is a transmedia advertising agency: graphic design and interactive campaigns for print, web, multimedia and social media marketing.
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
                    <div class="copyright">
    					Development &copy;Logograph for licensed use only.&nbsp;<a style=""href="http://www.logograph.com" target="_blank">www.logograph.com</a><br/>
    					All rights reserved. Website contents &copy; Logograph.
                    </div>
				</div>
			</div>

		</div>
	</div>

	<script type="text/javascript" src="http://cdn.logograph.com/lib/libraries.js"></script>
	<script type="text/javascript">
   	 	videojs.options.flash.swf = "http://cdn.logograph.com/lib/video-js/video-js.swf";
	</script>
	
</body>
</html>