	<!DOCTYPE html><!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns:ng="http://angularjs.org> <![endif]--><!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" xmlns:ng="http://angularjs.org> <![endif]--><!--[if IE 8]>         <html class="no-js lt-ie9" xmlns:ng="http://angularjs.org> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js" xmlns:ng="http://angularjs.org"> <!--<![endif]--><head>					<!-- Needed for cross domain Analytics -->
					<script>
					_udn = "twine.fm";
					</script>
					<!-- Google Analytics Content Experiment code -->
					<script>function utmx_section(){}function utmx(){}(function(){var
					k='75802097-9',d=document,l=d.location,c=d.cookie;
					if(l.search.indexOf('utm_expid='+k)>0)return;
					function f(n){if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.
					indexOf(';',i);return escape(c.substring(i+n.length+1,j<0?c.
					length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;d.write(
					'<sc'+'ript src="'+'http'+(l.protocol=='https:'?'s://ssl':
					'://www')+'.google-analytics.com/ga_exp.js?'+'utmxkey='+k+
					'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='+new Date().
					valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
					'" type="text/javascript" charset="utf-8"><\/sc'+'ript>')})();
					</script><script>utmx('url','A/B');</script>
					<!-- End of Google Analytics Content Experiment code -->
					<!-- Google Tag Manager -->
				<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
				})(window,document,'script','dataLayer','GTM-TKR9N6Z');</script>
				<!-- End Google Tag Manager --><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Twine: Quality creative freelancers to help you grow</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" /><meta name="description" content="Quality creative freelancers to help you grow. Twine connects startups who value quality to our network of creative freelancers in design, music and film."><!--[if gt IE 9]><!--><link rel="stylesheet" href="//d23rdsf59im9gs.cloudfront.net/assets/css/style.min.css?v=f12063f4bf3ac1dcabbc0e7e79d46d44" /><!--<![endif]--><!--[if lte IE 9]><link rel="stylesheet" href="//d23rdsf59im9gs.cloudfront.net/assets/css/style-ie-min.css?v=f12063f4bf3ac1dcabbc0e7e79d46d44"><![endif]--><link rel="stylesheet" href="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/jcrop/css/jquery-Jcrop.min.css?v=f12063f4bf3ac1dcabbc0e7e79d46d44"><link rel="stylesheet" href="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/sweetalert/lib/sweet-alert.css"><link rel="stylesheet" href="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/humane/themes/jackedup.css"><meta name="application-name" content="Twine"><meta name="theme-color" content="#2273BA"><meta name="msapplication-TileImage" content="//d23rdsf59im9gs.cloudfront.net/assets/img/win-tile-logo.png"/><meta name="msapplication-TileColor" content="#2E5A89"/><meta name="msapplication-tooltip" content="Launch Twine"/><meta name="msapplication-starturl" content="https://www.twine.fm/"/><meta name="apple-itunes-app" content="app-id=688151989"><meta name="_token" content="986dec154290741ba1cf63b60e386585"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="msvalidate.01" content="EE65FC005978147A16DDAC3B39D58B30" /><meta name="inmobi-site-verification" content="44c88831bbf2bbd267dcde00d4deed7f"><meta property="twitter:account_id" content="4503599627383712" /><link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-320x460.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 320px)">
<link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-640x920.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-768x1004.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 768px) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-748x1024.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 768px) and (orientation: landscape)">
<link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-1536x2008.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-startup-image-2048x1496.jpg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)">

<!-- For non-Retina (@1× display) iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44"><!-- 57×57px -->
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-72x72-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-76x76-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For iPhone with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-114x114-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For iPhone with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-120x120-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For iPad with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-144x144-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For iPad with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-152x152-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For iPhone 6 Plus with @3× display: -->
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/apple-touch-icon-180x180-precomposed.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<!-- For Chrome for Android: -->
<link rel="icon" sizes="192x192" href="//d23rdsf59im9gs.cloudfront.net/assets/img/apple/touch-icon-192x192.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
<meta property="al:ios:url" content="clowdy://invite_from_fb?referral=688151989" /> <meta property="al:ios:app_store_id" content="688151989" /> <meta property="al:ios:app_name" content="Twine: Quality creative freelancers to help you grow" /> <meta property="al:web:url" content="https://www.twine.fm" /> <meta property="og:site_name" content="Twine" /> <meta property="og:title" content="Twine: Quality creative freelancers to help you grow" /> <meta property="og:description" content="Quality creative freelancers to help you grow. Twine connects startups who value quality to our network of creative freelancers in design, music and film." /> <meta property="og:url" content="https://www.twine.fm/?tag=" /> <meta property="og:image" content="https://d23rdsf59im9gs.cloudfront.net/assets/img/logos/twine-icon.png" /> <meta property="fb:app_id" content="532889440088234" /> <link rel="canonical" href="https://www.twine.fm/" /> <meta name="logged-in" content="false"><link rel="publisher" href="https://plus.google.com/107095955980978567556"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /><link rel="shortcut icon" sizes="196x196" href="//d23rdsf59im9gs.cloudfront.net/assets/img/logos/twine-icon.png"><link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Twine" /><link rel="canonical" href="https://www.twine.fm" /><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/modernizr/modernizr.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script>window.Modernizr || document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"><\/script>')</script><script>if (typeof window.document.createElement('div').style.webkitLineClamp !== 'undefined') {document.querySelector('html').classList.add('webkit-line-clamp');}window.isOrientation = false;</script><!--[if lt IE 9]><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/polyfills/respond.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><![endif]-->
				<script type="text/javascript">
					(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
					(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
					m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
					})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
											ga('create', 'UA-36854276-1', 'auto');
						ga('send', 'pageview');
						</script>
				<!-- KISSmetrics tracking snippet -->
				<script type="text/javascript">var _kmq = _kmq || [];
					var _kmk;
					_kmk = _kmk || 'ed687a2cddb967f9b32e0898f1066c943abb6c6a';
					function _kms(u){
					  setTimeout(function(){
						var d = document, f = d.getElementsByTagName('script')[0],
						s = d.createElement('script');
						s.type = 'text/javascript'; s.async = true; s.src = u;
						f.parentNode.insertBefore(s, f);
					  }, 1);
					}
					_kms('//i.kissmetrics.com/i.js');
					_kms('//doug1izaerwt3.cloudfront.net/' + _kmk + '.1.js');
				</script>
				<script>window.errorMessages = {"globalError":"If you're reading this message, Skynet has won. (Or you've stumbled across an error. Bear with us.)"};</script></head><body class="landing  " data-cdn-url-prefix="//d23rdsf59im9gs.cloudfront.net" data-cdn-file-type=".min" data-cdn-file-version="?v=f12063f4bf3ac1dcabbc0e7e79d46d44" data-search-url="https://api.twine.fm" data-base-url="https://www.twine.fm"><div id="fb-root"></div>
					<!--[if lte IE 6]><script src="/assets/js/ie6/warning.js"></script><script>window.onload=function(){e("/assets/js/ie6/")}</script><![endif]-->
				<div class="mobile-drawer-left hide">
	<ul class="mobile-menu no-margin">
																					<li class="mobile-menu__item lato-regular"><a href="/creatives" > Creatives</a></li>
			<li class="mobile-menu__item lato-regular"><a href="/companies" > Companies</a></li>
				<li class="mobile-menu__divider"></li>

					<li class="mobile-menu__item lato-regular"><a href="/signin?referer=%2Fprojects" data-icon="&#xf090;"  data-analytics-event data-analytics-category="header" data-analytics-action="Clicked Sign in mobile nav"> Sign In</a></li>
			<li class="mobile-menu__item lato-regular"><a href="//www.twine.fm/signup" data-icon="&#xf040;"  data-analytics-event data-analytics-category="header" data-analytics-action="Clicked Sign up mobile nav"> Sign Up</a></li>
		
		<li class="mobile-menu__divider"></li>

		<li class="mobile-menu__item"><a href="//www.twine.fm/help">Help</a></li>
		<li class="mobile-menu__item"><a href="https://www.twine.fm/blog/">Blog</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/pricing">Pricing</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/about">About</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/copyright">Copyright</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/privacy">Privacy</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/terms">Terms</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/contact">Contact</a></li>

		<li class="mobile-menu__divider"></li>

		<li class="mobile-menu__item"><a href="//www.twine.fm/find/animators">Hire an Animator</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/find/animators/uk/london">Animators in London</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/find/animators/uk/manchester">Animators in Manchester</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/find/illustrators">Hire an Illustrator</a></li>
		<li class="mobile-menu__item"><a href="//www.twine.fm/find/graphic-designers">Hire a Graphic Designer</a></li>

				<li class="mobile-menu__header"><a href="#">&copy; Twine</a></li>

	</ul>
