348 lines
14 KiB
HTML
348 lines
14 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" />
|
|
<style type="text/css">
|
|
.carousel-caption {
|
|
position: initial;
|
|
background: #eee;
|
|
color: black;
|
|
text-shadow: none !important;
|
|
}
|
|
#myCarousel .container {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</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><a href="#">News</a></li>
|
|
<li><a href="#">Agenda</a></li>
|
|
<li><a href="#">Projekte</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
</div>
|
|
<!-- /.container -->
|
|
</nav>
|
|
|
|
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner">
|
|
<div class="item active">
|
|
<image style="background-image:url(images/banner_0.jpg)" />
|
|
<div class="carousel-caption">
|
|
<h3>
|
|
Swiss Public Health Conference</h3>
|
|
<p class="hidden-xs">Die Swiss Public Health Conference 2016 ist erfolgreich zu Ende gegangen. Wir bedanken uns bei Ihnen an dieser Stelle für Ihre engagierte Teilnahme und die vielen angeregten Gespräche während der Konferenz.</p>
|
|
<a href="#" class="btn btn-default">Mehr Infos</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Item -->
|
|
<div class="item">
|
|
<div class="carousel-caption">
|
|
<h3>Projekte & Aktivitäten</h3>
|
|
<p class="hidden-xs">Public Health Schweiz will Prävention und Gesundheitsförderung stärken. Durch unsere Aktionen und Stellungsnahmen treten wir für dieses Ziel ein und stehen damit immer im Zentrum der Aktualität:</p>
|
|
<a href="#" class="btn btn-default">Mehr Infos</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Item -->
|
|
<div class="item">
|
|
<div class="carousel-caption">
|
|
<h3>
|
|
Über uns</h3>
|
|
<p class="hidden-xs">Public Health Schweiz ist der Fachverband der Public-Health-Fachleute. Er vertritt die Anliegen seiner Mitglieder und unterstützt die Entscheidungsträgerinnen und Entscheidungsträger fachlich</p>
|
|
<a href="#" class="btn btn-default">Mehr Infos</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Item -->
|
|
<div class="item">
|
|
<image style="background-image:url(images/banner_4.jpg)" />
|
|
<div class="carousel-caption">
|
|
<h3>
|
|
Mitgliedschaft</h3>
|
|
<p class="hidden-xs">Werden Sie jetzt Mitglied von Public Health Schweiz und profitieren Sie von vielen Vorteilen und Vergünstigungen. Als Mitglied tragen Sie zudem dazu bei, dass sich Public Health Schweiz weiterhin für die Anliegen der Public-Health-Fachleute einsetzen kann.</p>
|
|
<a href="#" class="btn btn-default">Mehr Infos</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Item -->
|
|
</div>
|
|
<!-- End Carousel Inner -->
|
|
<div class="container">
|
|
|
|
<ul class="nav nav-thumbs">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"><a href="#"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> <span class="title">Aktuell<small class="hidden-xs">Swiss Public Health Conference</small></span></a></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"><a href="#"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span> <span class="title">Projekte<small class="hidden-xs">Prävention und Gesundheitsförderung</small></span></a></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"><a href="#"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> <span class="title">Über uns<small class="hidden-xs">Informationen zu Public Health</small></span></a></li>
|
|
<li data-target="#myCarousel" data-slide-to="3"><a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> <span class="title">Mitgliedschaft<small class="hidden-xs">Werden Sie jetzt Mitglied</small></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- End Carousel -->
|
|
|
|
|
|
<section id="banner">
|
|
<div class="container">
|
|
<footer class="container">
|
|
<p class="lead">Public Health Schweiz ist die unabhängige, nationale Organisation, die die Anliegen der Public-Health-Fachleute vertritt, ein themen- und disziplinenübergreifendes gesamtschweizerisches Netzwerk in Public Health bietet, sich für optimale Rahmenbedingungen
|
|
für die Gesundheit der Bevölkerung in der Schweiz engagiert und Entscheidungsträgerinnen und Entscheidungsträger fachlich unterstützt. Public Health Schweiz stützt ihr Handeln auf wissenschaftlicher Basis ab.</p>
|
|
</footer>
|
|
</div>
|
|
</section><!-- /banner -->
|
|
|
|
<section id="news">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|
<div class="panel panel-default">
|
|
<img src="images/thumb_news_1.jpg" alt="">
|
|
<div class="panel-body">
|
|
<h3><span>Ehrenmitgliedschaften</span></h3>
|
|
<p>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>
|
|
<a href="/news-details.html" class="btn btn-default btn-xs">Mehr erfahren</a>
|
|
</div>
|
|
<a href="/news-details.html" class="fill"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|
<div class="panel panel-default">
|
|
<img src="images/thumb_news_2.jpg" alt="">
|
|
<div class="panel-body">
|
|
|
|
<h3><span>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</span></h3>
|
|
|
|
<a href="/news-details.html" class="btn btn-default btn-xs">Mehr erfahren</a>
|
|
</div>
|
|
<a href="/news-details.html" class="fill"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|
<div class="panel panel-default">
|
|
<div class="img-crop"></div>
|
|
<div class="panel-body">
|
|
<h3><span>Wirksamer Schutz der Kinder und Jugendlichen vor Tabakkonsum rückt in weite Ferne<span></h3>
|
|
<a href="/news-details.html" class="btn btn-default btn-xs">Mehr erfahren</a>
|
|
</div>
|
|
<a href="/news-details.html" class="fill"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="">
|
|
<h2>Informationen zu Public Health</h2>
|
|
<p>Hier finden Sie Links zu wichtigen Institutionen und Organisationen aus dem Public Health Bereich. Die Liste erhebt keinen Anspruch auf Vollständigkeit. Gerne nehmen wir Ihre Anregungen und Ergänzungsvorschläge entgegen.</p>
|
|
<a href="#" class="btn btn-default">Mehr erfahren</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Three -->
|
|
<section id="three" class="wrapper align-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<article class="col-md-4">
|
|
<div class="image round">
|
|
<img src="images/ipad.jpg" alt="Pic 01" />
|
|
</div>
|
|
<header>
|
|
<h3>Über uns</h3>
|
|
</header>
|
|
<p>Werden Sie jetzt Mitglied von Public Health Schweiz und profitieren Sie von vielen Vorteilen und Vergünstigungen. Als Mitglied tragen Sie zudem dazu bei, dass sich Public Health Schweiz weiterhin für die Anliegen der Public-Health-Fachleute einsetzen
|
|
kann.</p>
|
|
<footer>
|
|
<a href="#" class="btn btn-default">Mitglied werden</a>
|
|
</footer>
|
|
</article>
|
|
<article class="col-md-4">
|
|
<div class="image round">
|
|
<img src="images/konf.jpg" alt="Pic 02" />
|
|
</div>
|
|
<header>
|
|
<h3>Veranstaltungen</h3>
|
|
</header>
|
|
<p>An unseren Konferenzen und Symposien können Sie erfahren, wie sich die entsprechenden Versorgungsstrukturen in der Schweiz vorbereiten können und welche Erfahrungen und Best-Practice-Beispiele bereits vorliegen.</p>
|
|
<footer>
|
|
<a href="#" class="btn btn-default">Kommende Symposien</a>
|
|
</footer>
|
|
</article>
|
|
<article class="col-md-4">
|
|
<div class="image round">
|
|
<img src="images/steth.jpg" alt="Pic 02" />
|
|
</div>
|
|
<header>
|
|
<h3>Projekte und Aktivitäten</h3>
|
|
</header>
|
|
<p>Public Health Schweiz will Prävention und Gesundheitsförderung stärken. Durch unsere Aktionen und Stellungsnahmen treten wir für dieses Ziel ein und stehen damit immer im Zentrum der Aktualität.</p>
|
|
<footer>
|
|
<a href="#" class="btn btn-default">Unterstützen</a>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
</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">
|
|
© 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>
|
|
|
|
$(document).ready( function() {
|
|
$('#myCarousel').carousel({
|
|
interval: 10000
|
|
});
|
|
|
|
var clickEvent = false;
|
|
$('#myCarousel').on('click', '.nav a', function() {
|
|
clickEvent = true;
|
|
$('.nav li').removeClass('active');
|
|
$(this).parent().addClass('active');
|
|
}).on('slid.bs.carousel', function(e) {
|
|
if(!clickEvent) {
|
|
var count = $('.nav').children().length -1;
|
|
var current = $('.nav li.active');
|
|
current.removeClass('active').next().addClass('active');
|
|
var id = parseInt(current.data('slide-to'));
|
|
if(count == id) {
|
|
$('.nav li').first().addClass('active');
|
|
}
|
|
}
|
|
clickEvent = false;
|
|
});
|
|
});
|
|
|
|
|
|
$('.carousel-inner.slick').slick({
|
|
autoplay: true,
|
|
autoplaySpeed: '10000',
|
|
dots: true,
|
|
infinite: true,
|
|
speed: 1000,
|
|
fade: true,
|
|
cssEase: 'linear',
|
|
prevArrow: '<span class="arrow left glyphicon glyphicon-chevron-left" aria-hidden="true">Previous</span>',
|
|
nextArrow: '<span class="arrow right glyphicon glyphicon-chevron-right" aria-hidden="true">Previous</span>',
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|