<!DOCTYPE html>
<html  ng-app="vpModule" ng-controller="VPController">
<head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=1200">
   <meta name="msvalidate.01" content="AF86D6C94D0294C6DCFF4C02777B9787" />
   
   <link rel="stylesheet" href="/st/css/main.css">
   <link rel="stylesheet" href="/st/css/common.css">
   
   <link rel="stylesheet" href="https://vjs.zencdn.net/4.5/video-js.css">
   
   <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script  src="/st/js/o/easing.js"></script>
   
   <link rel="apple-touch-icon" sizes="57x57" href="/st/fav/apple-touch-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="114x114" href="/st/fav/apple-touch-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/st/fav/apple-touch-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="144x144" href="/st/fav/apple-touch-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/st/fav/apple-touch-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="120x120" href="/st/fav/apple-touch-icon-120x120.png">
   <link rel="apple-touch-icon" sizes="76x76" href="/st/fav/apple-touch-icon-76x76.png">
   <link rel="apple-touch-icon" sizes="152x152" href="/st/fav/apple-touch-icon-152x152.png">
   <meta name="apple-mobile-web-app-title" content="Videopixie">
   <link rel="icon" type="image/png" href="/st/fav/favicon-196x196.png" sizes="196x196">
   <link rel="icon" type="image/png" href="/st/fav/favicon-160x160.png" sizes="160x160">
   <link rel="icon" type="image/png" href="/st/fav/favicon-96x96.png" sizes="96x96">
   <link rel="icon" type="image/png" href="/st/fav/favicon-16x16.png" sizes="16x16">
   <link rel="icon" type="image/png" href="/st/fav/favicon-32x32.png" sizes="32x32">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="/st/fav/mstile-144x144.png">
   <meta name="application-name" content="Videopixie">
   
   
   
   <title>Video production services for Skillshare instructors</title>
   <meta name="description" content="Skillshare experts use Videopixie to get their courses edited, filmed, animated by professional video freelancers. Quality videos at affordable prices. No agency fees.">   
   <!--REMOVE ONCE LANDING2 PAGES HAVE ALL BEEN RESKINNED -->
   <link href='//fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
   <!--ENDREMOVE-->
   <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Muli:400' rel='stylesheet' type='text/css'>
   <link href='/st/css/landing2.css' rel='stylesheet' type='text/css'>
   
   <style>
      /*MOVE TO LANDING2.CSS*/
h1.no-cta {margin-top:40px;font-size:60px;}

/* HACK TO AVOID ANDROID TEXT RESIZING */
ul,p,h3 {max-height:5000em;}

/*SKILLSHARE STYLING */
.blue_divider {display:none;}

body, h3, h5, h6, p {font-family: 'Muli', sans-serif!important; font-weight: 400;}
h1, h2, h4 {font-family: 'Montserrat', sans-serif; font-weight: 400; font-weight:700!important;}