</div>
<div class="full-page-wrap"><!--[if lte IE 8]><div class="site-alert alert-box alert-box--negative alert-box--hard no-margin text-center" data-icon="&#xf06a;" data-site-alert data-alert><strong>Looks like your browser is outdated. For the full Twine experience, you should updgrade your browser - <a href="http://browsehappy.com">BrowseHappy.com</a></strong></div><![endif]--><div class="site-alert no-js-alert alert-box alert-box--negative alert-box--hard no-margin text-center" data-icon="&#xf06a;" data-site-alert data-alert><strong>Looks like you have JavaScript disabled. For the full Twine experience, you will need to re-enable it.</strong></div><div class="contain-to-grid"><nav class="top-bar"><ul class="top-bar__title-area pr"><li class="top-bar__name"><a class="logo" href="//www.twine.fm/" ><img class="web-logo hide-for-small" width="95" src="//d23rdsf59im9gs.cloudfront.net/assets/img/logos/twine-logo-text-white.svg?v=f12063f4bf3ac1dcabbc0e7e79d46d44" alt="Twine"><img class="mobile-logo hide-for-medium-up" src="//d23rdsf59im9gs.cloudfront.net/assets/img/logos/twine-logo-black-lg.png"></a></li><li class="top-bar__toggle-topbar search-icon"><a href="#" data-js="click-search-mobile"><span aria-hidden="true" data-icon="&#xf002;"></span></a></li><li id="jr-mobile-menu" class="top-bar__toggle-topbar menu-icon"><a href="#" data-js="click-snapper-left"><span aria-hidden="true" data-icon="&#xf0c9;"></span></a></li></ul><form onsubmit="document.location='//www.twine.fm/search/'+encodeURIComponent(document.getElementById('search-mobile-field'))" class="clowdy-header-search--mobile hide" action="//www.twine.fm/search/" data-mobile-search><input class="top-bar__search input--round" type="search" value="" name="query" placeholder="Search" id="mobile-search-field" data-mobile-search-input x-webkit-speech><span class="top-bar__search-icon" aria-hidden="true" data-icon="&#xf002;"></span><input class="invisible" type="button" onclick="document.location='//www.twine.fm/search/'+encodeURIComponent(document.getElementById('search-mobile-field'))" value="Submit" style="width:1px;height:1px;display:block;"></form><section class="top-bar__section"><ul class="left"><li id="jr-creatives-nav"><a class="equal-width lato-regular" style="line-height:38px" data-analytics-event data-analytics-category="header" data-analytics-action="Header - Creatives" href="//www.twine.fm/creatives" title="Creatives" ><!--[if lte IE 8]><br><![endif]-->Creatives</a></li><li id="jr-companies-nav"><a class="equal-width lato-regular" style="line-height:38px" data-analytics-event data-analytics-category="header" data-analytics-action="Header - Companies" href="//www.twine.fm/companies" title="Companies" ><!--[if lte IE 8]><br><![endif]-->Companies</a></li></ul></section><section class="top-bar__section"><ul class="right"><li><div><a class="btn btn--primary btn--small" style="position:relative;top:19px;border:0;background-color:#40a0f5;padding-top: 10px;padding-bottom: 10px;padding-left: 16px;padding-right: 16px;" href="/post" data-analytics-event data-analytics-category="header" data-analytics-action="Header Clicked [Hire creative]" title="Hire a creative">Hire a creative</a></div></li><li><a class="lato-regular" href="//www.twine.fm/signin" style="line-height:38px" data-analytics-event data-analytics-category="header" data-analytics-action="Header Clicked [Sign in]"><!--[if lte IE 8]><br><![endif]--> Sign in</a></li><li><a class="lato-regular" href="//www.twine.fm/signup"  style="line-height:38px" data-analytics-event data-analytics-category="header" data-analytics-action="Header Clicked [Sign up]"><!--[if lte IE 8]><br><![endif]--> Sign up</a></li></ul></section></nav></div>




