index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Progressor - The Programming Professor</title>
    <meta property="og:title" content="Progressor - The Programming Professor">
    <link href="lib/normalize.css" type="text/css" rel="stylesheet">
    <link href="lib/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <link href="main.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <div class="header"><div class="container">
     <h1 class="logo"><{Progressor}></h1>
     <div class="tagline">The Programming Professor_</div>
     <br><br>
     <div class="demo">
       <a href="http://demo.progressor.io"><img src="programming-exercise.png"></a>
     </div>
    </div></div>

    <div class="main"><div class="container">
      <div class="subtagline">
        Train and assess basic programming skills
      </div>

      <p>
       Progressor is an open-source project for programming teachers. It allows to create programming exercises which students can solve online, letting them check their solution directly from their browser in a wide variety of languages.
      </p>

        <ul class="features">
          <li><i class="fa fa-cloud"></i>Online</li>
          <li><i class="fa fa-lock"></i>Self-hosted</li>
          <li><i class="fa fa-language"></i>Polyglot</li>
          <li><i class="fa fa-flash"></i>Interactive</li>
        </ul>


      <div class="subtagline">
        Motivation
      </div>

      <h4>A Lot Of Practice</h4>
      <p>
        When learning to program for the first time, practice is of first importance. Learning the basics of a programming language and its paradigm requires some theory and a lot of practice.
      </p>

      <h4>As Little Obstacles As Possible</h4>
      <p>
        All around the world, many students start their studies before acquiring fluency in English, the <em>de facto</em> language of Computer Science and programming. This should not be an obstacle to learning basic programming skills in the early days of their studies.
        <br>
        This is why Progressor comes with a bunch of languages: Arabic, German, English, Spanish, French, Italian, Russian, Chinese, …
      </p>

      <p>
        The most important thing for students is to be able to train without the sometimes huge overhead of installing a bunch of tools, opening many exercise files, writing their solutions, executing test cases, going back to the code, etc.
        <br>
        Progressor abstracts all these painful details, allowing students to work directly from their web browser, focusing on what matters first: becoming familiar with loops, working with lists, understanding functions, etc.
      </p>

    <div class="cta">
      <a href="http://demo.progressor.io" role="button"><i class="fa fa-desktop"></i> Try the Demo *</a>
      <a href="https://github.com/progressor" role="button"><i class="fa fa-github"></i> View on GitHub</a>
      <a href="https://twitter.com/progressorio" role="button"><i class="fa fa-twitter"></i> Follow on Twitter</a>
    </div>
    </div></div>

    <div class="footer"><div class="container">
      <div>
      <div style="float: right"><a href="http://huce.ti.bfh.ch/cpvrlab"><img src="./logo.png" alt="cpvrLab BFH Logo" style="width: 50px; margin-top: -36px;"></a></div>
      <p style="margin-top: 90px">
      2015-2017 © <a href="http://www.bfh.ch">Bern University of Applied Sciences</a>, <a href="http://www.ti.bfh.ch">Engineering and Information Technology</a>, <a href="http://huce.ti.bfh.ch/">HuCE</a>, <a href="http://huce.ti.bfh.ch/cpvrlab/">cpvrLab</a>
      </p>
      </div>
    </div></div>

    <script>
        // TODO maybe google analytics
    </script>
  </body>
</html>