mockup updates
This commit is contained in:
Jonathan Hess
parent
4a8450f328
commit
e085f53a2c
11 changed files with 390 additions and 101 deletions
|
|
@ -3018,6 +3018,15 @@
|
|||
"oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.woff",
|
||||
"oF": 0
|
||||
},
|
||||
"\/publichealth\/static\/mockup\/assets\/js\/bootstrap.min.js": {
|
||||
"ft": 64,
|
||||
"mi": 1,
|
||||
"oA": 0,
|
||||
"oAP": "\/publichealth\/static\/mockup\/assets\/js\/min\/bootstrap.min-min.js",
|
||||
"oF": 0,
|
||||
"sC": 1,
|
||||
"tS": 0
|
||||
},
|
||||
"\/publichealth\/static\/mockup\/assets\/js\/jquery.min.js": {
|
||||
"ft": 64,
|
||||
"mi": 1,
|
||||
|
|
@ -3226,6 +3235,14 @@
|
|||
"oF": 0,
|
||||
"opt": 0
|
||||
},
|
||||
"\/publichealth\/static\/mockup\/images\/banner_4.jpg": {
|
||||
"ft": 16384,
|
||||
"iS": 341200,
|
||||
"oA": 0,
|
||||
"oAP": "\/publichealth\/static\/mockup\/images\/banner_4.jpg",
|
||||
"oF": 0,
|
||||
"opt": 0
|
||||
},
|
||||
"\/publichealth\/static\/mockup\/images\/ipad.jpg": {
|
||||
"ft": 16384,
|
||||
"iS": 11743,
|
||||
|
|
|
|||
|
|
@ -5,7 +5,11 @@ $banner-height: 700px;
|
|||
padding-top: 0 !important;
|
||||
padding-bottom: 4em;
|
||||
|
||||
.carousel-inner .item {
|
||||
.carousel-inner {
|
||||
overflow: visible;
|
||||
padding-bottom: 2.5em;
|
||||
|
||||
.item {
|
||||
height: $banner-height;
|
||||
position: relative;
|
||||
background-color: white;
|
||||
|
|
@ -18,9 +22,23 @@ $banner-height: 700px;
|
|||
display: block;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: .3;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
.carousel-caption {
|
||||
background-color: white;
|
||||
padding: 2em;
|
||||
bottom: -2em;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
p:last-child() {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
h3, p, button {
|
||||
color: #333;
|
||||
|
|
@ -38,9 +56,45 @@ $banner-height: 700px;
|
|||
color: black;
|
||||
text-align: left;
|
||||
font-size: 110%;
|
||||
margin-top: 4em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
}
|
||||
.arrow {
|
||||
color: white;
|
||||
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
&.left {
|
||||
left: 30px;
|
||||
}
|
||||
&.right {
|
||||
right: 30px;
|
||||
}
|
||||
&:before {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.slick-list {
|
||||
overflow: visible;
|
||||
}
|
||||
.slick-dots li {
|
||||
margin: 0;
|
||||
}
|
||||
.slick-prev::before, .slick-next::before {
|
||||
color: inherit;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,36 @@
|
|||
.navbar-default {
|
||||
&.navbar-pre {
|
||||
background-color: $brand-primary;
|
||||
|
||||
.navbar-text, li a {
|
||||
margin: 5px 15px;
|
||||
color: white;
|
||||
font-size: 70%;
|
||||
}
|
||||
li {
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.navbar-main {
|
||||
top: 35px;
|
||||
}
|
||||
.navbar-header {
|
||||
.navbar-brand {
|
||||
text-transform: uppercase;
|
||||
font-size: 1em;
|
||||
|
||||
img {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: 28px;
|
||||
margin-top: -5px;
|
||||
margin-right: .5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,27 +1,56 @@
|
|||
|
||||
// News overview
|
||||
#news {
|
||||
|
||||
.panel-default {
|
||||
position: relative;
|
||||
font-size: 90%;
|
||||
transition: transform .6s;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.panel-header img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.panel-body {
|
||||
a {
|
||||
position: relative;
|
||||
font-size: 80%;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.panel-footer {
|
||||
font-size: 80%;
|
||||
text-transform: uppercase;
|
||||
color: lighten($text-color, 10%);
|
||||
}
|
||||
a.fill {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// News detail article
|
||||
#news-details {
|
||||
background: white;
|
||||
.category {
|
||||
margin-top: 2em;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-size: 80%;
|
||||
letter-spacing: 2px;
|
||||
span {
|
||||
border-bottom: 1px solid $text-color;
|
||||
}
|
||||
}
|
||||
.date {
|
||||
color: lighten($text-color, 20%);
|
||||
font-size: 90%;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ $slick-dot-color-active: $slick-dot-color !default;
|
|||
$slick-prev-character: "\2190" !default;
|
||||
$slick-next-character: "\2192" !default;
|
||||
$slick-dot-character: "\2022" !default;
|
||||
$slick-dot-size: 10px !default;
|
||||
$slick-dot-size: 13px !default;
|
||||
$slick-opacity-default: 0.75 !default;
|
||||
$slick-opacity-on-hover: 1 !default;
|
||||
$slick-opacity-not-active: 0.25 !default;
|
||||
|
|
|
|||
|
|
@ -6436,18 +6436,39 @@ input[type="checkbox"],
|
|||
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
|
||||
color: inherit; }
|
||||
|
||||
.navbar-default.navbar-pre {
|
||||
background-color: #968BDE; }
|
||||
.navbar-default.navbar-pre .navbar-text, .navbar-default.navbar-pre li a {
|
||||
margin: 5px 15px;
|
||||
color: white;
|
||||
font-size: 70%; }
|
||||
.navbar-default.navbar-pre li {
|
||||
margin: 0 5px;
|
||||
padding: 0; }
|
||||
.navbar-default.navbar-pre li a {
|
||||
margin: 0;
|
||||
padding: 0 10px; }
|
||||
|
||||
.navbar-default.navbar-main {
|
||||
top: 35px; }
|
||||
|
||||
.navbar-default .navbar-header .navbar-brand {
|
||||
text-transform: uppercase; }
|
||||
text-transform: uppercase;
|
||||
font-size: 1em; }
|
||||
.navbar-default .navbar-header .navbar-brand img {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: 28px;
|
||||
margin-top: -5px; }
|
||||
margin-top: -5px;
|
||||
margin-right: .5em; }
|
||||
|
||||
/* Page header */
|
||||
#banner {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 4em; }
|
||||
#banner .carousel-inner {
|
||||
overflow: visible;
|
||||
padding-bottom: 2.5em; }
|
||||
#banner .carousel-inner .item {
|
||||
height: 700px;
|
||||
position: relative;
|
||||
|
|
@ -6459,7 +6480,16 @@ input[type="checkbox"],
|
|||
display: block;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: .3; }
|
||||
opacity: 1; }
|
||||
#banner .carousel-inner .item .carousel-caption {
|
||||
background-color: white;
|
||||
padding: 2em;
|
||||
bottom: -2em;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
|
||||
#banner .carousel-inner .item .carousel-caption h3 {
|
||||
margin-top: 0; }
|
||||
#banner .carousel-inner .item .carousel-caption p:last-child {
|
||||
margin-bottom: 0; }
|
||||
#banner h3, #banner p, #banner button {
|
||||
color: #333;
|
||||
text-shadow: none;
|
||||
|
|
@ -6473,7 +6503,38 @@ input[type="checkbox"],
|
|||
color: black;
|
||||
text-align: left;
|
||||
font-size: 110%;
|
||||
margin-top: 4em; }
|
||||
margin-top: 2em; }
|
||||
|
||||
.arrow {
|
||||
color: white;
|
||||
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none; }
|
||||
.arrow.left {
|
||||
left: 30px; }
|
||||
.arrow.right {
|
||||
right: 30px; }
|
||||
.arrow:before {
|
||||
font-size: 30px; }
|
||||
|
||||
.slick-list {
|
||||
overflow: visible; }
|
||||
|
||||
.slick-dots li {
|
||||
margin: 0; }
|
||||
|
||||
.slick-prev::before, .slick-next::before {
|
||||
color: inherit; }
|
||||
|
|
@ -6495,36 +6556,56 @@ footer#footer {
|
|||
font-size: 70%; }
|
||||
|
||||
#news .panel-default {
|
||||
font-size: 90%; }
|
||||
position: relative;
|
||||
font-size: 90%;
|
||||
-webkit-transition: -webkit-transform .6s;
|
||||
transition: -webkit-transform .6s;
|
||||
transition: transform .6s;
|
||||
transition: transform .6s, -webkit-transform .6s; }
|
||||
#news .panel-default:hover {
|
||||
-webkit-transform: scale(1.05);
|
||||
transform: scale(1.05); }
|
||||
#news .panel-default .panel-header img {
|
||||
max-width: 100%; }
|
||||
#news .panel-default a {
|
||||
font-size: 80%; }
|
||||
#news .panel-default .panel-body a {
|
||||
position: relative;
|
||||
font-size: 80%;
|
||||
z-index: 2; }
|
||||
#news .panel-default .panel-footer {
|
||||
font-size: 80%;
|
||||
text-transform: uppercase;
|
||||
color: gray; }
|
||||
#news .panel-default a.fill {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1; }
|
||||
|
||||
#news-details {
|
||||
background: white; }
|
||||
#news-details .category {
|
||||
margin-top: 2em;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-size: 80%;
|
||||
letter-spacing: 2px;
|
||||
letter-spacing: 2px; }
|
||||
#news-details .category span {
|
||||
border-bottom: 1px solid #666; }
|
||||
|
||||
#news-details .date {
|
||||
color: #999999;
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: .5em; }
|
||||
|
||||
#news-details hr {
|
||||
margin-left: 0;
|
||||
width: 100px; }
|
||||
|
||||
#news-details .author {
|
||||
color: #999999;
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
font-style: italic; }
|
||||
|
||||
#news-details .backlink {
|
||||
margin-top: 3em; }
|
||||
|
||||
|
|
|
|||
|
|
@ -192,7 +192,7 @@
|
|||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "slick";
|
||||
font-size: 10px;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
|
|
|
|||
7
publichealth/static/mockup/assets/js/bootstrap.min.js
vendored
Normal file
7
publichealth/static/mockup/assets/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
publichealth/static/mockup/images/banner_4.jpg
Normal file
BIN
publichealth/static/mockup/images/banner_4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 333 KiB |
|
|
@ -12,7 +12,20 @@
|
|||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<nav class="navbar navbar-default navbar-pre navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
<p class="navbar-text"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +41 31 389 92 86</p>
|
||||
<p class="navbar-text"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> info@public-health.ch</p>
|
||||
<li class="active"><a href="#">De</a></li>
|
||||
<li><a href="#">Fr</a></li>
|
||||
</ul>
|
||||
</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">
|
||||
|
|
@ -28,10 +41,29 @@
|
|||
<!-- 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="active"><a href="#">Willkommen <span class="sr-only">(current)</span></a></li>
|
||||
<li><a href="#">Agenda</a></li>
|
||||
<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>
|
||||
|
|
@ -45,7 +77,15 @@
|
|||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner slick" role="listbox">
|
||||
<div class="item active">
|
||||
<div class="item">
|
||||
<image style="background-image:url(images/banner_4.jpg)" />
|
||||
<div class="carousel-caption">
|
||||
<h3>Mitgliedschaft</h3>
|
||||
<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>
|
||||
<p><a class="btn btn-primary" href="#" role="button"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Mitglied werden</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<image style="background-image:url(images/banner_1.jpg)" />
|
||||
<div class="carousel-caption">
|
||||
<h3>Swiss Public Health Conference 15. November 2016 in Bern</h3>
|
||||
|
|
@ -85,7 +125,7 @@
|
|||
<div class="container">
|
||||
<h2>News</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-header">
|
||||
<img src="images/news_1.jpg" alt="">
|
||||
|
|
@ -94,9 +134,13 @@
|
|||
<p>Ehrenmitgliedschaften</p>
|
||||
<p><a href="/news-details.html" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<span class="glyphicon glyphicon-tags" aria-hidden="true"></span> Kategorie 1, Kategorie 2
|
||||
</div>
|
||||
<a href="/news-details.html" class="fill"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-header">
|
||||
<img src="images/banner_0.jpg" alt="">
|
||||
|
|
@ -105,19 +149,22 @@
|
|||
<p>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</p>
|
||||
<p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
|
||||
</div>
|
||||
<a href="/news-details.html" class="fill"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-sm-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<p>Wirksamer Schutz der Kinder und Jugendlichen vor Tabakkonsum rückt in weite Ferne</p>
|
||||
<p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
|
||||
</div>
|
||||
<a href="/news-details.html" class="fill"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="">
|
||||
|
|
@ -125,7 +172,8 @@
|
|||
<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>
|
||||
|
||||
<hr>
|
||||
{Twitter}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -138,7 +186,7 @@
|
|||
<img src="images/ipad.jpg" alt="Pic 01" />
|
||||
</div>
|
||||
<header>
|
||||
<h2>Über uns</h2>
|
||||
<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>
|
||||
|
|
@ -231,10 +279,8 @@
|
|||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/skel.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/slick/slick.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
$('.carousel-inner.slick').slick({
|
||||
|
|
@ -244,7 +290,9 @@
|
|||
infinite: true,
|
||||
speed: 1000,
|
||||
fade: true,
|
||||
cssEase: 'linear'
|
||||
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>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,20 @@
|
|||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<nav class="navbar navbar-default navbar-pre navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
<p class="navbar-text"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +41 31 389 92 86</p>
|
||||
<p class="navbar-text"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> info@public-health.ch</p>
|
||||
<li class="active"><a href="#">De</a></li>
|
||||
<li><a href="#">Fr</a></li>
|
||||
</ul>
|
||||
</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">
|
||||
|
|
@ -28,10 +41,29 @@
|
|||
<!-- 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="active"><a href="#">Willkommen <span class="sr-only">(current)</span></a></li>
|
||||
<li><a href="#">Agenda</a></li>
|
||||
<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>
|
||||
|
|
@ -43,7 +75,7 @@
|
|||
<div class="image">
|
||||
<img class="img-responsive" src="images/news_1.jpg" alt="">
|
||||
</div>
|
||||
<p class="category">Kategorie</p>
|
||||
<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.
|
||||
|
|
@ -62,9 +94,9 @@
|
|||
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">Name des Autors</p>
|
||||
<p class="author"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Name des Autors</p>
|
||||
|
||||
<p class="backlink"><a href="/index.html">◀︎ Zurück</a></p>
|
||||
<p class="backlink"><a href="/index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> Zurück</a></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -124,10 +156,8 @@
|
|||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/skel.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/slick/slick.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
$('.carousel-inner.slick').slick({
|
||||
|
|
|
|||
Loading…
Reference in a new issue