<div class="bg-image-3" data-speed="0.2"></div>
<div class="full page-wrap landing--alt" ng-app="clowdy.landing">
    <section class="content">
            <div class="grid landing-hero-container">
                <div class="grid__item small-12 large-12 large--centered">

                    
                                        

                    <div class="grid">
                        <div class="grid__item small-12">
                            <div class="alert-box alert-box--positive hide" data-icon="&#xf00c;" data-alert data-forgot-password-page-alert></div>
                        </div>
                    </div>

                    <div class="grid">
                        <br /><br /><br />
                        <div class="grid__item small-12 large-12">
                            <div class="grid">

                                <div class="grid__item small-12 small--centered uppercase">
                                    <h1 class="landing-header__heading lato-bold white text-center mb- uppercase text-shadow">Hire a</h1>
                                </div>
                                <div class="grid__item small-12 small--centered mt+" data-sr="ease enter bottom scale 0 move 20px wait 0s over .7s">
                                    <img class="va--middle centered bl mb+" src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/creative/creative-heading-graphic.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44" alt="Creatives">
                                </div>
                                                                    <div class="grid__item small-12 small--centered">
                                        <h2 class="landing-header__subheading lato-regular white text-center no-margin--top">We're the community behind your next big project</h2>
                                    </div>
                                    <div class="grid__item small-12 medium-10 large-6 small--centered">
                                        <div class="grid">
                                            <div class="grid__item small-12 medium-6">
                                                <a href="/post" class="btn btn--flat-blue btn--large small-12 no-border mb+">
                                                    <b>I want to Hire</b><i class="righ ml" aria-hidden="true" data-icon="&#xf054;"></i>
                                                </a>
                                            </div>
                                            <div class="grid__item small-12 medium-6">
                                                <a href="/signup" class="btn btn--flat-purple btn--large small-12  no-border mb">
                                                    <b>I'm a creative</b><i class="righ ml" aria-hidden="true" data-icon="&#xf054;"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="landing-extra no-margin">
                
                <!-- THE QUALITY CREATIVE NETWORK SECTION -->
                <div class="landing-section landing-section--small landing-section--white text-center">
                    <br />
                    <h3 class="lato-bold purple uppercase" data-sr="enter bottom wait .2s">THE QUALITY CREATIVE NETWORK</h3>
                    <p class="lato-regular gamma grid__item small-12 large-8 small--centered">Twine is an exclusive marketplace and professional network for quality creative freelancers.<br /> Take a look at what our community of over 190,000 members can do:</p>
                    <div class="grid">
                        <div class="row" style="height: 255px">
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/logo.png" alt="Logo design Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Logo design</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/illustration.png" alt="Illustration Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Illustration</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/card-deck.png" alt="Card decks Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Card decks</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/poster.png" alt="Posters Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Posters</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/soundtrack.jpg" alt="Soundtracks Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Soundtracks</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/explainer-video.png" alt="Explainer videos Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Explainer videos</p>
                            </div>
                        </div>
                        <div class="row examples-row hide" style="height: 255px">
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/branding.png" alt="Branding Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Branding</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/icons.png" alt="Icons Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Icons</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/music-production.png" alt="Music production Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Music production</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/web-design.png" alt="Web design Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Web design</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/flyers.png" alt="Flyers Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Flyers</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/character-designs.png" alt="Character designs Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Character designs</p>
                            </div>
                        </div>
                        <div class="row examples-row hide" style="height: 255px">
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/business-cards.png" alt="Business cards Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Business cards</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/digital.png" alt="Digital illustrations Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Digital illustrations</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/motion-graphics.png" alt="Motion graphics Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Motion graphics</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/vocals.png" alt="Vocals Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Vocals</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/short-films.png" alt="Short films Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">Short films</p>
                            </div>
                            <div class="grid__item small-6 large-2">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/app-design.png" alt="App designs Image" style="border-radius: 3px" />
                                <p class="lato-regular pt pb text-left">App designs</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="right see-more-reveal" style="cursor: pointer; color: #2786d8;">See More<i class="ml" style="position: relative;" aria-hidden="true" data-icon="&#xf078;"></i></div>
                            <div class="right see-more-hide hide" style="cursor: pointer; color: #2786d8;">See More<i class="ml" style="position: relative;" aria-hidden="true" data-icon="&#xf077;"></i></div>
                        </div>
                    </div>
                    <p class="lato-regular gamma grid__item small-12 small--centered pt++">Twine connects companies who value quality to creative freelancers who deliver quality.</p>
                    <div class="grid__item small-12 medium-4 large-3 small--centered pt+">
                        <a href="/post" class="btn btn--flat-blue btn--large small-12 no-margin no-border">
                            <b>Sign up</b><i class="ml" style="position: relative; top: 3px" aria-hidden="true" data-icon="&#xf054;"></i>
                        </a>
                    </div>
                </div>

                <!-- NOT JUST ANOTHER FREELANCE MARKETPLACE SECTION -->
                <div class="landing-section landing-section--small landing-section--gray text-center">
                    <br />
                    <h3 class="lato-bold purple uppercase mb" data-sr="enter bottom wait .2s">NOT JUST ANOTHER FREELANCE MARKETPLACE </h3>
                    <p class="lato-regular gamma grid__item small-12 large-8 small--centered">People are hiring creatives on Twine right now. Build a lasting relationship with our top rated creatives.</p>
                    <div class="grid">
                                                    <div class="grid__item small-12 medium-6 large-3 text-left">
                                <div style="border:1px solid #eee;background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:5px;font-size:0.9em">
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <div class="left">
                                            <strong>Looking for:</strong><br />
                                            <span style="border:1px solid #399ef8;color:#399ef8;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Graphic Designer</span>
                                        </div>
                                                                                    <div class="right text-right">
                                                <strong>Budget:</strong><br />
                                                <span style="border:1px solid #00853e;color:#00853e;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Negotiable</span>
                                            </div>
                                                                                <div style="clear:both"></div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee;position:relative">
                                        <p style="margin-bottom:15px;font-size:1em;word-wrap:break-word" class="brief-text">Logo design and possibly website for a wine subscription service </p>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <em class="aside-text">Posted 4 days ago</em><br />
                                        <div style="margin-top:5px">
                                            <div class="left">
                                                <img class="round" src="https://d23rdsf59im9gs.cloudfront.net/assets/img/placeholders/avatar/placeholder_1_46x46.jpg" />
                                            </div>
                                            <div style="line-height:1.25em;position:relative;top:5px;left:7px;display:block;overflow:hidden;text-overflow:ellipsis">
                                                <strong>Wine212</strong><br />
                                                <span class="aside-text"><span style="font-family:'clowdy-icons-new'">&#xe6b2;</span>&nbsp;Unknown</span>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <a href="/projects" class="btn btn--flat-green no-margin no-border bl">More info&nbsp;&nbsp;<i aria-hidden="true" data-icon="" style="position:relative;top:1px"></i></a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="grid__item small-12 medium-6 large-3 text-left">
                                <div style="border:1px solid #eee;background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:5px;font-size:0.9em">
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <div class="left">
                                            <strong>Looking for:</strong><br />
                                            <span style="border:1px solid #399ef8;color:#399ef8;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Animator</span>
                                        </div>
                                                                                    <div class="right text-right">
                                                <strong>Budget:</strong><br />
                                                <span style="border:1px solid #00853e;color:#00853e;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">$1280</span>
                                            </div>
                                                                                <div style="clear:both"></div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee;position:relative">
                                        <p style="margin-bottom:15px;font-size:1em;word-wrap:break-word" class="brief-text">I’m looking to get a 2-min flat animation done, the storyboard will be provided and this is a project sponsored by HP. </p>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <em class="aside-text">Posted 5 days ago</em><br />
                                        <div style="margin-top:5px">
                                            <div class="left">
                                                <img class="round" src="https://d23rdsf59im9gs.cloudfront.net/assets/img/placeholders/avatar/placeholder_1_46x46.jpg" />
                                            </div>
                                            <div style="line-height:1.25em;position:relative;top:5px;left:7px;display:block;overflow:hidden;text-overflow:ellipsis">
                                                <strong>jiayannn</strong><br />
                                                <span class="aside-text"><span style="font-family:'clowdy-icons-new'">&#xe6b2;</span>&nbsp;Unknown</span>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <a href="/projects" class="btn btn--flat-green no-margin no-border bl">More info&nbsp;&nbsp;<i aria-hidden="true" data-icon="" style="position:relative;top:1px"></i></a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="grid__item small-12 medium-6 large-3 text-left">
                                <div style="border:1px solid #eee;background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:5px;font-size:0.9em">
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <div class="left">
                                            <strong>Looking for:</strong><br />
                                            <span style="border:1px solid #399ef8;color:#399ef8;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Music Producer</span>
                                        </div>
                                                                                    <div class="right text-right">
                                                <strong>Budget:</strong><br />
                                                <span style="border:1px solid #00853e;color:#00853e;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Negotiable</span>
                                            </div>
                                                                                <div style="clear:both"></div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee;position:relative">
                                        <p style="margin-bottom:15px;font-size:1em;word-wrap:break-word" class="brief-text">Hey my names darrion jade im 19  recently been  freestyling trying to move towards gettingin touch with this music</p>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <em class="aside-text">Posted 1 week ago</em><br />
                                        <div style="margin-top:5px">
                                            <div class="left">
                                                <img class="round" src="https://d23rdsf59im9gs.cloudfront.net/assets/img/placeholders/avatar/placeholder_1_46x46.jpg" />
                                            </div>
                                            <div style="line-height:1.25em;position:relative;top:5px;left:7px;display:block;overflow:hidden;text-overflow:ellipsis">
                                                <strong>Darrion Jade</strong><br />
                                                <span class="aside-text"><span style="font-family:'clowdy-icons-new'">&#xe6b2;</span>&nbsp;Tulsa, OK, USA</span>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <a href="/projects" class="btn btn--flat-green no-margin no-border bl">More info&nbsp;&nbsp;<i aria-hidden="true" data-icon="" style="position:relative;top:1px"></i></a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="grid__item small-12 medium-6 large-3 text-left">
                                <div style="border:1px solid #eee;background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:5px;font-size:0.9em">
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <div class="left">
                                            <strong>Looking for:</strong><br />
                                            <span style="border:1px solid #399ef8;color:#399ef8;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Film Director</span>
                                        </div>
                                                                                    <div class="right text-right">
                                                <strong>Budget:</strong><br />
                                                <span style="border:1px solid #00853e;color:#00853e;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:2px 7px;display:inline-block;position:relative;top:5px">Negotiable</span>
                                            </div>
                                                                                <div style="clear:both"></div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee;position:relative">
                                        <p style="margin-bottom:15px;font-size:1em;word-wrap:break-word" class="brief-text">App: connects people to help you find your ideal travel mates through shared interests. </p>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <em class="aside-text">Posted 1 week ago</em><br />
                                        <div style="margin-top:5px">
                                            <div class="left">
                                                <img class="round" src="https://d23rdsf59im9gs.cloudfront.net/assets/img/placeholders/avatar/placeholder_1_46x46.jpg" />
                                            </div>
                                            <div style="line-height:1.25em;position:relative;top:5px;left:7px;display:block;overflow:hidden;text-overflow:ellipsis">
                                                <strong>galba</strong><br />
                                                <span class="aside-text"><span style="font-family:'clowdy-icons-new'">&#xe6b2;</span>&nbsp;Unknown</span>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                    </div>
                                    <div style="padding:15px;border-bottom:1px solid #eee">
                                        <a href="/projects" class="btn btn--flat-green no-margin no-border bl">More info&nbsp;&nbsp;<i aria-hidden="true" data-icon="" style="position:relative;top:1px"></i></a>
                                    </div>
                                </div>
                            </div>
                                            </div>
                    <script type="text/javascript">
                        var briefTexts = document.getElementsByClassName('brief-text');
                        var maxHeight = 0;
                        for (var i = 0; i < briefTexts.length; i++) {
                            if (briefTexts[i].clientHeight > maxHeight) {
                                maxHeight = briefTexts[i].clientHeight;
                            }
                        }

                        for (var i = 0; i < briefTexts.length; i++) {
                            briefTexts[i].style.height = maxHeight + 'px';
                        }
                    </script>
                    <br /><br />
                    <div class="grid__item small-12 medium-6 large-3 small--centered">
                        <a href="/post" class="btn btn--flat-blue btn--large small-12 no-margin no-border">
                            <b>Try Twine (it's free)</b><i class="ml" style="position: relative; top: 3px" aria-hidden="true" data-icon="&#xf054;"></i>
                        </a>
                    </div>
                    </p>
                </div>

                <!-- TRUST TWINE SECTION -->
                <div class="landing-section landing-section--small landing-section--white text-center">
                    <h3 class="lato-bold purple uppercase" data-sr="enter bottom wait 0.2s">Trust Twine</h3>
                    <br />
                    <div class="grid">
                        <div class="row">
                            <div class="grid__item small-12 medium-12 large-5">
                                <img class="pt++ pb++" src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/money-back-guarantee.png" alt="Money back guarantee image" />
                                <p class="no-margin aside-text lato-regular">Twine protects both buyers and creatives. Send and receive payments securely through Twine. Twine buyers are protected by our money back guarantee.</p>
                            </div>
                            <div class="grid__item small-1 hide-for-1024">
                                <div class="mb++" style="border-right:1px solid #ddd; height:300px; margin-top: 20px"></div>
                            </div>
                            <div class="grid__item small-12 show-for-1024">
                                <hr />
                            </div>
                            <div class="grid__item small-12 medium-12 large-6">
                                <h4 class="lato-bold">What our customers say:</h4>
                                <div id="customers-scroll" style="width: 100%; max-width: 100%; overflow-x: hidden; overflow-y: hidden; pointer-events: none;">
                                    <div style="width: 200%;">
                                                                                    <div class="grid__item small-6">
                                                <div class="no-margin no-mw" data-type="image" style="background-image: url(//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/testimonials-background.png); background-repeat: no-repeat; background-position: center; height: 200px">
                                                    <div class="grid text-center" style="padding-top: 40px;">
                                                        <div class="grid__item small-8 small--centered">
                                                            <div>
                                                                <p class="lato-regular">"Easy, direct, fun and on top of it, all the communication was built in trust and..."</p>
                                                                <p class="no-margin aside-text lato-regular">@pedropcagoncalves</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-6">
                                                <div class="no-margin no-mw" data-type="image" style="background-image: url(//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/testimonials-background.png); background-repeat: no-repeat; background-position: center; height: 200px">
                                                    <div class="grid text-center" style="padding-top: 40px;">
                                                        <div class="grid__item small-8 small--centered">
                                                            <div>
                                                                <p class="lato-regular">"A lot of people commented on the great artwork and couldn't believe I'd organise..."</p>
                                                                <p class="no-margin aside-text lato-regular">@josshannah</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                                            </div>
                                </div>
                                                                    <div id="customers-scroll-0" style="display: inline-block; width: 10px; height: 10px; background-color: #3c96e6; border-radius: 50%; margin-top: 20px; margin-left: 5px; margin-right: 5px;">
                                    </div>
                                                                    <div id="customers-scroll-1" style="display: inline-block; width: 10px; height: 10px; background-color: #ddd; border-radius: 50%; margin-top: 20px; margin-left: 5px; margin-right: 5px;">
                                    </div>
                                                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="grid__item small-12 medium-4 large-3 small--centered">
                        <a href="/post" class="btn btn--flat-green btn--large small-12 no-margin no-border">
                            <b>Get started</b><i class="ml" style="position: relative; top: 3px" aria-hidden="true" data-icon="&#xf054;"></i>
                        </a>
                    </div>
                </div>

                <!-- PRESS SECTION -->
                <div class="landing-section landing-section--small landing-section--gray text-center">
                    <div class="grid">
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/BBC.png" alt="BBC" style="position: relative; top: 8px;" />
                        </div>
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/Fox.png" alt="Fox" style="position: relative; top: 2px;"/>
                        </div>
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/Telegraph.png" alt="The Telegraph" style="position: relative; top: 14px;"/>
                        </div>
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/Tech-crunch.png" alt="Tech Crunch" style="position: relative; top: 3px;"/>
                        </div>
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/The-drum.png" alt="The Drumb" style="position: relative; top: 5px;"/>
                        </div>
                        <div class="grid__item small-12 medium-6 large-2 pt pb" style="height: 88px;">
                            <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/Huff-post.png" alt="The Huffington Post" />
                        </div>
                    </div>
                </div>

                <!-- SUCCESS STORIES -->
                <div class="landing-section landing-section--small landing-section--white text-center">
                    <br />
                    <h3 class="lato-bold purple uppercase" data-sr="enter bottom wait .2s">Success Stories</h3>
                    <p class="lato-regular gamma grid__item small-12 large-8 small--centered">Take a look at the quality content our creatives are making:</p>
                    <div class="grid">
                        <div class="row">
                            <div class="grid__item small-12 medium-6">
                                <iframe style="max-width:560px;width:100%" width="100%" height="315" src="https://www.youtube.com/embed/PModuWq8hAI" frameborder="0" allowfullscreen></iframe>
                            </div>
                            <div class="grid__item small-12 medium-6 text-left">
                                <h4 class="lato-bold purple">Frank's Story:</h4>
                                <p class="lato-regular">Twine are proud to share the story of Frank Mouqué, a World War Two veteran. Using the Twine community we were able to help Frank return to a French town he helped liberate in 1944, through virtual reality.</p>
                                <a href="/post" class="btn btn--flat-blue btn--small small-12 medium-6 large-4 no-margin no-border">
                                    <b>Hire a creative</b><i class="ml" style="position: relative; top: 1.5px" aria-hidden="true" data-icon="&#xf054;"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="grid">
                        <div class="row">
                            <div class="grid__item small-12 medium-6 large-3 mt">
                                <img data-sr src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/card-deck-success-story.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
                            </div>
                            <div class="grid__item small-12 medium-6 large-3 text-left mt" id="card-deck">
                                <h4 class="lato-bold purple">Card deck:</h4>
                                <p class="lato-regular">Graphic designer Anne Marie created a fantastic investment deck for a new startup. Anne Marie helped the company get their feet off the ground and in front of investors with her eye-catching card deck.</p>
                                <a href="/post" class="small-4 no-margin no-border">
                                    <b>Hire a graphic designer</b><i class="ml" style="position: relative; top: 1.5px" aria-hidden="true" data-icon="&#xf054;"></i>
                                </a>
                            </div>
                            <div class="cf show-for-small"></div>
                            <div class="grid__item small-12 medium-6 large-3 mt">
                                <img data-sr src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/illustration-success-story.png?v=f12063f4bf3ac1dcabbc0e7e79d46d44">
                            </div>
                            <div class="grid__item small-12 medium-6 large-3 text-left mt">
                                <h4 class="lato-bold purple">Illustration:</h4>
                                <p class="lato-regular">Illustrator Shayla Bond created these stunning look book illustrations for fashion designer Sarah Volkov. Shayla really understood the style Sarah wanted. We think the results are fantastic.</p>
                                <a href="/post" class="small-4 no-margin no-border">
                                    <b>Hire an illustrator</b><i class="ml" style="position: relative; top: 1.5px" aria-hidden="true" data-icon="&#xf054;"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- MEET OUR TOP CREATIVE PROFESSIONALS SECTION -->
                <div class="landing-section landing-section--small landing-section--gray text-center" ng-controller="FeaturedUsersCtrl as ctrl">
                    <br/>
                    <h3 class="lato-bold purple uppercase mb" data-sr="enter bottom wait .2s">MEET OUR TOP CREATIVE PROFESSIONALS</h3>
                    <div class="grid">
                                                                                <div class="grid__item small-12 medium-6 large-3 featured-card black mb+">
                                <div class="card no-margin">
                                    <div class="card__header radius--top no-border" style="background-color:#404542;background-image:url(//d2yheu4zwsv3s4.cloudfront.net/0eed89e7cc681d0926abba4994a4859b/cover/07bd2bf3b6f69a2017b2f48a8616aca9/450x115.jpg)"></div>
                                    <div class="card__body">
                                        <a href="/BrankaLady" class="card__avatar card__avatar--medium is-loading round oh" style="background-color:#cbddda">
                                            <img src="//d2yheu4zwsv3s4.cloudfront.net/0eed89e7cc681d0926abba4994a4859b/avatar/ed2cadee9c8d80fdf20395641b0dd96b/110x110.jpg" alt="Lady of Mae" />
                                        </a>
                                        <div class="card__name text-center">
                                            <a href="/BrankaLady" class="trunc" title="Lady of Mae">
                                                <h6 class="no-margin trunc">Lady of Mae</h6>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/BrankaLady" class="trunc in" title="@BrankaLady">
                                                <span class="card__user__handle">@BrankaLady</span>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/find/us/helena" class="trunc in" title="@Atlanta, GA, USA">
                                                <span class="card__user__handle" data-icon-new="">&nbsp;<em>Atlanta, GA, USA</em></span>
                                            </a>
                                        </div>
                                        <div class="roleWrap">
                                            <hr class="mb-" />
                                            <h4 class="fs-14 trunc no-margin text-center pl pr flat-blue lato-bold">
                                                                                                <div class="trunc" style="width:100%">
                                                                                                            <a href="/find/animators" style="display:inline-block">Animator</a>,&nbsp;<a href="/find/illustrators" style="display:inline-block">Illustrator</a>,&nbsp;<a href="/find/graphic-designers" style="display:inline-block">Graphic Designer</a>                                                                                                    </div>
                                            </h4>
                                            <hr class="mt-" />
                                        </div>
                                        <p style="height:6em">
                                            <span class="aside-text lato-regular bl fs-14 text-center pl pr">I am a 2D animator and illustrator who loves video games and webcomics.</span>
                                        </p>
                                        <div class="grid p-">
                                            <div class="grid__item small-12">
                                                <a href="/BrankaLady">
                                                    <button class="btn btn--expand btn--flat-green no-margin no-border" title="Hire me">Hire animators</button>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="grid__item small-12 medium-6 large-3 featured-card black mb+">
                                <div class="card no-margin">
                                    <div class="card__header radius--top no-border" style="background-color:#adf3d6;background-image:url(//d2yheu4zwsv3s4.cloudfront.net/20a7cb559b5ed59b05a5eeb77aca4250/cover/afe93caf628b30ef4302b0fd119ca499/450x115.jpg)"></div>
                                    <div class="card__body">
                                        <a href="/studiomarchetti" class="card__avatar card__avatar--medium is-loading round oh" style="background-color:#d0c3b5">
                                            <img src="//d2yheu4zwsv3s4.cloudfront.net/20a7cb559b5ed59b05a5eeb77aca4250/avatar/9d2a55f2ace0a0c65dc57cbb260bf9af/110x110.jpg" alt="Filippo Marchetti" />
                                        </a>
                                        <div class="card__name text-center">
                                            <a href="/studiomarchetti" class="trunc" title="Filippo Marchetti">
                                                <h6 class="no-margin trunc">Filippo Marchetti</h6>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/studiomarchetti" class="trunc in" title="@studiomarchetti">
                                                <span class="card__user__handle">@studiomarchetti</span>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/find/dk/aarhus" class="trunc in" title="@Aarhus, Aarhus Municipality, Denmark">
                                                <span class="card__user__handle" data-icon-new="">&nbsp;<em>Aarhus, Aarhus Municipality, Denmark</em></span>
                                            </a>
                                        </div>
                                        <div class="roleWrap">
                                            <hr class="mb-" />
                                            <h4 class="fs-14 trunc no-margin text-center pl pr flat-blue lato-bold">
                                                                                                <div class="trunc" style="width:100%">
                                                                                                            <a href="/find/motion-graphic-designers" style="display:inline-block">Motion Graphic Designer</a>,&nbsp;<a href="/find/illustrators" style="display:inline-block">Illustrator</a>,&nbsp;<a href="/find/artworks" style="display:inline-block">Artwork</a>                                                                                                    </div>
                                            </h4>
                                            <hr class="mt-" />
                                        </div>
                                        <p style="height:6em">
                                            <span class="aside-text lato-regular bl fs-14 text-center pl pr">Hello, i'm Filippo Marchetti.
I'm a motion designer, based in Aarhus (Denmark), specialised in the design and animation of Motion Graphics.
If you nee...</span>
                                        </p>
                                        <div class="grid p-">
                                            <div class="grid__item small-12">
                                                <a href="/studiomarchetti">
                                                    <button class="btn btn--expand btn--flat-green no-margin no-border" title="Hire me">Hire designers</button>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="grid__item small-12 medium-6 large-3 featured-card black mb+">
                                <div class="card no-margin">
                                    <div class="card__header radius--top no-border" style="background-color:#053db3;background-image:url(//d2yheu4zwsv3s4.cloudfront.net/9ad806d1136b699ee2d833849f218a98/cover/067448a099ed7ad02937b3d69b072810/450x115.jpg)"></div>
                                    <div class="card__body">
                                        <a href="/PWeiner1" class="card__avatar card__avatar--medium is-loading round oh" style="background-color:#ad938e">
                                            <img src="//d2yheu4zwsv3s4.cloudfront.net/9ad806d1136b699ee2d833849f218a98/avatar/caabb005c4c64ca5a0520d7821ebe738/110x110.jpg" alt="Paul Weiner Illustrator" />
                                        </a>
                                        <div class="card__name text-center">
                                            <a href="/PWeiner1" class="trunc" title="Paul Weiner Illustrator">
                                                <h6 class="no-margin trunc">Paul Weiner Illustrator</h6>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/PWeiner1" class="trunc in" title="@PWeiner1">
                                                <span class="card__user__handle">@PWeiner1</span>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/find/us/roxbury-crossing" class="trunc in" title="@Roxbury Crossing, United States">
                                                <span class="card__user__handle" data-icon-new="">&nbsp;<em>Roxbury Crossing, United States</em></span>
                                            </a>
                                        </div>
                                        <div class="roleWrap">
                                            <hr class="mb-" />
                                            <h4 class="fs-14 trunc no-margin text-center pl pr flat-blue lato-bold">
                                                                                                <div class="trunc" style="width:100%">
                                                                                                            <a href="/find/illustrators" style="display:inline-block">Illustrator</a>,&nbsp;<a href="/find/artworks" style="display:inline-block">Artwork</a>,&nbsp;<a href="/find/designers" style="display:inline-block">Designer</a>                                                                                                    </div>
                                            </h4>
                                            <hr class="mt-" />
                                        </div>
                                        <p style="height:6em">
                                            <span class="aside-text lato-regular bl fs-14 text-center pl pr">Paul is a fun loving musically hip Boston illustrator specializing in the children's publishing market. For more information contact: art@paulweiner.c...</span>
                                        </p>
                                        <div class="grid p-">
                                            <div class="grid__item small-12">
                                                <a href="/PWeiner1">
                                                    <button class="btn btn--expand btn--flat-green no-margin no-border" title="Hire me">Hire illustrators</button>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="grid__item small-12 medium-6 large-3 featured-card black mb+">
                                <div class="card no-margin">
                                    <div class="card__header radius--top no-border" style="background-color:#171c1e;background-image:url(//d2yheu4zwsv3s4.cloudfront.net/2dc90a436da0cb4a2bb5a6c009378b3f/cover/1e91886479793a04e4c84a3fda6df011/450x115.jpg)"></div>
                                    <div class="card__body">
                                        <a href="/ScottForrest" class="card__avatar card__avatar--medium is-loading round oh" style="background-color:#c79a82">
                                            <img src="//d2yheu4zwsv3s4.cloudfront.net/2dc90a436da0cb4a2bb5a6c009378b3f/avatar/68f80c0443c14c1e73e5ae1873913c0c/110x110.jpg" alt="Scott Forrest" />
                                        </a>
                                        <div class="card__name text-center">
                                            <a href="/ScottForrest" class="trunc" title="Scott Forrest">
                                                <h6 class="no-margin trunc">Scott Forrest</h6>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/ScottForrest" class="trunc in" title="@ScottForrest">
                                                <span class="card__user__handle">@ScottForrest</span>
                                            </a>
                                        </div>
                                        <div class="card__user text-center trunc">
                                            <a href="/find/co-writers/uk/aberdeen" class="trunc in" title="@Aberdeen, United Kingdom">
                                                <span class="card__user__handle" data-icon-new="">&nbsp;<em>Aberdeen, United Kingdom</em></span>
                                            </a>
                                        </div>
                                        <div class="roleWrap">
                                            <hr class="mb-" />
                                            <h4 class="fs-14 trunc no-margin text-center pl pr flat-blue lato-bold">
                                                                                                <div class="trunc" style="width:100%">
                                                                                                            <a href="/find/film-directors" style="display:inline-block">Film Director</a>,&nbsp;<a href="/find/screenplay-writers" style="display:inline-block">Screenplay Writer</a>,&nbsp;<a href="/find/video-editors" style="display:inline-block">Video Editor</a>                                                                                                    </div>
                                            </h4>
                                            <hr class="mt-" />
                                        </div>
                                        <p style="height:6em">
                                            <span class="aside-text lato-regular bl fs-14 text-center pl pr">Film-maker from Aberdeen. I make short films and music videos.

I studied Photographic &amp; Electronic Media in Aberdeen, a Master's in Film in Edinb...</span>
                                        </p>
                                        <div class="grid p-">
                                            <div class="grid__item small-12">
                                                <a href="/ScottForrest">
                                                    <button class="btn btn--expand btn--flat-green no-margin no-border" title="Hire me">Hire videographers</button>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                    <a href="/signup" class="btn btn--flat-purple-dark btn--large small-12 medium-6 large-3 no-margin no-border">
                        <b>Become a member</b><i class="ml" aria-hidden="true" data-icon="&#xf054;"></i>
                    </a>
                </div>

                <!-- WHERE CAN YOU FIND US SECTION -->
                <div class="landing-section landing-section--white text-center">
                    <h3 class="lato-bold purple uppercase mt+ mb">Where can you find us?</h3>

                    <div class="small-12 medium-10 large-8 centered">
                            <div class="grid">
                                <div class="grid__item small-12 medium-12 large--auto small--centered">
                                    <div class="panel p">
                                        <div class="grid">
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/animators" title="Find Animators">Animators</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/animators/us/chicago" title="Find Animators in Chicago, US">Chicago</a> | <a href="/find/animators/uk/manchester" title="Find Animators in Manchester, UK">Manchester</a> | <a href="/find/animators/us/houston" title="Find Animators in Houston, US">Houston</a></div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/mixing-engineers" title="Find Mixing Engineers">Mixing Engineers</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/mixing-engineers/us/houston" title="Find Mixing Engineers in Houston, US">Houston</a> | <a href="/find/mixing-engineers/us/philadelphia" title="Find Mixing Engineers in Philadelphia, US">Philadelphia</a> | <a href="/find/mixing-engineers/us/new-york" title="Find Mixing Engineers in New York, US">New York</a></div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/illustrators" title="Find Illustrators">Illustrators</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/illustrators/uk/london" title="Find Illustrators in London, UK">London</a> | <a href="/find/illustrators/us/chicago" title="Find Illustrators in Chicago, US">Chicago</a> | <a href="/find/illustrators/us/houston" title="Find Illustrators in Houston, US">Houston</a></div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/graphic-designers" title="Find Graphic Designers">Graphic Designers</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/graphic-designers/uk/london" title="Find Graphic Designers in London, UK">London</a> | <a href="/find/graphic-designers/uk/manchester" title="Find Graphic Designers in Manchester, UK">Manchester</a> | <a href="/find/graphic-designers/us/new-york" title="Find Graphic Designers in New York, US">New York</a></div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/vocalists" title="Find Vocalists">Vocalists</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/vocalists/us/los-angeles" title="Find Vocalists in Los Angeles, US">Los Angeles</a> | <a href="/find/vocalists/uk/london" title="Find Vocalists in London, UK">London</a> | <a href="/find/vocalists/us/new-york" title="Find Vocalists in New York, US">New York</a></div>
                                                </div>
                                            </div>
                                                                                    <div class="grid__item small-12 medium-6 large-4">
                                                <div style="margin-bottom:30px">
                                                    <a href="/find/music-producers" title="Find Music Producers">Music Producers</a>
                                                    <div style="font-size:0.8em;margin-top:10px"><a href="/find/music-producers/uk/manchester" title="Find Music Producers in Manchester, UK">Manchester</a> | <a href="/find/music-producers/uk/london" title="Find Music Producers in London, UK">London</a> | <a href="/find/music-producers/us/new-york" title="Find Music Producers in New York, US">New York</a></div>
                                                </div>
                                            </div>
                                                                                </div>
                                        <p>There's also countless other creatives. <a href="/signup">Sign up</a> to see.</p>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>

                <!-- ASK THE TWINE TEAM SECTION -->
                <div class="landing-section landing-section--small landing-section--gray text-center">
                    <h3 class="lato-bold purple mb">Ask the Twine team</h3>

                    <div class="grid">
                        <div class="grid__item small-12 medium-5">
                            <div class="grid__item small-3 hide-for-640-down">
                                <img src="//d23rdsf59im9gs.cloudfront.net/assets/img/landing/main/questions-graphic.png" alt="Got any questions?" />
                            </div>
                            <div class="grid__item small-12 medium-9 text-left">
                                <p>Got any questions? The Twine team are on hand to help with anything you might need. <a href="/contact">Send us an email</a>, talk to us on chat or visit our <a href="/help">FAQ centre</a>.</p>
                            </div>
                        </div>
                        <div class="grid__item small-1 hide-for-640-down">
                            <div style="border-right:1px solid #ddd; height:100px; margin-top: 10px"></div>
                        </div>
                        <hr class="show-for-640-down"/>
                        <div class="grid__item small-12 medium-6">
                            <p>Get in touch to discuss your project needs:</p>
                            <a href="/contact" class="btn btn--flat-gray btn--small small-12 medium-8 large-4 no-border mb+">
                                <i class="righ ml" aria-hidden="true" data-icon="&#xf0e0;"></i><b> Send us a message</b>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- STAND OUT FROM THE COMPETITION. START YOUR PROJECT WITH TWINE TODAY SECTION -->
                <div class="landing-section landing-section--small landing-section--blue text-center" style="margin-bottom: 120px;">
                    <h3 class="lato-bold purple mb">Stand out from the competition. Start your project with Twine today</h3>
                    <a href="/post" class="btn btn--flat-green btn--large small-12 medium-6 large-3 no-margin no-border">
                        <b>Get started</b><i class="ml" aria-hidden="true" data-icon="&#xf054;"></i>
                    </a>
                </div>
            </div>
    </section>
</div>


<!-- Hotjar Tracking Code for www.twine.fm -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:341800,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>


<div id="forgot-password" class="small reveal-modal">

	<div class="alert-box hide" data-forgot-password-alert data-alert>
	</div>

	<form class="forgot-password-form custom no-margin" data-forgot-password-form data-abide="ajax">
		<div class="large-8 centered">
				<h3 class="lato-regular purple mt mb">Forgot Your Password</h3>
		
			<div class="grid grid--collapse">
				<div class="grid__item small-2">
					<span class="prefix radius" data-forgot-password-icon>
						<i class="large" aria-hidden="true" data-icon="&#xf0e0;"></i>
						<i class="spinner hide" aria-hidden="true"></i>
					</span>
				</div>
				<div class="grid__item small-10">
					<input type="email" placeholder="Email Address" value="" id="forgot-email" name="forgot-email" data-forgot-password-input required>
					<small class="error" data-error-message>A valid email address is required</small>
				</div>
			</div>

			<button class="btn btn--large btn--flat-blue no-border centered text-center mt" data-js="click-forgot-password"><b>Reset password</b> <span data-icon='&#xf054;' class='fs-14 ml-'></span></button>			
		</div>

	</form>

	<a class="close-reveal-modal">&#215;</a>
</div>


</div> <!-- end full page wrap --><footer class="main-footer hide-for-small footer--alt footer--dark"><div class="no-margin no-border"><nav class="centered"><ul class="footer-list"><li><a href="//www.twine.fm/help">Help</a></li><li><a href="https://www.twine.fm/blog/">Blog</a></li><li><a href="https://www.twine.fm/blog/category/hiringfreelancers/">Hiring Creatives</a></li><li><a href="//www.twine.fm/contact">Contact</a></li></ul><ul class="footer-list"><li><a href="//www.twine.fm/howitworks">How Twine Works</a></li><li><a href="//www.twine.fm/pricing">Subscribe to Pro</a></li><li><a href="//www.twine.fm/about">About Twine</a></li><li><a href="https://developer.twine.fm">Developers</a></li></ul><ul class="footer-list"><li><a href="//www.twine.fm/find/animators">Hire an Animator</a></li><li><a href="//www.twine.fm/get/logo">Get a Logo</a></li><li><a href="//www.twine.fm/get/explainer-video">Get an Explainer Video</a></li><li><a href="//www.twine.fm/find/illustrators">Hire an Illustrator</a></li><li><a href="//www.twine.fm/find/graphic-designers">Hire a Graphic Designer</a></li></ul><ul class="footer-list"><li><a href="//www.twine.fm/copyright">Copyright</a></li><li><a href="//www.twine.fm/privacy">Privacy</a></li><li><a href="//www.twine.fm/terms">Terms</a></li></ul><ul class="inline-list footer-list inline-list--social" style="float:right"><li><a rel="nofollow" title="Twine on Facebook" href="https://www.facebook.com/jointwine" target="_blank"><i class="large" aria-hidden="true" data-icon="&#xf09a;"></i></a></li><li><a rel="nofollow" title="Twine on Twitter" href="https://twitter.com/jointwine" target="_blank"><i class="large" aria-hidden="true" data-icon="&#xf099;"></i></a></li><li><a rel="nofollow" title="Twine on Instagram" href="https://www.instagram.com/jointwine/" target="_blank"><i class="large" aria-hidden="true" data-icon="&#xf083;"></i></a></li></span></ul></nav></div></footer>
<script>
var loggedInUser = {};
</script>

<div id="messaging-modal" class="messaging-modal medium reveal-modal custom-reveal radius no-padding oh" ng-controller="MessagingController">
	<p class="text-center" data-messaging-loaded style="position: absolute; top: 50%; left: 46%;">loading...</p>
	<div class="messaging-view" ng-view ng-controller="ViewCtrl" ng-class="pageAnimationClass"></div>
</div>
<script>window.messagesUser = {};window.messagesBriefId = null;function setMessagesUser(user, briefId) {if (Object.keys(loggedInUser).length === 0) {window.location = '/signin';} else {window.messagesUser = user;window.messagesBriefId = briefId;if (document.createEventObject){var evt = document.createEventObject();return window.fireEvent('onopenMessagesModal',evt)} else {var evt = document.createEvent('HTMLEvents');evt.initEvent('openMessagesModal', true, true );return !window.dispatchEvent(evt);}}}</script><div id="messages-modal"></div><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/imagesloaded/imagesloaded-pkgd.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/nice.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script>Nice.init();</script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script>window.jQuery || document.write('<script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/jquery/jquery.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"><\/script>')</script><script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-route.min.js" defer></script><script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-touch.min.js" defer></script><script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-sanitize.min.js" defer></script><script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular-cookies.min.js" defer></script>    <script src="https://cdn.ravenjs.com/3.8.1/raven.min.js" crossorigin="anonymous"></script>

    <script>
        var ravenOptions = {
            logger: 'javascript',
            ignoreErrors: [],
            whitelistUrls: [/(d23rdsf59im9gs\.cloudfront\.net)|(twine\.fm)/],
                    };

        Raven.config("https://5dd5d4fcd87f43bcad8029505409fbeb@app.getsentry.com/15632", ravenOptions).install();

            </script>
<script src="//d23rdsf59im9gs.cloudfront.net/assets/js/global.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/guest.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//connect.facebook.net/en_US/sdk.js"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/countUpjs/countUp.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/clowdy-landing.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/clowdy-analytics.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/scrollReveal.js/scrollReveal.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-base.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-landing.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/ng-remote-validate/release/ngRemoteValidate-0-2-1.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/ng-match/ng-match.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-validation.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-utils.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-register.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/vendor/emoticons/emoticons.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-utils.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-auth.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-clowdy-analytics.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/ng-messaging.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script src="//d23rdsf59im9gs.cloudfront.net/assets/js/clowdy/react-messagesmodal.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44"></script><script>
    (function($) {
        'use strict';
        window.sr= new scrollReveal({
          mobile: false,
          vFactor: 0.2
        });

    })();

    

    
    $(document).ready(function () {
        var index = 0;
        setInterval(function () {
            $('#customers-scroll-'+index).css('background-color', '#ddd');
            index++;
            if (index == 2) {
                index = 0;
            }

            $('#customers-scroll-'+index).css('background-color', '#3c96e6');

            $('#customers-scroll').animate({scrollLeft: $('#customers-scroll').width()*index}, 500);
        }, 5000);
    });

    $(".see-more-reveal").click(function () {
        $(".examples-row").removeClass('hide');
        $(".see-more-hide").removeClass('hide');
        $(".see-more-reveal").addClass('hide');
    });

    $(".see-more-hide").click(function () {
        $(".examples-row").addClass('hide');
        $(".see-more-hide").addClass('hide');
        $(".see-more-reveal").removeClass('hide');
    });
    
</script>
<script>window.debug = false;if (typeof(Modernizr) !== 'undefined' && Modernizr) {Modernizr.load({test: Modernizr.input.placeholder,nope: '//d23rdsf59im9gs.cloudfront.net/assets/js/polyfills/jquery-placeholderfix.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44',complete: function() { if(!Modernizr.input.placeholder) $('input, textarea').placeholderFix(); }});Modernizr.load({test: Modernizr.cors,nope: '//d23rdsf59im9gs.cloudfront.net/assets/js/polyfills/xdr.min.js?v=f12063f4bf3ac1dcabbc0e7e79d46d44'});}</script>
<script>(function(){
  window._fbds = window._fbds || {};
  _fbds.pixelId = 732824946761559;
  var fbds = document.createElement('script');
  fbds.async = true;
  fbds.src = '//connect.facebook.net/en_US/fbds.js';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(fbds, s);
})();
window._fbq = window._fbq || [];
window._fbq.push(["track", "PixelInitialized", {}]);
</script>
<noscript><img height="1" width="1" border="0" alt="" style="display:none" src="https://www.facebook.com/tr?id=732824946761559&amp;ev=NoScript" /></noscript>
		<!-- begin olark code -->
		<script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
		f[z]=function(){
		(a.s=a.s||[]).push(arguments)};var a=f[z]._={
		},q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
		f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
		0:+new Date};a.P=function(u){
		a.p[u]=new Date-a.p[0]};function s(){
		a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
		hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
		return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
		b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
		b.contentWindow[g].open()}catch(w){
		c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
		var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
		b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
		loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
		/* custom configuration goes here (www.olark.com/documentation) */
		olark.identify('6237-141-10-5785');/*]]>*/</script><noscript><a href="https://www.olark.com/site/6237-141-10-5785/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
		<!-- end olark code -->
		</body></html>
