<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Ghost Admin</title>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700" />
<link rel="stylesheet" href="file:///Users/John/Sites/Ghost/core/built/assets/vendor.css" />
<link rel="stylesheet" href="file:///Users/John/Sites/Ghost/core/built/assets/ghost.css" />
</head>
<body>


<div class="gh-flow">
    <header class="gh-flow-head">
        <nav class="gh-flow-nav">
            <a class="gh-flow-back" href="#"><i class="icon-arrow-left"></i> Back</a>
            <ol>
                <li><a class="step" href="#"><i class="icon-check"></i><span class="num">1</span></a></li>
                <li class="divider"></li>
                <li><a class="step" href="#"><i class="icon-check"></i><span class="num">2</span></a></li>
                <li class="divider"></li>
                <li class="current"><span class="step" href="#"><i class="icon-check"></i><span class="num">3</span></span></li>
            </ol>
        </nav>
    </header>

    <div class="gh-flow-content-wrap">
        <section class="gh-flow-content">
            <header>
                <h1>Invite your team</h1>
                <p>Ghost works best when shared with others. Collaborate, get feedback on your posts &amp; work together on ideas.</p>
            </header>

            <img class="gh-flow-faces" src="file:///Users/John/Sites/Ghost/core/shared/img/users.png" alt="" />

            <form class="gh-flow-invite">
                <label>Enter one email address per line, we’ll handle the rest! <i class="icon-mail"></i></label>
                <textarea placeholder="john@example.com
sally.sanders@example.com"></textarea>
            </form>

            <a class="btn btn-default btn-minor btn-lg btn-block" href="#">I'll do this later, take me to my blog!</a>
        </section>
    </div>
</div>


</body>
</html>