public-health-ch/publichealth/static/mockup/news-details.html
2017-02-06 14:35:58 +01:00

174 lines
7 KiB
HTML

<!DOCTYPE HTML>
<html lang="de-CH">
<head>
<title>Public Health Schweiz</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/slick.css" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<nav class="navbar-pre navbar-fixed-top">
<div class="container">
<div class="nav">
<span class="contact-nav">
<a class="link" href="#">Kontakt</a>
<a href="#"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> <span class="hidden-xs">+41 31 389 92 86</span></a>
<a href="#"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <span class="hidden-xs">info@public-health.ch</span></a>
</span>
<span class="language-nav">
<a class="active "href="#">De</a>
<a href="#">Fr</a>
</span>
</div>
</div>
</nav>
<nav class="navbar navbar-default navbar-main navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<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="#"><img src="images/public-health-logo-sign.png" alt=""> <span class="hidden-xs"><strong>Public Health</strong> Schweiz</span></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Über uns <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Mitglied werden</a></li>
<li><a href="#">Informationen zu Public Health</a></li>
<li><a href="#">Stellenangebote</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Migliederversammlung</a></li>
<li><a href="#">Fachrat</a></li>
<li><a href="#">Vorstand</a></li>
<li><a href="#">Fachgruppen</a></li>
<li><a href="#">Geschäftsstelle</a></li>
<li><a href="#">Grundlagedokumente</a></li>
<li><a href="#">Jahresberichte</a></li>
<li><a href="#">Archiv</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Kontakt</a></li>
</ul>
</li>
<li class="active"><a href="#">News</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">Projekte</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<section id="news-details">
<div class="container">
<div class="image">
<img class="img-responsive" src="images/news_1.jpg" alt="">
</div>
<p class="category"><i class="glyphicon glyphicon-tags" aria-hidden="true"></i> <span>Kategorie 1</span>, <span>Kategorie 2</span></p>
<h2>Ehrenmitgliedschaften</h2>
<p class="lead">
Nicole Probst-Hensch, Professorin für Pharmakologie und Epidemiologie am Schweizerischen Tropen- und Public Health Institut der Universität Basel, wurde die Ehrenmitgliedschaft von Public Health Schweiz verliehen.
</p>
<p class="date">
16. Januar 2017
</p>
<p>
Sie war als Präsidentin des wissenschaftlichen Beirats an etlichen unserer Konferenzen verantwortlich für das wissenschaftliche Programm und hat viel zur Erarbeitung der Strategie beigetragen. Wir gratulieren Nicole Probst-Hensch herzlich und danken ihr für das grosse Engagement für unsere Organisation.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur a, ullam, voluptatum incidunt neque doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit! Accusamus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, a, ullam, voluptatum incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit.
</p>
<h3>Subheading lorem</h3>
<p>
Consequatur ullam, voluptatum incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit. Accusamus. Consequatur, a, ullam, voluptatum incidunt neque porro numquam doloremque vel inventore distinctio laudantium harum illo quam nulla dolor alias iure impedit! Accusamus.
</p>
<hr>
<p class="author"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Name des Autors</p>
<p class="backlink"><a href="/index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> Zurück</a></p>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="list-unstyled">
<li><a href="#">Über uns</a></li>
<li><a href="#">Mitglied werden</a></li>
<li><a href="#">Veranstaltungen</a></li>
<li><a href="#">Projekte und Aktivitäten</a></li>
<li><a href="#">Information zu Public Health</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
<div class="col-md-4">
<address>
<p>Public Health Schweiz<br>
Effingerstrasse 54<br>
Postfach 3420<br>
3001 Bern</p>
<p>Tel. +41 31 389 92 86<br>
<a href="#">info@public-health.ch</a><br>
<a href="#">www.public-health.ch</a></p>
</address>
</div>
<div class="col-md-4">
<form action="#" method="post">
<div class="form-group">
<input name="name" id="name" type="text" placeholder="Name" class="form-control">
</div>
<div class="form-group">
<input name="email" id="email" type="email" placeholder="E-Mail" class="form-control">
</div>
<div class="form-group">
<textarea name="message" id="message" rows="3" placeholder="Anfrage" class="form-control"></textarea>
</div>
<button class="btn btn-priamry" type="submit">Senden</button>
</form>
</div>
</div>
</div>
</footer>
<div class="copyright">
&copy; 2016 Public Health Schweiz
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/slick/slick.min.js"></script>
<script>
$('.carousel-inner.slick').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});
</script>
</body>