
<!DOCTYPE html>
<html lang="en" style="width:100%;height:100%;">
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
		<title>Moxie | Marketing that moves</title>
        <meta name="description" content="https://www.mediapost.com/publications/article/317406/most-talkworthy-online-its-pillsbury-on-the.html"/>
        <meta name="keywords" content="content marketing agency, integrated marketing agency"/>
        <meta property="og:url" content="http://www.moxieusa.com/"/>
        <meta property="og:image" content="http://www.moxieusa.com/-/media/images/shareimages/share_images_home.jpg"/>
        <meta property="og:title" content="Moxie | Marketing that moves" />
        <meta property="og:description" content="Moxie is a modern marketing agency. We exist to create solutions that move our clients into the future." />
        <meta property="fb:app_id" content="589625264456648" />
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:site" content="@moxieusa">
        <meta name="twitter:creator" content="@moxieusa">
		<script src="//assets.adobedtm.com/d0befcd0fd2f87a89551704fb194fbc6a286af79/satelliteLib-5fdfe66f82dbabd0c81ac3340a232456a253c819.js"></script>
		<script src="https://use.typekit.net/jsc1sbr.js"></script>
        <script>try { Typekit.load({ async: false }); } catch (e) { }</script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
		<script src="/js/lib/scrollmagic/plugins.min/animation.gsap.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/ScrollToPlugin.min.js"></script>

		<link rel="stylesheet" type="text/css" href="/css/lib/flexslider.2.2.0.min.css" >
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="/css/moxieusa.css">
		<script src="/js/moxieusa.js"></script>
		
<meta name="VIcurrentDateTime" content="637141712522747979" />
<script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script>

	</head>
	<body >
		<form method="post" action="/" id="scform">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTgzNjA0NDU4Nw8WAh4TVmFsaWRhdGVSZXF1ZXN0TW9kZQIBFgpmDxYCHgRUZXh0BY8BPHNjcmlwdCBzcmM9Ii8vYXNzZXRzLmFkb2JlZHRtLmNvbS9kMGJlZmNkMGZkMmY4N2E4OTU1MTcwNGZiMTk0ZmJjNmEyODZhZjc5L3NhdGVsbGl0ZUxpYi01ZmRmZTY2ZjgyZGJhYmQwYzgxYWMzMzQwYTIzMjQ1NmEyNTNjODE5LmpzIj48L3NjcmlwdD5kAgIPFgIfAWVkAgMQZGQWAgIHDxYCHgVjbGFzcwUJcGFnZS1ob21lFgICAQ9kFgJmD2QWAmYPZBYCZg9kFgoCAQ8WBh4GcG9zdGVyBSwvLS9tZWRpYS9pbWFnZXMvYmFja2dyb3VuZHMvaGVyb2VzL2hvbWUyLmpwZx4IZGF0YS10YWcFCWhvbWV2aWRlbx4JaW5uZXJodG1sBcEBPHNvdXJjZSBzcmM9Ii8tL21lZGlhL3ZpZGVvcy9wYWdlaGVyb2VzL21veGlldXNhLWhvbWVwYWdlLXZpZGVvLm1wNCIgdHlwZT0idmlkZW8vbXA0IiBjbGFzcz0idmlkZW9IRCI+PHRyYWNrIGxhYmVsPSJFbmdsaXNoIiBraW5kPSJjYXB0aW9ucyIgc3JjbGFuZz0iZW4iIHNyYz0iLy0vbWVkaWEvZmlsZXMvdnR0L25vYXVkaW8udnR0IiAvPmQCBQ8WAh8BBR48cCBjbGFzcz0id2hpdGUiPk1hcmtldGluZzwvcD5kAgcPFgIfAQUhPHAgY2xhc3M9InllbGxvdyI+dGhhdCBtb3Zlcy48L3A+ZAIJDxYCHwEFJzxwIGNsYXNzPSJ0aXRsZWNhcmRfY29weSBub19jb2xvciI+PC9wPmQCDQ8WAh8CBUZnbHlwaGljb24gZ2x5cGhpY29uLXBsYXkgdmlkZW9QbGF5QnV0dG9uIGhpZGRlbi1tZCBoaWRkZW4tc20gaGlkZGVuLXhzZAIEDxYCHwEFJ01veGllQW5hbHl0aWNzLkxvY2F0aW9uPSc3NC4xMjUuNzYuMzUnO2QCBQ8WAh8BBfoBPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPl9zYXRlbGxpdGUucGFnZUJvdHRvbSgpOzwvc2NyaXB0Pg0KPCEtLSBTdGFydCBvZiBIdWJTcG90IEVtYmVkIENvZGUgLS0+DQo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCIgaWQ9ImhzLXNjcmlwdC1sb2FkZXIiIGFzeW5jIGRlZmVyIHNyYz0iLy9qcy5ocy1zY3JpcHRzLmNvbS81Mjc3NjUuanMiPjwvc2NyaXB0Pg0KPCEtLSBFbmQgb2YgSHViU3BvdCBFbWJlZCBDb2RlIC0tPmRkrKbVSr7i3fGlFfCRhWRADaSETzj/Lx0Illpq2ZrJyr8=" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A52E06A5" />
