<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scripto</title>
    <link rel="icon" type="image/png" href="img/cam-favicon.png" sizes="16x16">  
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
</head>
<body>
        <div class="container cover-page">
            <div class="row">
               <img src="img/hello-television.png" class="hello-television">
            </div>
            <figure class="row">    
                <picture>
                    <source media ="(min-width: 550px)" srcset="img/GestureAtMachine.png">
                    <img src="img/TheBaby.png" alt="Stephen Colbert and Rob Dubbin, founders of Scripto" class="robandsteve">
                </picture>
                <figcaption>Founders Stephen Colbert (L) and Rob Dubbin (R). Not a real server.</figcaption>
            </figure>
            <div class="row">
                <a name="top"><h2>Making TV is hard. Scripto makes it easier.</h2></a>
            </div>
            <div class="row form-wrapper">
                <form action="/subscribe" method="post" id="cta-form__banner" class="cta-block__form">
                    <input id="cta-email--banner" class="cta-input" placeholder="Email Address" name="email" type="text" />
                    <button id="cta-button--banner" class="cta-button" type="submit">Get a Demo</button>
				</form>
                <div id="cta__success--banner" class="cta-block__success"><span class="green">Thanks! We'll be in touch soon.</span></div>
            </div>
        </div>
    <div class="section-wrapper">
        <div class="container">
            <div class="section-inner">
                <h3>What Our Clients Say</h3>
                <div class="hr"></div>
                <p class="quote">"When we switched to Scripto at <em>The Daily Show</em>, it was like upgrading from kerosene lamps to electric light. And it just keeps getting better. Scripto allows us to write from anywhere, and the developers are instantly responsive if we ever have issues, questions, or wish lists."</p>
                <span class="quote quote-author">- Jo Miller, Writer and Executive Producer</span>
                <span class="quote quote-show">Full Frontal with Samantha Bee, The Daily Show</span>
                <div class="sub-hr"></div>
                <p class="quote">"We shot our stage shows last week and I cannot imagine how we could have done it without Scripto."</p>
                <span class="quote quote-author">- Jim Margolis, Executive Producer</span>
                <span class="quote quote-show">Hood Adjacent with James Davis</span>
                <div class="sub-hr"></div>
                <p class="quote">"I have worked in the script department for various shows for almost ten years now, and that usually means dealing with a number of documents in different places. Tracking changes and formatting scripts were very time-consuming, with a high possibility of the incorrect version of a script being used. Scripto has found a way to fix that. It provides a platform where all of the writers on staff can work together - both in private and shared documents. In a word, Scripto is 'incredible.' In two words, Scripto is 'really incredible.'"</p>
                <span class="quote quote-author">- Jeremy Hardwick</span>
                <span class="quote quote-show">Associate Director for Full Frontal with Samantha Bee and The Rundown with Robin Thede, Script Supervisor for Last Week Tonight with John Oliver</span>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="section-inner">
            <div class="row">
                <h3>With Scripto You Can...</h3>
                <div class="hr"></div>
            </div>
            <div class="row">
                <div class="six columns">
                        <div class="feature-wrapper">
                            <img src="img/users-icon.png" class="icon-img">
                            <span class="feature">Share any script with anyone, or everyone</span>
                        </div>
                        <div class="feature-wrapper">
                            <img src="img/save-icon.png" class="icon-img">
                            <span class="feature">Save changes automatically as you type</span>
                        </div>
                        <div class="feature-wrapper">
                            <img src="img/table-icon.png" class="icon-img">
                            <span class="feature">Organize your whole show in a collaborative rundown grid</span>
                        </div>
                        <div class="feature-wrapper">
                            <img src="img/history-icon.png" class="icon-img">
                            <span class="feature">Compare your current script to any prior version, and see what's changed</span>
                        </div>
                        <div class="feature-wrapper">
                            <img src="img/cloud-icon.png" class="icon-img">
                            <span class="feature">Write (or produce!) from anywhere</span>
                        </div>
                        <div class="feature-wrapper">
                            <img src="img/clock-icon.png" class="icon-img">
                            <span class="feature">See timing estimates for every script, including video clips</span>
                        </div>
                </div>
                <div class="six columns">
                    <div class="feature-wrapper">
                        <img src="img/columns-icon.png" class="icon-img">
                        <span>Generate industry-standard two-column print-outs or PDFs</span>
                    </div>
                    <div class="feature-wrapper">
                        <img src="img/share-icon.png" class="icon-img">
                        <span>Push directly to prompter when it's showtime</span>
                    </div>
                    <div class="feature-wrapper">
                        <img src="img/camera-icon.png" class="icon-img">
                        <span>Use the same TV production software as <em><a href="https://twitter.com/colbertlateshow"><i>The Late Show with Stephen Colbert</i></a>, <a href="https://twitter.com/thedailyshow"><i>The Daily Show with Trevor Noah</i></a>, <a href="https://twitter.com/fullfrontalsamb"><i>Full Frontal with Samantha Bee</i></a>, <a href="https://twitter.com/lastweektonight"><i>Last Week Tonight with John Oliver</i></a>, <a href="https://twitter.com/therundownbet"><i>The Rundown with Robin Thede</i></a>, <a href="https://twitter.com/theopposition"><i>The Opposition with Jordan Klepper</i></a>, <a href="https://twitter.com/jefferiesshow"><i>The Jim Jefferies Show</i></a>, <a href="https://twitter.com/presidentshow"><i>The President Show</i></a>, <a href="http://www.emmys.com"><i>The 69th Emmy Awards</i></a>, <a href="https://twitter.com/am2dm"><i>BuzzFeed's AM to DM</i></a>,</em> and many others</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-wrapper">
        <div class="container section-inner">
            <div class="row">
                <div class="gif-wrapper six columns">
                    <h3>Writers write...</h3>
                    <img src="img/script2.gif" class="gif writers-gif">
                </div>
                <div class="gif-wrapper six columns">
                    <h3>...Producers see.</h3>
                    <img src="img/script2d.gif" class="gif producers-gif">
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="section-inner">
            <div class="row">
                <h3>Plan Together</h3>
                <div class="hr"></div>
            </div>
            <div class="row">
                <div class="three columns">
                    <p>Every script is full of graphics, props, captions, cameos – organize them all in Scripto’s collaboration-friendly rundown. It's the best way to capture an entire show since taping one.</p>
                </div>
                <div class="nine columns"><img src="img/rundown-demo.gif" class="gif rundown-gif"></div>
            </div>
        </div>
    </div>
    <div class="section-wrapper">
        <div class="container section-inner">
            <div class="row">
                <h3>Know Exactly What Changed</h3>
                <div class="hr"></div>
            </div>
            <div class="row">
                <div class="nine columns"><img src="img/comparatron-new.gif" class="gif"></div>
                <div class="three columns">
                    <p class="comparatron-copy">With the Comparatron, you can set revision points for any script and compare them to each other to see what's been added and what's been cut. Save the surprises for your audience.</p>
                </div> 
            </div>
        </div>
    </div>
    <div class="section-wrapper-alt">
        <div class="container">
            <footer class="row">
                <a href="index.html#top" class="scroll-up-link">Interested? Sign Up For A Demo</a> 
            </footer>
						<br />
            <footer class="row">
              <a href="jobs.html" class="scroll-up-link">We're Hiring!</a>
            </footer>
        </div> 
    </div>
    <div class="section-wrapper-alt-alt">
        <div class="container">
            <footer class="row">
                <a href="index.html"><img src="img/scripto-logo.gif"></a>
            </footer>
        </div> 
    </div>
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    <script src="/js/scripto.js"></script>
</body>
</html>
