PK
<!doctype html>
<html lang="en-CA"><!-- InstanceBegin template="/Templates/navEN.dwt.php" codeOutsideHTMLIsLocked="true" -->
<!-- Mirrored from www.grafikadesigns.com/awards by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 07:40:24 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Grafika Designs">
<meta property="og:url" content="awards.html"/>
<meta property="og:image" content="images/social_share_logo.png"/>
<meta name="format-detection" content="telephone=no">
<link href="stylesheet.css" rel="stylesheet">
<!-- InstanceBeginEditable name="doctitle" -->
<meta property="og:title" content="Awards | Website Design Recognitions | Grafika Designs"/>
<meta property="og:description" content="Awards received by Grafika Designs, a Montreal Web Design, Web Development and E-commerce Solutions agency."/>
<title>Awards | Website Design Recognitions | Grafika Designs</title>
<meta name="Description" content="Awards received by Grafika Designs, a Montreal Web Design, Web Development and E-commerce Solutions agency.">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style>.container-photo-header{background-image:url(images/xheader_awards.jpg%2cqv%3d04012023.pagespeed.ic.lWoxO331gO.jpg);filter:brightness(30%) grayscale(1)}.year-details{display:none}.awardsBox .subheader2{font-size:30px}@media only screen and (max-width:992px){.awardsBox .subheader2{font-size:23px}.awardsBox li{width:calc(9% - 20px);margin-right:12px}}@media only screen and (max-width:600px){.container-photo-header{background-image:url(images/xheader_awards_m.jpg%2cqv%3d04012023.pagespeed.ic.MvblvevKLq.jpg)}}</style>
<!-- InstanceEndEditable -->
</head>
<body>
<div id="windowPopup" class="popupOutter" onClick="jQuery('#windowPopup').fadeOut('fast',function() { jQuery('.windowContent').html(''); });">
<div style="margin: 0px auto; height: 100%; display: table;">
<div style="display: table-cell; vertical-align: middle;">
<div class="popupBox">
<a onClick="jQuery('#windowPopup').fadeOut('fast',function() { jQuery('.windowContent').html(''); });"><div class="close"><i class="fa-light fa-times fa-lg"></i></div></a>
<div class="windowContent"></div>
</div>
</div>
</div>
</div>
<div id="windowPopupRefresh" class="popupOutter">
<div style="margin: 0px auto; height: 100%; display: table;">
<div style="display: table-cell; vertical-align: middle;">
<div class="popupBox">
<a onClick="jQuery('#windowPopupRefresh').fadeOut('fast',function() { jQuery('.windowContent').html(''); location.reload(); });"><div class="close"><i class="fa-light fa-times fa-lg"></i></div></a>
<div class="windowContent"></div>
</div>
</div>
</div>
</div><div id="header" class="stickToTop transparent">
<div id="headerInner" class="large fadein fadein-inplace">
<div id="logo"><a href="index.html"><img id="logo-transparent" src="images/xlogo_transparent.png.pagespeed.ic.kxhumPGoQu.png" alt="Grafika Designs logo" width="120" height="120"><img id="logo-blue" src="images/logo.png" alt="Grafika Designs logo" width="120" height="120"></a></div>
<div id="mobileMenuIcon" onClick="jQuery('#mobileMenu').slideToggle('','swing'); swapMobileMenuIcon();">
<div id="menu-bars">
<span class="mobileMenuLine"></span>
<span class="mobileMenuLine" style="margin-bottom: 0px;"></span>
</div>
<div id="menu-x" style="width: 20.5px; display: none;">
<span class="mobileMenuLine" style="transform: rotate(45deg) translateY(5.5px); transform-origin: 50% 0%;"></span>
<span class="mobileMenuLine" style="transform: rotate(-45deg) translateY(-6.5px); transform-origin: 50% 0%;"></span>
</div>
</div>
<div id="menu-floating">
<ul class="menus" id="mainmenu-floating">
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="what-we-do.html">What We Do</a></li>
<li><a href="clients.html">Clients</a></li>
<li><a href="awards.html" class="menuOn">Awards</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="fr/awards.html">Fr</a></li>
</ul>
</div>
</div>
<div id="mobileMenu">
<ul class="menus mobileMenuList text-right">
<li class="fadein-element fadein-element-right"><a href="work.html">Work</a></li>
<li class="fadein-element fadein-element-right"><a href="about.html">About</a></li>
<li class="fadein-element fadein-element-right"><a href="what-we-do.html">What We Do</a></li>
<li class="fadein-element fadein-element-right"><a href="clients.html">Clients</a></li>
<li class="fadein-element fadein-element-right"><a href="awards.html" class="menuOn">Awards</a></li>
<li class="fadein-element fadein-element-right"><a href="contact.html">Contact</a></li>
<li class="fadein-element fadein-element-right"><a href="fr/awards.html" style="font-size: 1.2em;">Fr</a></li>
</ul>
</div>
</div>
<div id="content"><!-- InstanceBeginEditable name="content" -->
<section class="container-big background-black" style="overflow: hidden;">
<div class="container-photo container-photo-header grow">
<div class="headerBar-overlay"></div>
</div>
<div class="headerBox large">
<div class="vertical-center text-center-mobile-small slide-updown-small">
<h1 id="header-words" class="header blue"><span class="fadein-element fadein-element-left">Our work is</span> <br class="mobileElement"><span class="white fadein-element fadein-element-left">recognized</span> <br class="tabletElement mobileElement"><span class="fadein-element fadein-element-left">and <span class="white">awarded</span><span class="dot">.</span></span></h1>
</div>
</div>
</section>
<section class="background-white slide-updown">
<div class="container large">
<div class="text-center margin-bottom-xlarge fadein slide-updown-small"><a href="https://www.horizoninteractiveawards.com/2021/distinguished-agencies" target="_blank">
<img src="images/xhorizon_interactive_awards_da-2022.png.pagespeed.ic.hYLTGvGFit.png" width="364" height="302" style="width: 182px; height: auto;" alt="2022 Horizon Interactive Awards Distinguished Agency" class="img-responsive"/>
</a></div>
<div class="slide-updown-small">
<h2 class="subheader2 content-short text-center fadein" style="max-width: 830px;">We are honoured that our work is <br class="tabletElement">recognized and awarded by the industry<span class="dot">.</span></h2>
<p class="content-short text-center large-font margin-bottom-small-mobile grey fadein"><strong>This section outlines the awards we received over the years.</strong></p>
</div>
<div class="row fadein">
<ul id="logos" class="features-list features-6 features-list-image-only logos">
<li class="fadein-element fadein-element-center">
<img id="award_horizon_awards" src="images/xaward_horizon_awards.png%2cqv%3d04012023.pagespeed.ic.aX1A6ASQQn.png" width="194" height="194" alt="Horizon Interactive Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_communicator_awards" src="images/xaward_communicator_awards.png%2cqv%3d04012023.pagespeed.ic.dnFX861Zvt.png" width="194" height="194" alt="The Communicator Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_davey_awards" src="images/xaward_davey_awards.png%2cqv%3d04012023.pagespeed.ic.Y4QKL8UPoR.png" width="194" height="194" alt="Davey Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_awwwards_2022" src="images/xaward_awwwards_2022.png%2cqv%3d04012023.pagespeed.ic.GCSZaVNTsk.png" width="194" height="194" alt="Awwwards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_cssda_2022" src="images/xaward_cssda_2022.png%2cqv%3d04012023.pagespeed.ic.uL1veQC54c.png" width="194" height="194" alt="CSS Design Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_w3_awards" src="images/xaward_w3_awards.png%2cqv%3d04012023.pagespeed.ic.aNRLYvaqLa.png" width="194" height="194" alt="W3 Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_vega_awards" src="images/xaward_vega_awards.png%2cqv%3d04012023.pagespeed.ic.1T5ecCbm-E.png" width="194" height="194" alt="Vega Digital Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_css_awards" src="images/award_css_awards7eee.png?v=04012023" width="194" height="194" alt="CSS Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_css_winner" src="images/award_css_winner7eee.png?v=04012023" width="194" height="194" alt="CSS Winner" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_corp-vis" src="images/award_corp-vis7eee.png?v=04012023" width="194" height="194" alt="Corporate Vision Small Business Awards" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_bestcss" src="images/xaward_bestcss.png%2cqv%3d04012023.pagespeed.ic.i57kVe1bbM.png" width="194" height="194" alt="Best CSS" class="img-responsive">
</li>
<li class="fadein-element fadein-element-center">
<img id="award_appliedarts_2016" src="images/xaward_appliedarts_2016.png%2cqv%3d04012023.pagespeed.ic.RK6GHyTRwh.png" width="194" height="194" alt="Applied Arts Interactive Awards" class="img-responsive">
</li>
</ul>
</div>
</div>
</section>
<section class="background-darkgrey" style="position: relative;">
<div id="years-bar" class="background-darkgrey desktopElement tabletElement">
<div class="container large padding-small no-padding-bottom">
<div class="margin-top-large small">
<ul class="awardsBox">
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2023').show(); jQuery('#year2023').slideDown('fast', scrollPage('yearsContainer','200'));">2023</a></h2>
<div id="yearLine2023" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2022').show(); jQuery('#year2022').slideDown('fast', scrollPage('yearsContainer','200'));">2022</a></h2>
<div id="yearLine2022" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2021').show(); jQuery('#year2021').slideDown('fast', scrollPage('yearsContainer','200'));">2021</a></h2>
<div id="yearLine2021" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2020').show(); jQuery('#year2020').slideDown('fast', scrollPage('yearsContainer','200'));">2020</a></h2>
<div id="yearLine2020" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2019').show(); jQuery('#year2019').slideDown('fast', scrollPage('yearsContainer','200'));">2019</a></h2>
<div id="yearLine2019" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2018').show(); jQuery('#year2018').slideDown('fast', scrollPage('yearsContainer','200'));">2018</a></h2>
<div id="yearLine2018" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2017').show(); jQuery('#year2017').slideDown('fast', scrollPage('yearsContainer','200'));">2017</a></h2>
<div id="yearLine2017" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2016').show(); jQuery('#year2016').slideDown('fast', scrollPage('yearsContainer','200'));">2016</a></h2>
<div id="yearLine2016" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2015').show(); jQuery('#year2015').slideDown('fast', scrollPage('yearsContainer','200'));">2015</a></h2>
<div id="yearLine2015" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2014').show(); jQuery('#year2014').slideDown('fast', scrollPage('yearsContainer','200'));">2014</a></h2>
<div id="yearLine2014" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2013').show(); jQuery('#year2013').slideDown('fast', scrollPage('yearsContainer','200'));">2013</a></h2>
<div id="yearLine2013" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2012').show(); jQuery('#year2012').slideDown('fast', scrollPage('yearsContainer','200'));">2012</a></h2>
<div id="yearLine2012" class="yearLine" style="display: none;"></div>
</li>
</ul>
<hr style="margin: 0px 0px 19px; background-color: #666;">
<ul class="awardsBox">
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2011').show(); jQuery('#year2011').slideDown('fast', scrollPage('yearsContainer','200'));">2011</a></h2>
<div id="yearLine2011" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2010').show(); jQuery('#year2010').slideDown('fast', scrollPage('yearsContainer','200'));">2010</a></h2>
<div id="yearLine2010" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2009').show(); jQuery('#year2009').slideDown('fast', scrollPage('yearsContainer','200'));">2009</a></h2>
<div id="yearLine2009" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2008').show(); jQuery('#year2008').slideDown('fast', scrollPage('yearsContainer','200'));">2008</a></h2>
<div id="yearLine2008" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2007').show(); jQuery('#year2007').slideDown('fast', scrollPage('yearsContainer','200'));">2007</a></h2>
<div id="yearLine2007" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2006').show(); jQuery('#year2006').slideDown('fast', scrollPage('yearsContainer','200'));">2006</a></h2>
<div id="yearLine2006" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2003').show(); jQuery('#year2003').slideDown('fast', scrollPage('yearsContainer','200'));">2003</a></h2>
<div id="yearLine2003" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2002').show(); jQuery('#year2002').slideDown('fast', scrollPage('yearsContainer','200'));">2002</a></h2>
<div id="yearLine2002" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2001').show(); jQuery('#year2001').slideDown('fast', scrollPage('yearsContainer','200'));">2001</a></h2>
<div id="yearLine2001" class="yearLine" style="display: none;"></div>
</li>
<li>
<h2 class="subheader2 no-margin-top margin-bottom-half"><a onClick="clearAwardsBoxes(); jQuery('#yearLine2000').show(); jQuery('#year2000').slideDown('fast', scrollPage('yearsContainer','200'));">2000</a></h2>
<div id="yearLine2000" class="yearLine" style="display: none;"></div>
</li>
</ul>
<hr style="margin: 0px 0px 19px; background-color: #666;">
<!--
<ul class="awardsBox">
</ul>
-->
</div>
</div>
</div>
<div id="filters-bar" class="text-center mobileElement" style="width: 100%; margin: 0px;">
<span class="large-font"><strong>Year </strong></span>
<div class="fieldContainer field-dropdown" style="width: auto; margin: 0px;">
<select name="year_select" id="year_select" onChange="clearAwardsBoxes(); jQuery('#year'+this.value).slideDown('fast', scrollPage('yearsContainer','120'));" style="background-color: #1C1C1C; padding-left: 0.5em; padding-top: 0.5em; color: #fff; border-color: #fff;">
<option value="2023">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
</select>
</div>
</div>
<div id="yearsContainer" class="background-darkgrey">
<div class="container large padding-small">
<div id="year2023" class="yearBox">
<h2 class="subheader">2023</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Mar 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Nominee Mar 23)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Mar 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Nominee Mar 16)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Mar 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Mar 21)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Mar 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Mar 21)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Mar 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Mar 21)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best Innovation</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Mar 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Mar 21)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Mar 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Nominee Mar 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Winner Mar 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Mar 20)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Mar 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2023 (Winner Mar 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2022" class="yearBox">
<h2 class="subheader">2022</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">21st Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 7 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">21st Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Global Choice Canada (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre | Child & Family Services (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MRTag (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Heritage Wills & Trusts (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">28th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Nominee Oct 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nominee Dec 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Nominee May 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Nominee Sept 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nominee Nov 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Nominee Dec 3)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (May 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Sept 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nov 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Dec 7)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (May 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Dec 7)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (May 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Sept 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Dec 7)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best Innovation</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (May 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Dec 7)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Côba Sushi (Nominee Jan 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Nominee Sept 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Heritage Wills & Trusts (Nominee Oct 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MRTag (Nominee Dec 6)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Nominee May 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Heritage Wills & Trusts (Nominee Aug 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MRTag (Nominee Sept 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nominee Nov 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Nominee Dec 3)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Nominee May 21)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Heritage Wills & Trusts (Nominee Aug 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Global Choice Canada (Nominee Dec 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MRTag (Nominee Dec 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Nominee Dec 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nominee Dec 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Nominee Dec 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SP Créations (Winner May 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Heritage Wills & Trusts (Nominee Aug 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MRTag (Nominee Sept 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>ChitogenX Inc. (Nominee Sept 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Global Choice Canada (Nominee Nov 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City View Centre (Nominee Nov 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Morin Conseils Numériques (Nominee Nov 30)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2021" class="yearBox">
<h2 class="subheader">2021</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">20th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 7 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">20th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CoachEasy (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Kiku (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Trans Continental Equipment (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">2021 Vega Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Silver-Centauri)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Silver-Centauri)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Silver-Centauri)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Silver-Centauri)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SportBuff (Bronze-Arcturus)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">27th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (Nominee June 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Nominee Jan 23)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Nominee May 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (Nominee June 9)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Nominee Aug 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Nominee Oct 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Jan 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (May 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (June 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Aug 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (June 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Aug 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (May 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (June 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Aug 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Nominee Jan 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SportBuff (Nominee Jan 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Jan 24)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Nominee Jan 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Nominee Mar 23)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Nominee May 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (Nominee Aug 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Kiku (Nominee Aug 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CoachEasy (Nominee Aug 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Nominee Sept 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Trans Continental Equipment (Nominee Sept 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Nominee Oct 4)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Nominee Jan 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Nominee Mar 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Nominee May 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (Nominee June 9)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CoachEasy (Nominee July 8)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Nominee July 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Côba Sushi (Nominee Nov 17)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Nominee Jan 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Nominee Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CTI Life Sciences Fund (Nominee Apr 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Nominee May 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Kiku (Nominee June 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CoachEasy (Nominee July 14)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Nominee July 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Nominee Oct 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Côba Sushi (Nominee Dec 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Nominee Jan 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Devletian & Associates (Nominee Mar 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CTI Life Sciences Fund (Nominee Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Deux Caribous (Nominee May 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>La Galerie Culinaire (Nominee June 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Kiku (Nominee June 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CoachEasy (Nominee July 8)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Amenagement Soleil (Nominee July 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Trans Continental Equipment (Nominee Aug 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Nominee Oct 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Côba Sushi (Nominee Nov 16)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2020" class="yearBox">
<h2 class="subheader">2020</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">19th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 8 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">19th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VPI Pharmaceuticals (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>SportBuff Shop (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Soi-Bio (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">26th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loandsteady (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">15th Annual W3 Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loandsteady (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Nominee Mar 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Nominee Dec 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Dec 30)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Nominee Feb 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Nominee Feb 27)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Nominee June 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VPI Pharmaceuticals (Nominee Aug 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Dec 10)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Mar 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (June 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Feb 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Mar 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (June 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Mar 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (June 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best Innovation</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Mar 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (June 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Nominee Feb 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Nominee Feb 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Nominee June 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Nominee Feb 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Nominee Feb 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Nominee May 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Find Therapeutics (Nominee Aug 31)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VPI Pharmaceuticals (Nominee Sept 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Nominee Nov 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Dec 11)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Winner Feb 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Nominee May 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Find Therapeutics (Nominee Aug 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VPI Pharmaceuticals (Nominee Sept 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Nominee Nov 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Dec 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Master Protective Coatings (Nominee Feb 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2020 (Winner Feb 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Smart Home Improvement (Winner June 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Find Therapeutics (Nominee Aug 25)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VPI Pharmaceuticals (Nominee Aug 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Winner Nov 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>VadiMAP (Nominee Dec 11)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2019" class="yearBox">
<h2 class="subheader">2019</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">18th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 6 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">18th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loandsteady (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">25th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The Nugget Group (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">15th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loandsteady (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Nominee Apr 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (Nominee July 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Nominee Aug 14)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Nominee Sept 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nominee Nov 8)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Nominee Mar 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (Nominee July 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Nominee Aug 8)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Nominee Sept 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Nominee Sept 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nominee Oct 28)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (July 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Aug 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Sept 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Sept 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (July 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Aug 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Sept 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Sept 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (July 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Aug 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Sept 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Sept 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best Innovation</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (July 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Aug 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Sept 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Sept 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Nominee Sept 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Nominee Sept 21)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Nominee Sept 24)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Nominee Sept 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (Nominee Oct 1)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Nominee Mar 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (Nominee July 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Nominee Aug 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Nominee Sept 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Nominee Sept 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Nominee Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Winner Aug 10)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Oriental Pastry (Nominee Mar 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Loansteady (Winner July 21)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts (Winner Aug 9)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ovive Secure (Nominee Aug 31)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Platinum Yachts (Nominee Sept 1)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Laurier (Winner Nov 6)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2018" class="yearBox">
<h2 class="subheader">2018</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">17th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 6 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">17th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Epigene Therapeutics (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The Nugget Group (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">24th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">13th Annual W3 Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Best in Show)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">14th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Nominee Jan 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Nominee Apr 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee June 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nominee Nov 30)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Nominee Jan 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Nominee Mar 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee May 23)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Nominee June 24)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nominee Nov 19)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Jan 15)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nov 29)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UX Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Jan 15)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nov 29)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best UI Design</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nov 29)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Best Innovation</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Nov 29)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Nominee Jan 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Nominee Jan 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Nominee Mar 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The Nugget Group (Nominee May 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Nominee Sept 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Epigene Therapeutics (Nominee Nov 7)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Star</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Jan 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Dec 4)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>MedXL (Nominee Mar 25)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee June 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Epigene Therapeutics (Nominee Aug 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Nominee Aug 14)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Winner Nov 28)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Nominee Jan 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The Nugget Group (Nominee Apr 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee May 24)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardenzzz (Winner July 22)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Epigene Therapeutics (Nominee Aug 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence Agora (Winner Nov 21)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2017" class="yearBox">
<h2 class="subheader">2017</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">16th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 4 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">16th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hopehanger (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">23rd Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Futures (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">13th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Nominee July 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Nominee Nov 3)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>AFS Canada Donations (Nominee June 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Nominee Oct 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Nominee Oct 24)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Jan 8)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>AFS Canada Donations (Nominee July 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Nominee July 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Nominee Oct 30)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>AFS Canada Donations (Nominee July 6)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Nominee Oct 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Nominee Oct 25)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Nominee Dec 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>AFS Canada Donations (Nominee June 29)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Nominee Dec 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Manyan Inc. (Nominee Oct 12)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Gardus Dental Clinic (Nominee Oct 26)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Agence d'Hébergement Doré (Nominee Dec 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2016" class="yearBox">
<h2 class="subheader">2016</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">15th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 6 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">15th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Help Matheo Grow - Fundraiser (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Porcupine Lawn Care (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Florida Jet Charter (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Corporate Vision Small Business Awards 2016 Winner</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Best Web Design & Development Company - East Canada & Award for Excellence in Bespoke Web Designs - Canada</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">22nd Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">11th Annual W3 Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Applied Arts 2016 Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Help Matheo Grow - Fundraiser</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (Nominee May 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Nominee July 23)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Dec 22)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Special Kudos Award</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (May 12)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>London & London (Nominee Mar 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (Nominee May 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Florida Jet Charter (Nominee June 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Porcupine Lawn Care (Nominee July 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Nominee July 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Nominee July 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Fabreville (Nominee Nov 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Dec 14)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Star</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (May 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>London & London (Nominee Mar 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Florida Jet Charter (Nominee June 3)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Porcupine Lawn Care (Nominee July 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Nominee July 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Nominee Aug 8)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee Sept 1)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Fabreville (Nominee Nov 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>London & London (Nominee Mar 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Nominee Aug 27)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Fabreville (Nominee Nov 4)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>London & London (Winner Mar 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (Winner May 9)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Florida Jet Charter (Winner June 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Winner July 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Winner Aug 2)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Winner Dec 26)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Nectar<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Dec 27)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Mar)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Matheo's Stem Cell Treatment Fundraiser (Apr)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Porcupine Lawn Care (July)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (July)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Nominees<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ortho Regenerative Technologies (Nominee Aug 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Myria Webber (Winner Aug 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee Aug 31)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Fabreville (Nominee Nov 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Coba Sushi (Nominee Dec 15)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2015" class="yearBox">
<h2 class="subheader">2015</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">14th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 5 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">14th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Valeo Pharma (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Sport Collection (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Cookware (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">21st Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Gold-Excellence)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">10th Annual W3 Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">11th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Nominee Mar 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Nominee Mar 10)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Nominee Oct 23)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Telesta Therapeutics (Nominee Feb 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Nominee Feb 27)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Valeo Pharma (Nominee Apr 13)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Nominee May 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hotel Champ de Mars (Nominee June 15)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Nominee Oct 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Cookware (Nominee Oct 20)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Sport Collection (Nominee Nov 18)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Winner<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Nominee Oct 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Sport Collection (Nominee Nov 20)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Nominee May 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Nominee May 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Nominee Oct 28)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Cookware (Nominee Nov 2)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Winner Mar 4)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Winner June 7)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>CleverAnt (Winner Oct 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Cookware (Winner Oct 23)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Nectar<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Nominee Feb 28)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">German Web Award<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Nominee Apr 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Nominee Apr 30)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Nominee May 5)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Centre Dentaire Masson (Winner June 3)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>DeliSnack Vending (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Mikado Montreal (Feb)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Valeo Pharma (Apr)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2014" class="yearBox">
<h2 class="subheader">2014</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">13th Annual Horizon Interactive Awards Distinguished Agency</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - 5 Winning Projects</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">13th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hotel Champ de Mars (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">20th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Polytek Group (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">10th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Nominee Apr 11)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Nominee Aug 8)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">BEST CSS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Winner Aug 25)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Winner Dec 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Winner Dec 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Winner Dec 26)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">French Design Index<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Nominee Dec 5)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">CSS Design Awards<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Nominee Aug 15)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (Nominee Aug 16)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Diverse Electronics (Nominee Aug 17)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Polyek Group (Nominee Aug 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Nominee Aug 18)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Nominee Aug 19)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs 2014 (Apr)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Polytek Group (May)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Black Canadian Studies (May)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Mag (July)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Hotel Champ de Mars (Aug)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ultimate Fishing Charters (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>555 Chabanel (Dec)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2013" class="yearBox">
<h2 class="subheader">2013</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">12th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Black Canadian Studies (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys Revamped (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Polytek Group (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">19th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied ArtWorks (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">AWWWARDS<br><span class="small grey" style="white-space: nowrap;">Site of the Day</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Nominee Mar 19)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Polytek Group (Nominee Dec 26)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Backbone200 | March/April Issue<BR>The best of everything in Canadian tech</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs is featured in "Best 4 - Web Developers" section</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Best Web Design Agencies<br><span class="small grey" style="white-space: nowrap;">Jan</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - Top 10 Best Web Design Company Canada</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs - Top 10 Best Web Development Company Canada</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Jan)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2012" class="yearBox">
<h2 class="subheader">2012</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">11th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied ArtWorks (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys Team (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Best Web Design Agencies Canada 2012</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs recognized among top Canadian Web Design Agencies</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Help Matheo Grow (June)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Creative Coffee (Oct)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Royal Paintball Network (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys Team (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Ben by Jeremy Wallace (Dec)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2011" class="yearBox">
<h2 class="subheader">2011</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">10th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine (Gold)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>City Styles (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">17th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Exceptional Family (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Exceptional Family (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Lazarus Charbonneau (Jan)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2010" class="yearBox">
<h2 class="subheader">2010</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">9th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Exceptional Family (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Lazarus Charbonneau (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">16th Annual Communicator Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The GYM 111 (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Lazarus Charbonneau (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine (Silver-Distinction)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Silver-Distinction)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine (Feb)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2009" class="yearBox">
<h2 class="subheader">2009</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">8th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Samuelsohn (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Abe Gold Learning Centre (Bronze)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The GYM 111 (Bronze)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">American Design Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Chenette Litigation Boutique (Dec)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>The GYM 111 (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Bogdan Truta Portfolio (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Azuris Technologies (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Aegera Therapeutics (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Abe Gold Learning Centre (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Lazarus Charbonneau (Dec)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Chenette Litigation Boutique (Dec)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2008" class="yearBox">
<h2 class="subheader">2008</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">7th Annual Horizon Interactive Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine (Silver)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Tiger Energy Corp. (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">5th Annual Davey Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">W3 Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Silver)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Revista Merca 2.0<br><span class="small grey" style="white-space: nowrap;">Site of the Day - July 28</span></h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Samuelsohn (Jan)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Creative Shake 5th Annual Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Merit Award)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">American Design Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Jan)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Featured Site at FlashKit</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Tiger Energy (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Eagle Star Petroleum (Jan)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Lunatiq (Apr)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafikom (May)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2007" class="yearBox">
<h2 class="subheader">2007</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Applied Arts Interactive Media Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">American Design Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Tiger Energy (Aug)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2006" class="yearBox">
<h2 class="subheader">2006</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">DesignFirms Web Design Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine (Aug)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Eagle Star Petroleum (Aug)</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafikom (Aug)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2003" class="yearBox">
<h2 class="subheader">2003</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Golden Web Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Montreal Stencil</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Tel-A-Tech Communications</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Applied Arts Magazine</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>IceJerseys</li>
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2002" class="yearBox">
<h2 class="subheader">2002</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Graphic Exchange Digital Art Awards</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Gold)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2001" class="yearBox">
<h2 class="subheader">2001</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Applied Arts New Media Awards 2001/2002</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
<div id="year2000" class="yearBox">
<h2 class="subheader">2000</h2>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Design Forte Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Featured Site at FlashKit</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs (Oct)</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Webmaster Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
<div class="row fadein">
<div class="column50 mobile-40">
<h3 class="subheader2 no-margin">Surfers Choice Award</h3>
</div>
<div class="column50 mobile-60 padding-left-large margin-top-small-mobile-small">
<ul class="fa-ul">
<li><i class="fa-regular fa-li fa-angle-right orange"></i>Grafika Designs</li>
</ul>
</div>
<hr style="background-color: #333; float: left; margin-left: 15px; margin-right: 15px;">
</div>
</div>
</div>
</div>
</section>
<section class="background-darkgrey" style="border-bottom: 2px solid #333; position: relative;">
<div class="container padding-small fadein">
<h2 class="subheader text-center no-margin-bottom orange">Get started today!</h2>
<h2 class="content-short text-center large-font margin-top-small">Our experience makes us an excellent choice.</h2>
<div class="text-center margin-top-large"><a href="contact.html" class="button">Let's talk<i class="fa-light fa-long-arrow-right fa-lg"></i></a></div>
</div>
</section>
<!-- InstanceEndEditable -->
</div>
<a href="#top" id="top-link" title="top link"><div id="button-scroll-up">
<i class="fa-light fa-circle-arrow-up"></i>
</div></a>
<div id="mouse-circle"></div>
<div id="footer">
<div id="footerInner" class="large">
<div class="row swap-columns-mobile-small">
<div class="column50 text-center-mobile-small margin-top-small-mobile-small">
<div id="footerCopyright">© 1997-2023 Grafika Designs. All rights reserved.</div>
</div>
<div class="column50 text-right text-center-mobile-small">
<ul class="list-inline socialMedia">
<li><a href="https://www.linkedin.com/company/grafika-designs" target="_blank" title="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="https://www.facebook.com/GrafikaDesigns" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/GrafikaDesigns" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://twitter.com/GrafikaDesigns" target="_blank" title="Twitter"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Google Analytics Code -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SPHGNCLPG4"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-SPHGNCLPG4');</script>
<!-- End Google Analytics Code --><script src="jquery-3.6.1.min.js.pagespeed.jm.9QZjzretGh.js"></script>
<script src="functions.js%2cqv%3d%3d04012023%2bjquery.smooth-scroll-1.7.1.min.js.pagespeed.jc.rh7R-U4phT.js"></script><script>eval(mod_pagespeed_XpS_uRhzC_);</script>
<script>eval(mod_pagespeed_3yRYFh8Wgj);</script>
<!--<script src="/jquery.nicescroll.min.js"></script>-->
<script src="../kit.fontawesome.com/80f6b84efd.js" crossorigin="anonymous"></script>
<script>
getWindowSize();
window.addEventListener("resize", getWindowSize);
jQuery(document).ready(function() {
// Start custom scrollbar with nicescroll
/*
if (window.width > 1024) {
jQuery(function() {
jQuery("body").niceScroll({
cursorcolor:"#fd7000",
cursoropacitymin:1,
cursorwidth:"14px",
background:"rgba(0,0,0,1)",
cursorborder:"none",
cursorborderradius:0,
autohidemode:false
});
jQuery(".popupBox").niceScroll({
cursorcolor:"#fd7000",
cursoropacitymin:1,
cursorwidth:"10px",
background:"rgba(0,0,0,1)",
cursorborder:"none",
cursorborderradius:0,
autohidemode:false
});
});
}
*/
// End
jQuery('#top-link').smoothScroll();
jQuery('.page-link').smoothScroll();
if (jQuery(document).scrollTop() >= 30 || $('#menu-x').css('display') == 'block') {
jQuery('#header').removeClass('transparent');
if (window.width > 992) {
jQuery('#headerInner').css('height','60px');
jQuery('#logo').css('width','40px');
jQuery('#mainmenu-floating').css('margin-top','16px');
jQuery('#button-scroll-up').fadeOut();
}
if (window.width < 992) {
jQuery('#button-scroll-up').fadeIn();
}
} else if (jQuery(document).scrollTop() < 30) {
jQuery('#header').addClass('transparent');
if (window.width > 992) {
jQuery('#headerInner').css('height','80px');
jQuery('#logo').css('width','60px');
jQuery('#mainmenu-floating').css('margin-top','27px');
jQuery('#button-scroll-up').fadeOut();
}
if (window.width < 992) {
jQuery('#button-scroll-up').fadeOut();
}
}
if (window.width > 600) slideUpDown();
fadeinElements('mobileMenu',7);
});
jQuery(document).on("scroll", function () {
if (jQuery(document).scrollTop() > 1 || $('#menu-x').css('display') == 'block') {
jQuery('#header').removeClass('transparent');
if (window.width > 992) {
jQuery('#headerInner').css('height','60px');
jQuery('#logo').css('width','40px');
jQuery('#mainmenu-floating').css('margin-top','17px');
jQuery('#button-scroll-up').fadeOut();
}
if (window.width < 992) {
jQuery('#button-scroll-up').fadeIn();
}
} else if (jQuery(document).scrollTop() < 1) {
jQuery('#header').addClass('transparent');
if (window.width > 992) {
jQuery('#headerInner').css('height','80px');
jQuery('#logo').css('width','60px');
jQuery('#mainmenu-floating').css('margin-top','27px');
jQuery('#button-scroll-up').fadeOut();
}
if (window.width < 992) {
jQuery('#button-scroll-up').fadeOut();
}
}
});
document.addEventListener('DOMContentLoaded', () => {
let mousePosX = 0,
mousePosY = 0,
mouseCircle = document.getElementById('mouse-circle');
document.onmousemove = (e) => {
mousePosX = e.pageX;
mousePosY = e.pageY;
}
let delay = 2,
revisedMousePosX = 0,
revisedMousePosY = 0;
function delayMouseFollow() {
requestAnimationFrame(delayMouseFollow);
revisedMousePosX += (mousePosX - revisedMousePosX) / delay;
revisedMousePosY += (mousePosY - revisedMousePosY) / delay;
mouseCircle.style.top = revisedMousePosY + 'px';
mouseCircle.style.left = revisedMousePosX + 'px';
}
delayMouseFollow();
});
jQuery('a').hover(function() { jQuery('#mouse-circle').addClass('circle-hover'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover'); });
jQuery('input').hover(function() { jQuery('#mouse-circle').addClass('circle-hover'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover'); });
jQuery('textarea').hover(function() { jQuery('#mouse-circle').addClass('circle-hover'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover'); });
jQuery('select').hover(function() { jQuery('#mouse-circle').addClass('circle-hover'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover'); });
jQuery('.text-link').hover(function() { jQuery('#mouse-circle').addClass('circle-hover'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover'); });
jQuery('.menus li a').hover(function() { jQuery('#mouse-circle').addClass('circle-hover-orange'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover-orange'); });
jQuery('#logo a').hover(function() { jQuery('#mouse-circle').addClass('circle-hover-orange'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover-orange'); });
jQuery('.socialMedia li a').hover(function() { jQuery('#mouse-circle').addClass('circle-hover-orange'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover-orange'); });
jQuery('.background-blue').hover(function() { jQuery('#mouse-circle').css('background-color','#fff'); }, function() { jQuery('#mouse-circle').css('background-color','#2779d6'); });
jQuery('.background-darkgrey .button').hover(function() { jQuery('#mouse-circle').addClass('circle-hover-white'); }, function() { jQuery('#mouse-circle').removeClass('circle-hover-white'); });
jQuery('.portfolio li a').hover(function() { jQuery('#mouse-circle').hide(); }, function() { jQuery('#mouse-circle').show(); });
</script>
<!-- InstanceBeginEditable name="extra-javascript" -->
<script>var logo_columns=6;if(window.width<600)logo_columns=3;jQuery(document).ready(function(){fadeinElements('header-words',3);fadeinElements('logos',logo_columns);jQuery('#yearLine2023').show();jQuery('#year2023').show();});jQuery(document).on("scroll",function(){fadeinElements('header-words',3);fadeinElements('logos',logo_columns);});</script>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
<!-- Mirrored from www.grafikadesigns.com/awards by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Mar 2023 07:40:28 GMT -->
</html>
PK 99