</div>
		
<span class="nav-blinder"></span>
<nav>
	<div class="menu">
		<div id="btn-nav-toggle">
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
		<a href="/" class="logo preload" id="nav-home">&nbsp;</a>
	</div>

	<div class="page-links">
		<a href="/vision" class="nav-item preload" id="nav-vision">
			<span class="title">Vision</span>
<!--		<span class="caption hidden-xs hidden-sm"></span>-->
		</a>
		<a href="/solutions" class="nav-item preload" id="nav-solutions">
			<span class="title">Solutions</span>
		</a>
		<a href="/work" class="nav-item preload" id="nav-work">
			<span class="title">Work</span>
		</a>
		<a href="/about" class="nav-item preload" id="nav-about">
			<span class="title">About</span>
		</a>
		<a href="/careers" class="nav-item preload" id="nav-careers">
			<span class="title">Careers</span>
		</a>
		<a href="/contact" class="nav-item preload" id="nav-contact">
			<span class="title">Contact</span>
		</a>
	</div>

	<a href="" class="preload current-page hidden-xs hidden-sm" id="current-page">
		<span class="title"></span>
	</a>

    <div class="bottom-content">
        <div class="social">
            <div class="follow">
	            follow us
	            <img src="/images/shared/dash.png" class="dash hidden-md hidden-lg" />
            </div>
            <div class="social-buttons">
                <a target="_blank" href="https://www.facebook.com/MoxieUSA" class="social-fb" title="facebook" id="social-fb">&nbsp;</a>
                <a target="_blank" href="https://twitter.com/MoxieUSA" class="social-tw" title="twitter" id="social-tw">&nbsp;</a>
                <a target="_blank" href="https://www.instagram.com/MoxieUSA" class="social-in" title="instagram" id="social-in">&nbsp;</a>
                <a target="_blank" href="https://www.linkedin.com/company/moxieusa" class="social-li" title="linkedin" id="social-li">&nbsp;</a>
                <a target="_blank" href="https://www.snapchat.com/add/moxieusa" class="social-sc" title="snapchat" id="social-sc">&nbsp;</a>
            </div>
        </div>
        <div class="legal">&copy; 2017 Moxie all rights reserved<span class="hidden-md hidden-lg"><br/></span><span class="hidden-sm hidden-xs"> | </span><a href="/privacy" id="nav-privacy">Privacy Policy</a></div>
    </div>

</nav>
<div class="nav-blinder"></div>
		

		<div id="pagecontainer" class="page-home">
			<div id="slidecontainer">
				<div id="sectionhome" class="magnetic">
					<video poster="/-/media/images/backgrounds/heroes/home2.jpg" id="video_home" playsinline="" class="bgVideo" data-tag="homevideo"><source src="/-/media/videos/pageheroes/moxieusa-homepage-video.mp4" type="video/mp4" class="videoHD"><track label="English" kind="captions" srclang="en" src="/-/media/files/vtt/noaudio.vtt" /></video>
					<div id="videoSuper"></div>

					<table class="pagetitle anim-pause anim-fade-up" data-anim="fly-in-bottom">
						<tr><td class="titlebuffer buffertop"></td></tr>
						<tr>
							<td class="titleholder">
								<div class="pagetitletext">
									<p class="white">Marketing</p>
									<p class="yellow">that moves.</p>
								</div>
								<p class="titlecard_copy no_color"></p>
								
							</td>
						</tr>
						<tr><td class="titlebuffer bufferbottom"></td></tr>
					</table>

					<button id="btn_play_video" class="glyphicon glyphicon-play videoPlayButton hidden-md hidden-sm hidden-xs" data-videoid="video_home"></button>
					
					<a href="javascript:void(onDownArrowClick())">
						<img id="downarrow" data-anim="bounce" src="/images/shared/arrow_down.png" alt="\/" />
					</a>
				</div>
				<div id="sectioncontent" class="container">

				
			<div id="connecting" class="contentarea magnetic height-auto row">
					<div class="subheader">
						<p class="subheadtext">Connecting the Future to Now</p>
						<p class="subheadcaption plain">We’re an agency built to create modern marketing solutions that move our clients into the future. How do we do it? By positioning ourselves at the cutting edge of our industry. By becoming masters of technology and creativity. And by adapting to change instead of avoiding it. That’s how we’re connecting the future to now for our clients. That’s Marketing That Moves.</p>
						<p class="subheadcaption">Here’s what’s new at Moxie and in modern marketing.</p>
					</div>

					<div class="homefeed row bg_grey_dark">
						<div class="r-tiles col-sm-12 col-md-12">
	
						</div>       
                        <div class="clear"></div> 
                        <div class="loadMore">
                            <img id="downarrow" src="/images/shared/arrow_down.png" alt="\/">
                            <p>Load More</p>
                        </div>
					</div>
 
			</div>
    
