
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="https://www.mouthmedia.com/wp-content/themes/mouthmedia/images/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="https://www.mouthmedia.com/wp-content/themes/mouthmedia/images/apple-touch-icon-precomposed.png" />


<title>Portfolio | Mouth Media Inc.</title>

<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

<!-- Google Tag Manager for WordPress by gtm4wp.com -->
<script data-cfasync="false" data-pagespeed-no-defer>
	var gtm4wp_datalayer_name = "dataLayer";
	var dataLayer = dataLayer || [];
</script>
<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
	<!-- This site is optimized with the Yoast SEO plugin v27.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<link rel="canonical" href="https://www.mouthmedia.com/portfolio/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Portfolio - Mouth Media Inc." />
	<meta property="og:url" content="https://www.mouthmedia.com/portfolio/" />
	<meta property="og:site_name" content="Mouth Media Inc." />
	<meta property="article:modified_time" content="2026-03-11T13:56:49+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Est. reading time" />
	<meta name="twitter:data1" content="1 minute" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mouthmedia.com\/portfolio\/","url":"https:\/\/www.mouthmedia.com\/portfolio\/","name":"Portfolio - Mouth Media Inc.","isPartOf":{"@id":"https:\/\/www.mouthmedia.com\/#website"},"datePublished":"2023-01-10T16:17:32+00:00","dateModified":"2026-03-11T13:56:49+00:00","breadcrumb":{"@id":"https:\/\/www.mouthmedia.com\/portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mouthmedia.com\/portfolio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mouthmedia.com\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mouthmedia.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/www.mouthmedia.com\/#website","url":"https:\/\/www.mouthmedia.com\/","name":"Mouth Media Inc.","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mouthmedia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.mouthmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mouthmedia.com%2Fportfolio%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.mouthmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mouthmedia.com%2Fportfolio%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.mouthmedia.com/wp-includes/css/dist/block-library/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-library-inline-css' type='text/css'>
/*wp_block_styles_on_demand_placeholder:69f6a2551d5a6*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://www.mouthmedia.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' type='text/css' media='all' />
<link rel='stylesheet' id='theme-style-css' href='https://www.mouthmedia.com/wp-content/themes/mouthmedia/style.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='main-styles-css' href='https://www.mouthmedia.com/wp-content/themes/mouthmedia/css/main.min.css?ver=6.9.4' type='text/css' media='all' />
<script type="text/javascript" id="wpml-cookie-js-extra">
/* <![CDATA[ */
var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
//# sourceURL=wpml-cookie-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.mouthmedia.com/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=492100" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<link rel="https://api.w.org/" href="https://www.mouthmedia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.mouthmedia.com/wp-json/wp/v2/pages/152" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.mouthmedia.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<link rel='shortlink' href='https://www.mouthmedia.com/?p=152' />
<meta name="generator" content="WPML ver:4.9.2.1 stt:1,27;" />

<!-- Google Tag Manager for WordPress by gtm4wp.com -->
<!-- GTM Container placement set to automatic -->
<script data-cfasync="false" data-pagespeed-no-defer type="text/javascript">
	var dataLayer_content = {"pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"mouthadmin"};
	dataLayer.push( dataLayer_content );
</script>
<script data-cfasync="false" data-pagespeed-no-defer type="text/javascript">
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ND9HSQNV');
</script>
<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
<!-- Facebook Pixel Code -->
<script>
		!function(f,b,e,v,n,t,s)
		{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
		n.callMethod.apply(n,arguments):n.queue.push(arguments)};
		if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
		n.queue=[];t=b.createElement(e);t.async=!0;
		t.src=v;s=b.getElementsByTagName(e)[0];
		s.parentNode.insertBefore(t,s)}(window,document,'script',
		'https://connect.facebook.net/en_US/fbevents.js');
		fbq('init', '946569538836587');
		fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
		src="https://www.facebook.com/tr?id=946569538836587&ev=PageView
		&noscript=1" alt="facebook pixel"/>
</noscript>
<!-- End Facebook Pixel Code -->

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZL594BP3F5"></script>
<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'G-ZL594BP3F5');
</script>
</head>

<body>



    <!-- HEADER -->

    <!-- SKIP -->
<a role="banner" href="#content" class="skip-to-content button" aria-label="Skip to Content">Skip to Content</a>


