index.html~

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>PrologIDE - Team Lambda</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/blog.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/prologIDE.css" rel="stylesheet">
    
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
  </head>

  <body>

<!--    <div class="blog-masthead">
      <div class="container">
	<nav class="blog-nav">
	  <a class="blog-nav-item active" href="#">Home</a>
	  <a class="blog-nav-item" href="#">New features</a>
	  <a class="blog-nav-item" href="#">Press</a>
	  <a class="blog-nav-item" href="#">New hires</a>
	  <a class="blog-nav-item" href="#">About</a>
	</nav>
      </div>
    </div>-->

    <div class="container">

      <div class="blog-header">
	<h1 class="blog-title">PrologIDE</h1>
	<p class="lead blog-description">The brand new IDE for professional Prolog development.</p>
      </div>

      <div class="row">

	<div class="col-sm-8 blog-main">

	  <div class="blog-post">
	    <h2 class="blog-post-title">Vision</h2>

	    <p>In moderner Softwareentwicklung ist der umfangreiche Einsatz von Tools längst Standard. Tools helfen dem Entwickler zu mehr Produktivität,
	      mehr Qualität und entlasten ihn von langweiligen und eintönigen Aufgaben. Der Kern einer jeden Tool-Strategie für ihr Unternehmen ist dabei die
	      IDE. Sie ist das zentrale Tool um Software zu entwickeln und übernimmt die fundamentalsten Aufgaben.</p>

	    <p>Doch in Prolog ist eine zeitgemäße IDE nicht verfügbar gewesen. Bis zur Geburt dieses Projekts das Prolog ins 21. Jahrhundert befördert und
	      einen produktiven und professionellen Umgang mit der Sprache erlaubt.
	  </div><!-- /.blog-post -->

	</div><!-- /.blog-main -->

	<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
	  <div class="sidebar-module sidebar-module-inset">
	    <h4 >Projekt Team Lambda - Die Entwickler hinter der IDE</h4>

	    <div class="mitarbeiter" style="text-align:left">
	      <p>Team Lambda ist die Produktionsstätte der PrologIDE. Die kleine Firma arbeitet auf neustem Stand der Methoden und führt
	         inkrementelle Projekte durch, die Entwickler in ihrer alltäglichen Arbeit unterstützen und zur Produktivität beitragen.</p>
	      <hr>
	    </div>
	    
            <div class="mitarbeiter">
              <img class="img-circle" src="images/Mitarbeiter.jpg" alt="Generic placeholder image" width="140" height="140">
              <h2>Nicolai Davidsson</h2>
              <p>Projektleiter und Software Developer</p>
	    </div>    

	    <div class="mitarbeiter">
              <img class="img-circle" src="images/Mitarbeiter.jpg" alt="Generic placeholder image" width="140" height="140">
              <h2>Maximilian Probst</h2>
              <p>Dokumentation und Marketing</p>
	    </div>

	    <div class="mitarbeiter" >
              <img class="img-circle" src="images/Mitarbeiter.jpg" alt="Generic placeholder image" width="140" height="140">
              <h2>Moritz Scherzinger</h2>
              <p>Software Developer</p>
	    </div>    
	 
	    <div class="mitarbeiter">
              <img class="img-circle" src="images/Mitarbeiter.jpg" alt="Generic placeholder image" width="140" height="140">
              <h2>Benedikt Jung</h2>
              <p>Projektleiter und Software Developer</p>
	    </div>    

	  </div>
	</div><!-- /.blog-sidebar -->

      </div><!-- /.row -->

    </div><!-- /.container -->

    <footer class="blog-footer">
      <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
      <p>
	<a href="#">Back to top</a>
      </p>
    </footer>

        <!-- Bootstrap core JavaScript
	     ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="../../dist/js/bootstrap.min.js"></script>
	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
  </html>