<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Log In - OER2Go - The Web Unplugged</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="http://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet" data-norem>
    <link href="/css/normalize.css" rel="stylesheet">
    <link href="/css/skeleton.css" rel="stylesheet">
    <link href="/css/custom.css" rel="stylesheet">

    <!-- we use polyfills to get IE8 working:
         it's still the most popular pre-11 IE,
         it's the default on Win 7, and the last
         version that works on XP -->
    <!--[if lt IE 9]>
    <script src="/js/respond.js"></script>
    <script src="/js/rem.js"></script>
    <style>
        .stars { -ms-behavior: url('js/backgroundsize.htc'); }
        .fullbar { -ms-behavior: url('js/backgroundsize.htc'); }
    </style>
    <![endif]-->
    <!-- respond.js: brings media queries to IE8
         rem.js: brings rem sizing units to IE8
                 requires 'data-norem" on cross
                 site stylesheet tags above
         backgroundsize.htc: brings dynamic backgrounds to IE8
                  requires 'AddType text/x-component .htc' in
                  Apache config and adding -ms-behavior to any
                  element with a background-size style
                  (important for star ratings)
    -->
    <script src="/js/jquery.2.1.4.min.js"></script>
    <script src="/js/custom.js"></script>
</head>
<body>

<div style="background-color: #eee;">
<div class="container">
    <div style="float: left;">
        <h5 style="display: inline-block; margin-right: 1rem;">
            <a href="/" style="color: #222; text-decoration: none;">OER<span class="title2">2</span>Go</a>
        </h5>
        <h6 class="lighter" style="display: inline-block;">The Web Unplugged</h6><br>
    </div>
    <div style="float: right; text-align: right; padding: .5rem 0;">
        <a href="https://worldpossible.org/">
        <img src="/img/wp-logo-v.png" alt="World Possible" width="50">
        </a>
    </div>
</div>
</div>


<div class="container" style="margin-top: 2rem;">

<form method="post">

<div class="row">
    <div class="six columns offset-by-three">
        <label for="email">Email</label>
        <input name="email" type="text" value="" style="width: 100%;" autofocus="autofocus">
    </div>
</div>
<div class="row">
    <div class="six columns offset-by-three">
        <label for="password">Password</label>
        <input name="password" type="password" style="width: 100%;">
    </div>
</div>
<div class="row">
    <div class="six columns offset-by-three">
        <input type="submit" class="button-primary" name="login" value="Log In">
    </div>
</div>

</form>
</div>

<div class="footer-space"></div>
<div class="footer">
    <div class="container">
    <div class="u-pull-right"><a href="/cgi/login.pl">Admin Log In</a></div>
    OER2Go is a World Possible project, 2017<br>
    <small><a href="http://worldpossible.org/">World Possible</a> is a 501(c)3 nonprofit organization</small>
    </div>
</div>

</body>
</html>