<header>
    <div class="headwrap">
        <a href="https://www.mouthmedia.com" class="logo" aria-label="visit home page"><img src="https://www.mouthmedia.com/wp-content/themes/mouthmedia/images/logo.svg" alt="Mouth Media logo"></a>
        <div class="actions">
            <p class="contact">
                
                    <a href="tel:+416.531.5443 " aria-label="call mouth media at 416.531.5443 ">416.531.5443 </a>
                
                 <span>/</span> 
                
                    <a href="mailto:info@mouthmedia.com" aria-label="email mouth media at info@mouthmedia.com">info@mouthmedia.com</a>
                
            </p>
            
                <a class="button light" href="https://www.mouthmedia.com/contact#contact" target="_self" aria-label="Get a Quote from Mouth Media">Get a Quote</a>
            
            <button class="nav-trigger">
                <svg viewBox="0 0 100 100">
                    <rect y="47.5" x="20" width="60" height="5"></rect>
                    <rect y="47.5" x="20" width="60" height="5"></rect>
                    <rect y="47.5" x="20" width="60" height="5"></rect>
                    <rect y="47.5" x="20" width="60" height="5"></rect>
                </svg>
            </button>
        </div>
    </div>
    <!-- Open Menu -->
    <nav class="main">
        <ul id="aoda_nav">
            <li class="contact">
                416.531.5443  <span>/</span> info@mouthmedia.com
            </li>
            <li id="menu-item-1369" class="menu-item-has-children"><a>Portfolio</a>
<button class='drop'><i class='fal fa-plus-circle' aria-label='open submenu'></i></button><ul>
	<li id="menu-item-413"><a href="https://www.mouthmedia.com/service/custom-website-design/">Website Projects</a></li>
	<li id="menu-item-1295"><a href="/design#print">Print Projects</a></li>
</ul>
</li>
<li id="menu-item-1370" class="menu-item-has-children"><a>Design</a>
<button class='drop'><i class='fal fa-plus-circle' aria-label='open submenu'></i></button><ul>
	<li id="menu-item-335"><a href="/design#website">Custom Website Design</a></li>
	<li id="menu-item-2392"><a href="/design#onepage">One Page Website Design</a></li>
	<li id="menu-item-336"><a href="/design#print">Print Design</a></li>
	<li id="menu-item-337"><a href="/design#cards">Business Card Design</a></li>
</ul>
</li>
<li id="menu-item-1371" class="menu-item-has-children"><a>Development</a>
<button class='drop'><i class='fal fa-plus-circle' aria-label='open submenu'></i></button><ul>
	<li id="menu-item-327"><a href="/development#wordpress">Custom WordPress Development</a></li>
	<li id="menu-item-329"><a href="/development#accessible">Accessible Website Development</a></li>
	<li id="menu-item-331"><a href="/development#cms">Custom CMS &#038; Programming Solutions</a></li>
	<li id="menu-item-332"><a href="/development#tnew">TNEW / Tessitura Integration</a></li>
	<li id="menu-item-2318"><a href="/development#spektrix">Spektrix Integration</a></li>
	<li id="menu-item-330"><a href="/development#ecommerce">Ecommerce</a></li>
	<li id="menu-item-334"><a href="/development#whitelabel">White-Label Website Development</a></li>
</ul>
</li>
<li id="menu-item-1372" class="menu-item-has-children"><a>About</a>
<button class='drop'><i class='fal fa-plus-circle' aria-label='open submenu'></i></button><ul>
	<li id="menu-item-322"><a href="https://www.mouthmedia.com/about/">About Mouth Media</a></li>
	<li id="menu-item-323"><a href="https://www.mouthmedia.com/clients/">Our Clients</a></li>
	<li id="menu-item-112"><a href="https://www.mouthmedia.com/contact/">Contact</a></li>
</ul>
</li>

            
                <li class="quote">
                    <a class="button light" href="https://www.mouthmedia.com/contact#contact" target="_self" aria-label="Get a Quote from Mouth Media">Get a Quote</a>
                </li>
            
        </ul>
    </nav>
</header>


    <!-- HERO -->

	
<section class="hero  ">

	
	<div class="blurb" data-aos="slide-right" data-aos-delay="300">

		
			<p class="pre">All Works</p>

		
		<h1>Portfolio</h1>



		

							
		
	</div>

	<a class="scroll" href="#content" aria-label="Scroll to content">Scroll</a>

</section>


    <!-- MAIN -->

    <main id="content" class="internal">

        
            
        


        


		<!-- Portfolio Archive -->

        <section class="portfolio alt" data-aos="slide-up">

            <error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;There has been a critical error on this website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Learn more about troubleshooting WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