<script>    
    var itemsLoaded = 0;
    $(".loadMore").click(function () {
        loadTiles();
    })
    function loadTiles() {        
        $.getJSON("/sitecore/api/ssc/MoxieUsa-Controllers/Tiles/" + itemsLoaded + "/MainPageTiles", function (result) {            
            var count = 0
            $.each(result, function (i, tileInfo) {
                
                if (tileInfo == null) {
                    return;
                }
                
                count++;
                var maindiv = $('<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 grid_cell"></div>')
                var tile = $('<div></div>', { "class": "tile " + tileInfo.tileHolderClass });
                var imageBackground = $('<img />', { "class": ("img_background " + tileInfo.bgImageBgClass), src: tileInfo.bgImageUrl });
                var hover = $('<div></div>', { "class": tileInfo.hoverClass });

                
                var anchor = $('<a />', { id: tileInfo.linkId, "class": "a_link preload"});
                if(tileInfo.linkHref != ""){
                    $(anchor).attr("href",tileInfo.linkHref);
                }
                if(tileInfo.linkTarget != ""){
                    $(anchor).attr("target",tileInfo.linkTarget);
                }
                //, href: tileInfo.linkHref, target: tileInfo.linkTarget });

                var divCenter = $('<div class="v_center"></div>');

                if (tileInfo.title != "") {
                    var title = $('<h3></h3>').html(tileInfo.title);
                }
                if (tileInfo.imageURL != null) {
                    var image = $("<img />", { src: tileInfo.imageURL, alt: tileInfo.imageAlt, width: tileInfo.width, height: tileInfo.height});
                }
                
                var copy = $(tileInfo.copy)
                //alert("" + tileInfo.quoteByLine);
                if (tileInfo.quoteByLine != "") {
                    var quoteByLine = $("<span></span>").html(tileInfo.quoteByLine)
                }                
                var tileCTA = $('<span class="tilecta"></span>').text(tileInfo.linkText);                
                //debugger;
                $(divCenter).append(title);
                $(divCenter).append(image);
                $(divCenter).append(copy);
                $(divCenter).append(quoteByLine);
                $(divCenter).append(tileCTA);
                $(anchor).append(divCenter);
                $(hover).append(anchor);
                $(tile).append(imageBackground);
                $(tile).append(hover);
                $(maindiv).append(tile);
                $('.r-tiles').append(maindiv);
            });            
            if (count < 12) {
                $(".loadMore").hide();
            }
            itemsLoaded += count;
        });
        
        
    }
    loadTiles();
</script>
				</div>
			</div>
			<footer class="hidden-md hidden-lg">
                <div class="social-buttons">
                    <a href="https://www.facebook.com/MoxieUSA"><img src="/images/shared/social_facebook_white.png" /></a>
                    <a href="https://twitter.com/MoxieUSA"><img src="/images/shared/social_twitter_white.png" /></a>
                    <a href="https://www.instagram.com/MoxieUSA"><img src="/images/shared/social_instagram_white.png" /></a>
                    <a href="https://www.linkedin.com/company/moxieusa"><img src="/images/shared/social_linkedin_white.png" /></a>
                    <a href="https://www.snapchat.com/add/moxieusa"><img src="/images/shared/social_snapchat_white.png" /></a>
                </div>
                <a href="/contact" class="contact">contact</a>
            </footer>
		</div>
		
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="/js/lib/jquery.flexslider.2.2.2.min.js"></script>
		<script type="text/javascript" src="/js/lib/jscookie/jscookie.js"></script>
		<script type="text/javascript" src="/js/site/nav.js"></script>
		<script type="text/javascript" src="/js/VideoTrack.js"></script>
		</form>
		<script type="text/javascript">
			MoxieAnalytics.Location='74.125.76.35';
		</script>
		<script type="text/javascript">_satellite.pageBottom();</script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/527765.js"></script>
<!-- End of HubSpot Embed Code -->
		
	</body>
</html>