h1 {color: #fff;}
h3,h4,ul,p {color:#363847;}

span.tip {border-bottom: 1px dotted #5cb85c;cursor:pointer;}
span.tip:hover {border-bottom: 1px solid #5cb85c;}

#why ul {margin-top:2px;}


#hero-text {left:0px;text-align:center;width:100%;text-shadow: 1px 1px 3px #333;}
#hero-text h3 {font-size:28px;color:#FFF;}
a.blue-link {color:#363847;}

#deal {background: none!important;}
#vp-logo, #partner-logo {display:inline-block;vertical-align:middle;}
#logos span {vertical-align:middle;font-weight:700;font-size:40px;}

#vp-logo { background:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/VP_logo.png') center center /76% no-repeat; width:240px; height:60px;
margin:15px 0 20px 0px;
}

#deal-header {background-color: rgb(10,175,214); padding:15px 0px;}
/*#deal-header {background-color: #63B6BE; padding:15px 0px;}*/
#deal-header h2 {color:#FFF!important;font-weight:400!important;}

#what, #why {padding:20px 0px;}

#contact h2 {font-size:24px;color:rgb(50,50,50)!important;}



/* EXAMPLES */
.example{width:440px;padding: 20px;clear:none;margin-left:20px;margin-right:40px;}
.example + .example {margin-right:0px;}
.example-text{width:390px;margin:5px 0px;}
.play-triangle{left:185px;top:82px;}


/*  PARTNER OFFER CSS */
#offer {overflow:hidden;padding-bottom:20px;
background: -webkit-radial-gradient(ellipse,#F0EBEB, #FFF);
background: -o-radial-gradient(ellipse,#F0EBEB, #FFF);
background: -moz-radial-gradient(ellipse,#F0EBEB, #FFF);
background: radial-gradient(ellipse,#F0EBEB, #FFF);
}
#examples {background:0 0;}
#offer h2 {margin: 20px 0 20px 0;color:rgb(10,175,214)}
#offer h3 {margin: 7px 0 10px 0;font-size: 20px; font-family: Helvetica, arial, sans-serif;line-height: 130%;color: #363847;}

.pricing-card { border-radius: 3px;position: relative;padding: 20px;text-align: center;background: #FFF;border: 1px solid #ECECEC;width: 440px;margin: 0px 40px 40px 20px;}

.pricing-card + .pricing-card {margin-right:0px;}

.pricing-card i {color: #7B8386;}

#offer h4 {color: #363847;font-size:40px;margin-bottom:5px;}


.pricing-card .price {font-size:27px; background: 0 0;margin:10px 0px;color: #7B8386;}
.pricing-card .price strong {font-weight:700; color: #5cb85c /*#33CD7B*/;}
#offer ul {margin-top:30px;height:210px;float:none;}
#offer li {text-align:left;}
.reqs li {list-style:none;}

#offer h3.last {margin-bottom:40px;}
#offer ul.reqs {font-size:20px;margin-top:10px;height:auto;}

.strikethrough {
  position: relative;
  margin:0px 3px;
  font-size:20px;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-15deg);
  -moz-transform:rotate(-15deg);
  -ms-transform:rotate(-15deg);
  -o-transform:rotate(-15deg);
  transform:rotate(-15deg);
}

#offer .button {display:block;margin:10px;padding:0px;}

#offer .button {opacity: 1;font-size: 26px;line-height: 52px;height: 52px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-moz-transition-property: background;-o-transition-property: background;-webkit-transition-property: background;transition-property: background;-moz-transition-duration: .3s;-o-transition-duration: .3s;-webkit-transition-duration: .3s;transition-duration: .3s;background: #5cb85c /*#33CD7B*/;color: #FFF;text-shadow: none;border: none;}


#offer .button:hover{background: #47D25D; /*#47D288;*/}

#offer .button:active {-moz-transition-duration: 0s;-o-transition-duration: 0s;-webkit-transition-duration: 0s;transition-duration: 0s;background: #4CB47D;color: #239056;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);}


#offer li strong {font-weight: 700;margin-right: 5px;}
#offer .disclaimer {font-size:16px;margin-bottom:50px;}

/* PARTNER DEAL BANNER */
#partner-logo {
  background:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/skillshare-logo-120-15.png') center center / 76% no-repeat;
  width:230px;
  height:40px;
  display:inline-block;
  vertical-align:middle;
  margin:10px 0 0 0;

}
   </style>
   
   <script>
      function ses_track_wrapper(event)
   {
      SES.track( {event_name:event} );
   }

   $(document).ready(function(){
      $('#edit_package').click(function(e){
            ses_track_wrapper("clicked_edit_package");
      });
      $('#film_and_edit_package').click(function(e){
            ses_track_wrapper("clicked_film_and_edit_package");
      });
   });
   </script>      
   
   

      
   <link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
   
   <script  src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-animate.min.js"></script>
   
   <script>
      window.SES={};
      SES.is_dev_enviro = false;
      SES.coupon_unavailable = false;

      var vpModule = angular.module('vpModule', ['ngAnimate',]);
       
   </script>
   
  
   
   <script src="/st/build/vjs.4.5.min.js"></script>
   
   <!--
      <script type="text/javascript" src="/st/build/vjs-extra.concat.js"></script>
   -->
   <script  src="/st/build/vjs-extra.min.js"></script>
   
   <script  src="/st/js/o/common.js"></script>
   <script  src="/st/js/c/VPController.js"></script>
   <script  src="/st/js/c/DirectivesCommon.js"></script>
   <script  src="/st/js/c/MediaModalController.js"></script>
   <script  src="/st/js/c/EditorProfileController.js"></script>
   <script>
      
   var log = VPL('HomePageController');
      
   
   vpModule.controller('HomePageController', ['$scope', 'comm', '$http', 
      function($scope, comm, $http){
      
         $scope.mediaClick = function(id, evt, _options, size){
         
            log.d('mediaClick', _options);

            var content = $(evt.currentTarget).children('.about').eq(0).html()
            var options = _options || {}
            
            comm.broadcast(VP.SHOW_MEDIA,{
               mode: (content ? VP.SIDEBAR_MODES.HTML_MODE : VP.SIDEBAR_MODES.ASSET_MODE),
               htmlSidebarContent: content,
               mediaData: {
                  bucket: options.bucket || "our.s3.videopixie.com/examples/",
                  provider: options.provider || "",
                  provider_id: id,
                  file_extension: 'mp4', 
                  hasWebm: true,
                  overlays: options.overlays || null,
                  format: options.format || null
               },
               size: size
            });
         };
         
         $scope.homepageVideo = function(id,evt){
         
            $scope.mediaClick(id, evt, {
               bucket: 'our.s3.videopixie.com/video/',
               format: '704p'
            },
            {
               width: 1024,
               height: 576,
               media_width: 1024,
               media_height: 576
            });
         }
         
         
         $scope.$watch('MediaModal',function(isPlaying){
         
            window.isPlayingVideo = !!isPlaying;
         });
         
         
         $scope.registerNew = function(){
         
            var path = '/register/new';
            
            if (!$scope.registerNewEmailAddress || $scope.registerNewEmailAddress.length < 3){
               return;
            }
            
            var data = {
               email_address: $scope.registerNewEmailAddress,
               type_context: SES.type_context || ''
            };
            
            $scope.registerNewPending = true;
            $scope.registerNewErrorMsg = null;
           
            $http.post(path, data).then(
               function registerNewSuccess(response){
                  log.d('SUCCESS', path);
                  $scope.registerNewComplete = true;
                  $scope.registerNewPending = false;
               },
               function registerNewError(response){
                  log.d('ERROR', path, response);
                  $scope.registerNewErrorMsg = response.data.error.human;
                  $scope.registerNewPending = false;
               }
            );
            
         
         }

         
         
      }]);
      
      
      
      $(document).ready(function(){
         $('.click-proxy').click(function(evt){
         
            var id = $(evt.currentTarget).attr('click-proxy');
            //console.log('click-proxy', id);
            $('#'+id).triggerHandler('click');
            
         });
         
         (function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=257876044244230";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      
      });

   </script>

   
   <!-- start Mixpanel -->
   <script type="text/javascript">
    (function(c,a){window.mixpanel=a;var b,d,h,e;b=c.createElement("script");
    b.type="text/javascript";b.async=!0;b.src=("https:"===c.location.protocol?"https:":"http:")+
    '//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';d=c.getElementsByTagName("script")[0];
    d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function d(a,b){
    var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function(){a.push([b].concat(
    Array.prototype.slice.call(arguments,0)))}}var g=a;"undefined"!==typeof f?g=a[f]=[]:
    f="mixpanel";g.people=g.people||[];h=['disable','track','track_pageview','track_links',
    'track_forms','register','register_once','unregister','identify','alias','name_tag',
    'set_config','people.set','people.increment','people.track_charge','people.append'];
    for(e=0;e<h.length;e++)d(g,h[e]);a._i.push([b,c,f])};a.__SV=1.2;})(document,window.mixpanel||[]);
    mixpanel.init("5f3d14b1f63c57b8546c6c7f095ae4b2");
   </script>
   <!-- end Mixpanel -->
   
   
   <script type="text/javascript" src="/st/js/v/ses_mixpanel.js"></script>
   
   <!--[if lt IE 7.]>
      <script defer type="text/javascript" src="st/pngfix.js"></script>
   <![endif]-->
   
   <script>
      (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-42918769-1', 'videopixie.com');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');
      
      var referrerCookieName = 'vpFirstReferrer';
      if (!readCookie(referrerCookieName)){
         var ref = document.referrer || 'empty';
         createCookie(referrerCookieName , ref ,365*2);
      }
   </script>
  
   
    
   
  
</head>
<body class="VP"  ng-controller="HomePageController">
   
   <div id="header">
      <a href="/"><img id="logo" src="/st/images/logo_text_and_pixie.png" alt="Videopixie"></a>
      <a id="phone" href="tel:1 800 510 6570">1 (800) 510-6570</a>
      
      
      
         
         <a href="/sign-in"><div class="button blue">Sign in</div></a>
         
         
      
      
      
      <a class="right-link" href="/pricing">Pricing</a>
      <a class="right-link" href="/video-school">Video School</a>
      <a class="right-link browse-link browse-link-first" href="/videographers">Videographers</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-animators">Animators</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-editors">Browse:&nbsp; Video editors</a>
      
   </div>
   
   
    

<div id="hero" style="background-image: url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/skillshare-poster-1280-720.jpg')">
   <!--<div id="hero-img" ></div>-->
   <div id="poster-shade"></div>
   <div id="hero-text">
      <h1  class="no-cta">Hire videographers and editors <br>for your Skillshare videos</h1>
      <h3></h3>
      
      
      
   </div>
   
</div> 


<div id="deal">
   <div id="logos">
  <div class="container">
    <div id="vp-logo"></div> <span>+</span> <div id="partner-logo"></div>
  </div>
</div>
<div id="deal-header">
  <div class="container">
    <h2>Skillshare instructors get 10% off</h2>
  </div>
</div>
</div>   





<div class="blue_divider"></div>


<div id="more">
   <div class="content">
      <div id="what">
         <h2>What is Videopixie?</h2>
         <h3>Videopixie is a community of 2,000+ <a href="https://www.videopixie.com/video-production" target="_vp_vp" class="grey-link">video freelancers</a>, available on-demand to film, edit, animate your videos.</h3>
         <p>Just upload your footage, screencasts and powerpoints,... and receive professionally edited courses within days. Use Videopixie to find videographers and animators too.</p>
      </div>
      <div id="why">
         <h2>Why Videopixie?</h2>
         <ul>
            <li>Choose from 2000+ video pros</li>
            <li>Get bids within your budget</li>
            <li>Receive personalized recommendations</li>
         </ul>
      </div>
   </div>
</div>



<div id="offer">
   <div class="content">
         <h2>Two video packages to choose from:</h2>
      <div class="pricing-card fl">
         <h4>Edit only</h4>
         <i>Just upload your footage, we do the rest</i>
         <ul>
            <li><strong>Umms/Uhhs treatment:</strong> we trim hesitations or redundancies to get a more concise flow</li>
            <li><strong>Audio/Video Scrub:</strong> we balance audio levels and adjust colors for warmer more contrasted images</li>
            <li><strong>Basic titles:</strong> lectures start with a clean title screen, followed by slightly animated lower thirds</li>
            <li><strong>1-2 iterations</strong>per lecture</li>
         </ul>
         <div class="price">
           Starting from <strong>$200</strong> <span class="strikethrough">$220</span>
         </div>
         <a href="/start?preset_type=COURSE_BASIC&coupon=skillshare_gets_10_pct_off_yay" class="button" id="edit_package">Get the <b>Edit only</b> package</a>
      </div>
      <div class="pricing-card fl">
         <h4>Film + Edit</h4>
         <i>We film and edit your course</i>
         <ul>
            <li><strong>Half-day shoot:</strong> professional videographer comes to your location and shoots 1-3 hours of raw footage</i>
            <li><strong>Quality equipment:</strong> Canon 60D or equivalent, external mic, lighting kit</i>
            <li><strong>Simple edit:</strong> same as Edit package</li>
            <li><strong>1-2 iterations</strong>per lecture</li>
         </ul>
         <div class="price">
           Starting from <strong>$700</strong><span class="strikethrough">$770</span>
         </div>
         <a href="/start?preset_type=COURSE_BASIC&coupon=skillshare_gets_10_pct_off_yay" class="button" id="film_and_edit_package">Get the <b>Film + Edit</b> package</a>
      </div>
      <div style="clear:both;"></div>
      <div class="example">
           <p class="example-text"><b>Example:</b></p> 
           <div id="basic_video" class="fl img-wrapper" ng-click="mediaClick('7ZOpV0_cu9g',
                     $event,{
                           provider:'youtube',
                           bucket: '',
                           format:''
                        })">
                  <div class="example-img" style="background-image:url('https://img.youtube.com/vi/7ZOpV0_cu9g/hqdefault.jpg')"></div>
                  <img class="play-triangle" src="/st/images/play2.png">
                  <div class="dn about">In this video: simple editing, cuts from live action to screen capture, balanced audio, simple titles (optional), pan & zoom (optional)</div>
          </div>
      </div>
      <div class="example">
          <p class="example-text"><b>Example:</b></p> 
          <div id="advanced_video" class="fl img-wrapper" ng-click="mediaClick('plwRPf0NOWY',
                        $event,{
                           provider:'youtube',
                           bucket: ''
                        })">
             <div class="example-img" style="background-image:url('http://img.youtube.com/vi/plwRPf0NOWY/hqdefault.jpg')"></div>
             <img class="play-triangle" src="/st/images/play2.png">
             <div class="dn about">In this video:  clean sound, well lit, crisp subject, simple cuts from mid shots to close ups, simple intro slate.</div>
        </div>
      </div>
      <div style="clear:both;"></div>

      <h2>How it works</h2>
      <h3>Select one of the packages above, describe your project, then ask Videopixie to choose a video professional. We will select from the best available creators in your price range. You can also ask for bids if you want to connect with several creators directly and choose from various styles/prices.</h3><br> 

      <h2>No risk</h2>
      <h3>When selecting the "videopixie chooses" option, we guarantee professional results and you only pay at the end when satisfied.</h3><br>
      
      <h2>Pricing</h2>
      <h3>Price depends on the length of your course and other options selected.  Tips:  videographers charge by the half-day / day, and you save $$$ by filming several lectures in one session.</h3><br>

      <h2>Requirements</h2>
      <h3>To benefit from the negotiated rates please make sure to:</h3>
      <ul class="reqs">
         <li>a) (edit package only) rename your files to help editors navigate your content (eg. "lecture-1.mp4")</li>
         <li>b) spell out any text you'd like written in the video (eg. titles, names,...)</li>
         <li>c) provide any graphics, slides, and pictures you'd like in the video</li>
         <li>d) select the "Videopixie chooses" option when ordering</li>
      </ul>
      <br>
     
      <h2>Need motion graphics? creative direction? actors?</h2>
      <h3 class="last">You can also use Videopixie for more advanced projects, for example if you need motion graphics, illustrations, greenscreen, actors,... just <a href="/start?preset_type=COURSE_ADVANCED&coupon=skillshare_gets_10_pct_off_yay" class="grey-link" target="_vp_3">start an advanced project</a> or <a href="mailto:human@videopixie.com?subject=Skillshare%20class" target="_vp_2" class="grey-link">contact us</a></h3>
   </div>   
   </div>
</div>






<div id="testimonial">
   <div class="content">
   
      <div class="testimonial">
         <img src="https://s3.amazonaws.com/our.s3.videopixie.com/landing/mimika.jpeg">
         <h2>
            <span class="quote-mark">&ldquo;</span>
            I use Videopixie for all my post-production: from simple editing, to hiss-noise removal, to animated lower thirds... it's affordable, fast and always on! Highly recommended for every instructor/videographer.
            <span class="quote-mark">&rdquo;</span>
         </h2>
         
         <div class="attribution">
            <div class="name"><b>Mimika Cooney</b> - professional photographer/videographer, online expert & instructor</div>
            <!--<div class="position">Program Lead at Orange</div>-->
         </div>
      </div>
   </div>   
</div>



<div id="contact">
   <div class="content">
      <h2 >If you have any questions, email <a href="mailto:human@videopixie.com" target="VP_blank">human@videopixie.com</a> or call <a href="tel:18005106570">+1 800 510 6570</a></h2>
   </div>
</div>

<!--
<div id="lower">   
   <div class="content">
      <div class="testimonial">
         <img src="https://s3.amazonaws.com/our.s3.videopixie.com/landing/mimika.jpeg">
         <div class="fl">
            <div class="quote">I use Videopixie for all my post-production: from simple editing, to hiss-noise removal, to animated lower thirds... it's affordable, fast and always on! Highly recommended for every instructor/videographer.</div>
            <div class="attribution"><b>Mimika Cooney</b> - professional photographer/videographer, online expert & instructor</div>
         </div>
      </div>
      
   </div>
</div>
-->
<script>
           
try {
   var pageName = 'skillshare';
   var pageVersion = -1;
   var propertiesForMixpanel = {};
   propertiesForMixpanel[pageName + "_version"] = pageVersion;
   
   SES.track({
      event_name:'learn',
      should_not_post_event_to_internal:true
   });
   
   SES.track({
      event_name:'viewed_landing_page',
      p:propertiesForMixpanel,
      details:'viewed_page='+pageName+';',
      should_not_post_event_to_internal:true
   });

} catch (e) {
   log.d("error logging to mixpanel");
}

try{
   createCookie('vp_coupon', '', 180);
} catch(e){

}

var startUrl = $('#start').attr('href');

$('#email').keyup(function(){
   $('#start').attr('href', startUrl + '&email_address='+encodeURIComponent($(this).val()) )
});



         
</script>

   
   <div id="footer">
      
      <div class="content">
         <img id="footer-logo" src="/st/images/logo_text_and_pixie.png" alt="videopixie logo">
         
         <div id="footer-left">
            <a href="/im_a_pro">Sign-up as a Professional</a>
            <a href="/video-production">Browse Video Producers</a>
            <a href="/learn-more">Learn More</a>
            <a href="/pricing">Pricing</a>
         </div>
         
         <div id="footer-left">
            <a href="/video-school">Video School</a>
            <a href="/about">Our Team</a>
            <a href="/jobs">Jobs</a>
            <a href="/faq">FAQ</a>
         </div>
      
         <div id="social-links">
            <a target="vp_facebook" href="//www.facebook.com/videopixie" class="facebook social-box">f</a>
            <a target="vp_twitter" href="//www.twitter.com/videopixie" class="twitter social-box">t</a>
            <a target="vp_google" href="//www.google.com/+videopixie" class="google social-box">g+</a>
            <a target="vp_linkedin" href="//www.linkedin.com/company/videopixie" class="linkedin social-box">in</a>
         </div>
         
         <div id="footer-bottom">
            <span>Copyright 2015 TT Labs Inc.</span>
            <a href="/st/privacy.html">Privacy Policy</a>
            <a href="/st/dmca.html">DMCA</a>
         </div>
      
      </div>
      
      
      
   </div>
  
   
   
   <div id="media-modal" class="modal modal-wrapper video-modal dn" vp-size="size" vp-fade="[[MediaModal]]" vp-closeable="MediaModal"  ng-controller="MediaModalController">
<!--vp-fade-but-leave-in-display="MediaModal" -->

   <div id="media-background" vp-width-by-aspect="[[aspectRatio]]"></div>
   <div id="image-wrapper"
      ng-class="{ontop: imageViewerMode, small_hide: !imageViewerMode}"
      vp-img-child="src: '[[imageSrc]]', valid: true">
      <!--img is inserted by vp-img-child -->
   </div>
   <div id="player-wrapper" ng-class="{small_hide: imageViewerMode}">
      <video id="video-element" class="video-js vjs-default-skin" controls ng-controller = "VideoPlayerController"></video>
      <div id="video-overlay" ng-bind-html="overlayHtml">
         
      </div>
   </div>
   
   <div id="sidebar-wrapper">
      
      <div ng-show="mode.design_mode" ng-controller="DesignSideBarController" class="side-bar designSideBar"><!-- Design Mode -->
         
         <div class="font-14-999 fr">[[currentQuestion.name]]</div>
         <div class="currentOptionWrapper clearfix">
         
            <div class="option clearfix"
               ng-click="onCurrentOptionClick()"
               ng-class="{selected:currentOption.selected}"
               vp-hover-exclusion="not-hot">
               <div class="mainRow fl">
                  <div class="thumbnailWrapper fl" 
                     vp-img-child="src: '[[AWS + mediaData.bucket + currentOption.video.provider_id]]' + '_120h.jpg', valid: [[!!currentOption.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                  </div>
                  <div class="font-16-666-b optionName fl">[[currentOption.name]]</div>
                  <div class="ok"></div>
               </div>
               <div class="font3 details fl">[[currentOption.details]]</div>
            </div>
            
         </div>
         
         <div class = "otherOptionsWrapper">
            
            <div class="bar"></div>
            <div class="font4 subtitle">Other [[currentQuestion.name]] options:</div>
            <div class="vp-scroll-bar vp-scroll-shadows scroll-wrapper">
               <div class="option clearfix" 
                  ng-repeat="(optionIdx,option) in currentQuestion.options" 
                  ng-hide='optionIdx == currentOptionIdx || option.hidden || option.renderer == "lengthInput"'
                  ng-class="{clickable:option.video.provider_id}"
                  ng-click="onOtherOptionClick(optionIdx)">
                  
                  <div class="thumbnailWrapper fl"
                     vp-img-child="src: '[[AWS + mediaData.bucket + option.video.provider_id]]' + '_120h.jpg', valid: [[!!option.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                     <div class="no-example" ng-hide="option.video.provider_id">No example</div>
                  </div>
                  <div class="font3 optionName">[[option.name]]</div>               
               </div>
            </div>
         </div>
         
      </div>
      
      <div ng-show="mode.html_mode" class="html-side-bar side-bar">
      
         <div ng-bind-html="htmlSidebarContent"></div>
      
      </div>
         
      
   </div>
   <div class="x close"></div>
</div>

   
   <div class="dimmer dn" vp-fade="[[Dimmer]]" vp-match-document-height></div>
   
   <div id="fb-root"></div>
      
   
   <!-- begin olark code -->
   <script data-cfasync="false" type='text/javascript'>
   /*<![CDATA[*/
   if(!SES.is_dev_enviro){
      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('3567-618-10-4944');
   }/*]]>*/
   </script>
   <noscript><a href="https://www.olark.com/site/3567-618-10-4944/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 -->
   
  
   
   <!-- Google Code for Remarketing Tag -->
   <!--------------------------------------------------
   Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
   --------------------------------------------------->
   <script type="text/javascript">
   /* <![CDATA[ */
   var google_conversion_id = 993449120;
   var google_custom_params = window.google_tag_params;
   var google_remarketing_only = true;
   /* ]]> */
   </script>
   <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
   </script>
   <noscript>
      <div style="display:inline;">
         <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993449120/?value=0&amp;guid=ON&amp;script=0"/>
      </div>
   </noscript>

   
   <script type="text/javascript">
      (function() {
         window._pa = window._pa || {};
         // _pa.orderId = "myOrderId"; // OPTIONAL: attach unique conversion identifier to conversions
         // _pa.revenue = "19.99"; // OPTIONAL: attach dynamic purchase values to conversions
         // _pa.productId = "myProductId"; // OPTIONAL: Include product ID for use with dynamic ads
         var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
         pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/53dac13adc92cfda2d000130.js";
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
      })();
   </script>
   
</body>
</html>
