<!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>The perfect christmas gift: a video</title>
   <meta name="description" content="Looking for the perfect Christmas gift for your loved one? Here&#39;s an idea: make a video to cherish the special moments from 2013">   
   <meta name="viewport" content="width=1060">
   
   <style>
   
      h1, h2, h3, h4, h5, h6 {
         color: rgb(50,50,50);
      } 
      #landing-page {
         padding: 100px 0;
         overflow-hidden;
      }
      #body {background-color: #F0F0F0;}
      
      #header .container {background-color:#363847; height: 60px;}
      
      .container {width: 1060px; overflow: hidden;}
      
      .button{
         color: rgb(255,255,255);
         text-align: center;
      }
      
      .vp-button.landing-page{
         font-size: 16px;
         padding: 0.5em 1em;
         text-align: center;
         line-height: 120%;
      }
      
      .side-bar .landing-page .vp-button  {
         position: absolute;
         bottom: 32px;
         left: 17px;
      }
      
      .example-wrapper h3 {color: #363847; float: left;}
      
      #landing-page a{
         color: rgb(10,175,214);
      }

      h1 {font-size: 30px; margin: 0px 0px 25px 0px; text-align: left;}
      h2 {font-size: 20px;}
      
      h3 {font-size: 22px; margin:30px 0 10px 0;}
      h4 {font-size: 100%;color: #999;}
      
      #joinus.section {margin-top: 100px;}
      
      div.p, p {color:#777; font-size: 18px; line-height:150%; float: left; clear: left;}
      
      
      .sub-title {font-size: 20px;}
      
      .top-right-deco {position:absolute;top:-25px;right:0;width:500px;z-index:1;}
      .top-right-deco h3 {color: #999;}
      .caption {text-align:left; font-size: 14px; margin: 3px 0 0 0;}
      .body-lower {margin: 20px 0 30px 0;}

      
      
      .questions {margin-top: 30px;}
      .questions h3, .social h3 {color: #999; font-size: 18px; margin-top: 20px;}
      .questions span {font-size: 16px;}
      .questions .link {color: #C78819; cursor:pointer;}
      .questions .link:hover {color: #FFA502;}
      .questions div {margin: 0 0 0 20px;}
     
      .social a {text-decoration:none;border:1px solid #999; text-align:center; float:left;
         margin: 0 10px 0 20px;}
      .social a:hover {border-color:rgb(247,168,30);}
      .social a:hover h2 {color:rgb(247,168,30);}
      
      .request-coupon h2, .request-coupon h4, .vp-button h4 {color: #f3f3f3;}
      .request-coupon:hover h2, .request-coupon:hover h4 {color: #fff;}
      
      .vp-blurb {line-height:140%; margin-bottom:5px;}
      .vp-blurb p {font-size: 20px; line-height:125%}
      
      .get-started {color: #D69D36; text-decoration: underline;}
      .get-started:hover {color: #FFA502;}
      
      .grey-link {color: #777;text-decoration: underline;}
      .grey-link:hover {color: #333;}
      
      
      .lower-section .get-started {margin: 3px 0 0 20px;
         font-size: 18px; font-weight: 400;
         color: #D69D36;   text-decoration: underline;}
         
      .lower-section .get-started:hover {color: #FFA502;}
      .lower-section ul {margin-left: 20px; float: left;}
      .lower-section li {list-style-type: square; margin: 0 0 5px 0;}
      .successMessage .thanks {font-size: 14px; margin: 25px 0 10px 0; color: white;}
      
      .successMessage .get-started { text-decoration: underline; color: #f8f8f8; font-size: 22px;}
      .successMessage .get-started:hover {color: #fff;}
      
      
      .side-bar .landing-page  p {line-height:130%; margin:0px 0px 10px 0px; font-size: 16px;}
      
      #landing-page .left-col {width:700px; float: left;}
      #landing-page .title {margin:50px 0 30px 0;}
      #landing-page .examples {padding-bottom:70px;}
      #landing-page .example-wrapper {margin:0px;width:650px;cursor:default;}
      #landing-page .top-right-deco h3{margin:-3px 0 0 0;line-height:25px; float: right;}
      #landing-page .top-right-deco h4{margin:0px;line-height:25px;}

      #landing-page .example-wrapper .thumbnail-wrapper {
         position:relative;
         margin-top:50px;
         cursor:pointer;
         float: left;
      }
      
      #landing-page .example img.arrow {
         position: absolute;
         opacity: 0.7;
         transition: opacity 0.2s;
      }
      
      #landing-page .example img.arrow:hover {
         opacity: 1.0;
      }
         
      #landing-page .example-wrapper .thumbnail {width:650px;height:365px;}
      #landing-page .example-wrapper img.arrow {
         left:288px;
         top:150px;
      }
      #landing-page .profile-pic {width:60px;height:60px;margin:-17px 10px 0px 10px;}
      #landing-page .subtitle h4{margin:5px 0px;}
      
      
      #landing-page .right-col {float: left; width:280px; color: #999; font-size:100%;margin: 58px 0 0 75px;}
      #landing-page .right-col p {margin:10px 0px 10px 0px;}
      #landing-page .request-coupon,#landing-page .post-project {border:1px solid #999;text-align:center;margin-bottom:10px;cursor:pointer;min-height:53px; padding: 7px 0 9px 0;}
      #landing-page .request-coupon {border: 1px solid #fff; background-color: rgb(247,168,30);}
      
      /*#landing-page .request-coupon:hover,#landing-page .post-project:hover {border-color:rgb(247,168,30);}*/
      #landing-page .request-coupon input {display:block;margin:10px auto; width: 220px; padding: 5px;}
      #landing-page .request-coupon .successMessage {margin:10px auto;}
      
      
      #landing-page .request-form .vp-button {width:auto;padding:5px 11px;margin: 10px 0px 20px 33px;cursor:pointer;}
      #landing-page .request-form .vp-button h4 {font-size:15px;}
      #landing-page .request-form .spinner-holder {display:inline-block;margin:0 0 0 5px;}
      #landing-page .post-project {padding-top:10px;}

      #landing-page .right-col .lower-section {float: left;}
      #landing-page .call {margin-bottom:50px;line-height:150%;}
      #landing-page .orange {color:rgb(247,168,30);}
      
      
      #landing-page .social h2 {width:40px;line-height:40px;font-size:25px;float:left;}
      #landing-page .social h4 {width:85px;float:left;}
      #landing-page .social>p {width:100%;}
      #landing-page .social p+a {margin-left:40px;}
   
      .cta .vp-button {width: auto; font-size: 18px; color: #fff; margin: 0 0 20px 0;font-weight:700;} 
      
      .example {margin: 0 24px 20px 0;} /* this overrides css from main.css - todo: change class name */
   
   </style>
   
   

      
   <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 class="content" id="landing-page">
   <div class="container">
      <div class="left-col">
         <div class="title">
            <h1>The Perfect Christmas Gift: a video</h1>
            <p class="sub-title">Looking for the perfect Christmas gift for your loved one? <br/><br/>

You want to give something unique, touching and fun ... and you dont want to spend too much! &nbsp; Here's an idea &ndash; give a video of those special moments from 2013.<br/><br/>

Videopixie makes it super easy to hire a professional video editor to make the perfect gift. People are using Videopixie right now to make videos of their baby's first year, of their cross country road trips, and of their family vacations.</p>
         </div>
         <div class="examples" >
         
            
            
               <div class="example-wrapper" >
                  <h3 class="">Lil' Luca ($250)</h3>
                  <div class="p">Got a special little person (or two) in your life? Got a phone full of videos and been wondering what to do? Turn it into the perfect holiday gift for ~$250. Now you know.</div>
                  
                  
                  <div class="example thumbnail-wrapper"> 
                     
                     <div vp-poster="{provider: 'vimeo', bucket: '', provider_id: '8982379', provider_thumbnail_id: '97463091'}" ng-click="mediaClick('8982379',
                        $event,{
                           provider:'vimeo',
                           bucket: ''
                           
                        },{
                           media_width:960,
                           media_height:540,
                           width:960,
                           height:540
                        })">
                        <div class="thumbnail"></div>
                        <img class="arrow" src="/st/images/white-arrow.png">
                        <div class="dn about"></div>
                     </div>
                     
                     <p class="caption">Put all those video clips to use at last!</p>
                     
                  </div>
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">High Jinx on the Low Seas ($300 contest)</h3>
                  <div class="p">You've been up to high jinks, and you were smart enough to shoot some video. &nbsp; You caught that moment where you were stylin' it, and a few bloopers too. &nbsp; And what have you done with it so far? &nbsp; Let it fester on your laptop? &nbsp; Spend a few hundred bucks and you'll have something good enough that your friends might actually watch it to the end!</div>
                  
                  
                  <div class="example thumbnail-wrapper"> 
                     
                     <div class="top-right-deco" >
                        <h3 class="fr">Alexander Sclafani</h3>
                        <div class="profile-pic fr"
                           vp-background="url(/st/images/editors/h80/0034-alex-sclafani.jpg) no-repeat 50%">
                        </div>
                        <h4 class="fr">edited by</h4>
                     </div>
                     
                     <div vp-poster="{provider: '', bucket: 's3.sellstage.com/', provider_id: '2bfd37b3-a10b-4087-82b4-af33a631889e', provider_thumbnail_id: ''}" ng-click="mediaClick('2bfd37b3-a10b-4087-82b4-af33a631889e',
                        $event,{
                           provider:'',
                           bucket: 's3.sellstage.com/'
                           
                        },{
                           media_width:960,
                           media_height:540,
                           width:960,
                           height:540
                        })">
                        <div class="thumbnail"></div>
                        <img class="arrow" src="/st/images/white-arrow.png">
                        <div class="dn about"></div>
                     </div>
                     
                     <p class="caption">Dont foget to include the bits where you fall off!</p>
                     
                  </div>
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">Remember that time we went to Disney World? ($200)</h3>
                  <div class="p">The kids were talking about it for weeks before you left. You knew it had to be recorded for posterity, so you saw half your vacation through a viewfinder. Now you're stuck with a big pile of files, and wrestling match with iMovie. You'd always pictured that one day you'd use the video to embarrass your kids with their future fiance. They're only five years old now, but at the rate you're going it might not be done in time.  Help is at hand. For a couple of hundred bucks you can have a professional editor make that perfect vacation video  &ndash; wife's Chritmas's present solved!</div>
                  
                  
                  <div class="example thumbnail-wrapper"> 
                     
                     <div class="top-right-deco" >
                        <h3 class="fr">Andrew Barron</h3>
                        <div class="profile-pic fr"
                           vp-background="url(/st/images/editors/h80/0027-andrew-barron.jpg) no-repeat 50%">
                        </div>
                        <h4 class="fr">edited by</h4>
                     </div>
                     
                     <div vp-poster="{provider: '', bucket: 's3.sellstage.com/', provider_id: '00bd32ea-b9bf-4349-980d-32675fc97e32', provider_thumbnail_id: ''}" ng-click="mediaClick('00bd32ea-b9bf-4349-980d-32675fc97e32',
                        $event,{
                           provider:'',
                           bucket: 's3.sellstage.com/'
                           
                        },{
                           media_width:960,
                           media_height:540,
                           width:960,
                           height:540
                        })">
                        <div class="thumbnail"></div>
                        <img class="arrow" src="/st/images/white-arrow.png">
                        <div class="dn about"></div>
                     </div>
                     
                     <p class="caption">Bring back the sparkle..</p>
                     
                  </div>
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">The Great American Road Trip ($250)</h3>
                  <div class="p">You knew it was going to be epic. Sitting behind the wheel, you could picture the masterpiece. Your <i>Great American Road Trip</i>, preserved in time &ndash; something you'd watch when you'd grown old, and smile at what japes you had. <br/><br/>And now where are you? You've got twenty giga-bytes of weird-named files filling up your hard-disk like a kayak in a bathtub. Fear not, Laputan one, the Videopixies can make your dream come true!</div>
                  
                  
                  <div class="example thumbnail-wrapper"> 
                     
                     <div class="top-right-deco" >
                        <h3 class="fr">Jasper Boyd</h3>
                        <div class="profile-pic fr"
                           vp-background="url(/st/images/editors/h80/0010-jasperboyd.jpg) no-repeat 50%">
                        </div>
                        <h4 class="fr">edited by</h4>
                     </div>
                     
                     <div vp-poster="{provider: '', bucket: 's3.sellstage.com/', provider_id: '5afeafeb-62da-4208-b09e-64453d15f765', provider_thumbnail_id: ''}" ng-click="mediaClick('5afeafeb-62da-4208-b09e-64453d15f765',
                        $event,{
                           provider:'',
                           bucket: 's3.sellstage.com/'
                           
                        },{
                           media_width:960,
                           media_height:540,
                           width:960,
                           height:540
                        })">
                        <div class="thumbnail"></div>
                        <img class="arrow" src="/st/images/white-arrow.png">
                        <div class="dn about"></div>
                     </div>
                     
                     <p class="caption">Jack Kerouac's got nothing on this..</p>
                     
                  </div>
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">My Wife's Surprise Christmas Gift, 2013  ($200)</h3>
                  <div class="p">Everyone loves surprises, and right now the Videopixies are working their magic making videos to delight your loved ones on Christmas Day. &nbsp; Remember now, good boys and girls don't peek at their presents before the big day. So no matter how tempted you are, don't look...</div>
                  
                  
                  <div class="example thumbnail-wrapper"> 
                     
                     <div vp-poster="{provider: 'youtube', bucket: '', provider_id: 'dQw4w9WgXcQ', provider_thumbnail_id: ''}" ng-click="mediaClick('dQw4w9WgXcQ',
                        $event,{
                           provider:'youtube',
                           bucket: ''
                           
                        },{
                           media_width:960,
                           media_height:540,
                           width:960,
                           height:540
                        })">
                        <div class="thumbnail"></div>
                        <img class="arrow" src="/st/images/white-arrow.png">
                        <div class="dn about"></div>
                     </div>
                     
                     <p class="caption">We tried to warn you!</p>
                     
                  </div>
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">How does this thing actually work?</h3>
                  <div class="p">You're convinced &ndash; video <i>is</i> the perfect gift. Now you want to know how to get it done. It's actually very easy: you click 'Get Started', you tell us a little about the video you want to make, and then you post your project to the editors. They will bid on your project, you pick on the one you like most, iterate with them a few times, and then you pay at the end when you're happy. The whole thing take about one week.<br/><br/>

Questions? <a href="mailto:thomas@videopixie.com">Email us</a> or call us at 1 800 510 6570 - we're always happy to talk.</div>
                  
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
            
               <div class="example-wrapper" >
                  <h3 class="">Ahhh, I cant get it done in time..</h3>
                  <div class="p">Fear not, we have you covered with Videopixie gift cards from $100 to $500. To buy a gift card give us a call at 1 800 510 6570. If you order soon we'll mail you an actual physical card to give to your loved one on Christmas day.</div>
                  
                  
                  
                  <p class="body-lower"></p>
                  
               </div>
            
            
            
         </div>
      </div>
      <div class="right-col" ng-controller="RightColController">
         <div class="upper-section">
            
            
            
               <a class="cta" 
               
               href="/start?coupon=SAVE-10"
               
               class="">
                  <div class="button">Get Started</div>
               </a>
           
         </div>
         <div class="lower-section">
            <div class="vp-blurb">
               <p>Videopixie is a marketplace for video production</p>
               <ul>
                  <li>Choose from 700+ videographers, editors, animators & script-writers</li>
                  <li>Get bids, teasers and reels</li>
                  <li>Collaborate online</li>
               </ul>
            </div>
            
            
            <a class="get-started fl" href="/start">Take a tour</a>
            
            <div class="questions fl">
               <h3>Questions?</h3>
               <div>
                  <span>Call us: &nbsp; <a href="tel:1 800 510 6570">1 800 510 6570</a> or<span/><br/>
                  <span>Email: &nbsp;<a class="link" href="mailto:human@videopixie.com" target="VP_new_page">human@videopixie.com</a></span>
               </div>
            </div>
            <!--<div class="social">
               <h3>Follow-us:</h3>
               <a href="http://www.facebook.com/videopixie"><h2>f</h2></a>
               <a href="http://www.twitter.com/videopixie"><h2>t</h2></a>
               <a href="http://plus.google.com/117702735095411943777"><h2>g</h2></a>
            </div>-->
            
            
            <div class="social fl">
               <h3>Share:</h3>

               <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.videopixie.com%2Fperfect-christmas-gift" onclick="javascript:window.open(this.href,'','width=626,height=436'); return false;"><h2>f</h2></a>

               <a href="https://twitter.com/intent/tweet?text=Found%20the%20perfect%20Christmas%20Gift%20%40videopixie&url=https%3A%2F%2Fwww.videopixie.com%2Fperfect-christmas-gift&via=videopixie"><h2>t</h2></a>
               
               <a href="https://plus.google.com/share?url=https%3A%2F%2Fwww.videopixie.com%2Fperfect-christmas-gift" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><h2>g</h2></a>
            </div>
            
            
         </div>
      </div>
   </div>
</div>
<script>
           
try {
   var pageName = 'perfect-christmas-gift';
   var pageVersion = -1;
   var propertiesForMixpanel = {};
   propertiesForMixpanel[pageName + "_version"] = pageVersion;
            
   SES.track( {event_name:'learn'} );
            
   SES.track({
      event_name:"viewed_"+pageName,
      p:propertiesForMixpanel,
      internal_event_name:"viewed_content_page",
      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){

}
   
   
vpModule.controller('RightColController', ['$scope','$http', function ($scope,$http){

   $scope.sendCouponRequest = function(valid){
      
      log.d('sendCouponRequest() ',$scope.emailAddress,$scope.siteUrl);
      var url = '/collect_email';
      var requestNote = "50 percent off first project for wedding pro";
      
      
      $scope.sendingCouponRequest = true;
      
      if(!valid){
         $scope.sendingCouponRequest = false;
         return false;
      }
      
      $http.post(url,{
         emailAddress: $scope.emailAddress,
         siteUrl: $scope.siteUrl,
         requestNote: requestNote
      }).success(function(response){
         log.d('success: ',response);
         
         SES.track({event_name:'success collecting email'});
         
         if(response.success){
            $scope.sendingCouponRequest = false;
            $scope.couponRequestReceived = true; 
         }else {
            handleError(response);
         }
      }).error(function(err){
         log.d('error: ',err);
         handleError(err);
      });
      
      function handleError (info){
         SES.track({event_name:'error collecting email'});
         
         $scope.sendingCouponRequest = false;
         if (info.error){
            $scope.errorMsg = info.error.message;
         }
      }
   };
}]);

/*
(function(){
   try{
      var params = window.location.search.substring(1).split("&")
      for (var i=0; i<params.length; i++) {
         var param = params[i].split("=");
         if (param[0] === 'cta_url'){
            $('a.cta').attr('href', '/'+decodeURIComponent(param[1]));
         }         
      }   
   }catch(err){
      log.d('error ', err);
   }
   
})();*/

   

         
</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>
