contact.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>EMPD / Contact</title>

    <script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
    <script src="https://unpkg.com/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <link href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="sticky-footer-navbar.css" rel="stylesheet">

    <link href="style.css" rel="stylesheet" type="text/css" media="all">
    <link href="non-responsive.css" rel="stylesheet" type="text/css">

  </head>

  <body>

    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">Eurasian Modern Pollen Database</a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="help.html" target="_blank">Help</a></li>
              <li><a href="data.html" target="_blank">Data</a></li>
              <li><a href="contact.html" target="_blank">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
      	<div class="row">
              <div class="col-xs-6">
		<b><p>Project director: </b>
		<ul>
		<li><A HREF="mailto:basil.davis@unil.ch">Basil A. S. Davis</A></br>
Senior scientist in the Institute of Earth Surface Dynamics (IDYST)
at the University of Lausanne (UNIL), Switzerland.
		</ul>
              </div>
              <div class="col-xs-6">
		<b><p>Data and web engineering: </b>
		<ul>
		<li><A HREF="mailto:philipp.sommer@unil.ch">Philipp S. Sommer</A></br>
PhD student and research software engineer in the Institute of Earth Surface Dynamics (IDYST)
at the University of Lausanne (UNIL), Switzerland.<br><br>
        <li><A HREF="mailto:manuel.chevalier@unil.ch">Manuel Chevalier</A></br>
        Postdoc in the Institute of Earth Surface Dynamics (IDYST)
        at the University of Lausanne (UNIL), Switzerland.<br><br>
		</ul>
              </div>
        </div>
      </div><!-- /.container -->

    </div>

    <div id="footer">
       <div class="container">
		<font color="red">Unofficial and unstable and not yet finalized version! Please do not use or distribute.</font>
      </div><!-- /.container -->
    </div>

  </body>
</html>