ungleich-public/public-health-ch
6
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

mockup updates

Browse source
This commit is contained in:
Jonathan Hess 2017-01-16 15:46:05 +01:00
parent 4a8450f328
commit e085f53a2c
11 changed files with 390 additions and 101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
config.codekit3
View file

@ -3018,6 +3018,15 @@
"oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.woff", "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.woff",
"oF": 0 "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": { "\/publichealth\/static\/mockup\/assets\/js\/jquery.min.js": {
"ft": 64, "ft": 64,
"mi": 1, "mi": 1,
@ -3226,6 +3235,14 @@
"oF": 0, "oF": 0,
"opt": 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": { "\/publichealth\/static\/mockup\/images\/ipad.jpg": {
"ft": 16384, "ft": 16384,
"iS": 11743, "iS": 11743,

60
publichealth/static/css/modules/_banner.scss
View file

@ -5,7 +5,11 @@ $banner-height: 700px;
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 4em; padding-bottom: 4em;
.carousel-inner .item { .carousel-inner {
overflow: visible;
padding-bottom: 2.5em;
.item {
height: $banner-height; height: $banner-height;
position: relative; position: relative;
background-color: white; background-color: white;
@ -18,9 +22,23 @@ $banner-height: 700px;
display: block; display: block;
background-size: cover; background-size: cover;
background-position: center; 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 { h3, p, button {
color: #333; color: #333;
@ -38,9 +56,45 @@ $banner-height: 700px;
color: black; color: black;
text-align: left; text-align: left;
font-size: 110%; 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 { .slick-prev::before, .slick-next::before {
color: inherit; color: inherit;
} }

23
publichealth/static/css/modules/_navbar.scss
View file

@ -1,13 +1,36 @@
.navbar-default { .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-header {
.navbar-brand { .navbar-brand {
text-transform: uppercase; text-transform: uppercase;
font-size: 1em;
img { img {
display: inline; display: inline;
width: auto; width: auto;
height: 28px; height: 28px;
margin-top: -5px; margin-top: -5px;
margin-right: .5em;
} }
} }
} }

29
publichealth/static/css/modules/_news.scss
View file

@ -1,27 +1,56 @@
// News overview // News overview
#news { #news {
.panel-default { .panel-default {
position: relative;
font-size: 90%; font-size: 90%;
transition: transform .6s;
&:hover {
transform: scale(1.05);
}
.panel-header img { .panel-header img {
max-width: 100%; max-width: 100%;
} }
.panel-body {
a { a {
position: relative;
font-size: 80%; 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 detail article
#news-details { #news-details {
background: white;
.category { .category {
margin-top: 2em; margin-top: 2em;
display: inline-block; display: inline-block;
text-transform: uppercase; text-transform: uppercase;
font-size: 80%; font-size: 80%;
letter-spacing: 2px; letter-spacing: 2px;
span {
border-bottom: 1px solid $text-color; border-bottom: 1px solid $text-color;
} }
}
.date { .date {
color: lighten($text-color, 20%); color: lighten($text-color, 20%);
font-size: 90%; font-size: 90%;

2
publichealth/static/css/slick/slick-theme.scss
View file

@ -16,7 +16,7 @@ $slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\2190" !default; $slick-prev-character: "\2190" !default;
$slick-next-character: "\2192" !default; $slick-next-character: "\2192" !default;
$slick-dot-character: "\2022" !default; $slick-dot-character: "\2022" !default;
$slick-dot-size: 10px !default; $slick-dot-size: 13px !default;
$slick-opacity-default: 0.75 !default; $slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default; $slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default; $slick-opacity-not-active: 0.25 !default;

105
publichealth/static/mockup/assets/css/main.css
View file

@ -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 { .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
color: inherit; } 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 { .navbar-default .navbar-header .navbar-brand {
text-transform: uppercase; } text-transform: uppercase;
font-size: 1em; }
.navbar-default .navbar-header .navbar-brand img { .navbar-default .navbar-header .navbar-brand img {
display: inline; display: inline;
width: auto; width: auto;
height: 28px; height: 28px;
margin-top: -5px; } margin-top: -5px;
margin-right: .5em; }
/* Page header */ /* Page header */
#banner { #banner {
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 4em; } padding-bottom: 4em; }
#banner .carousel-inner {
overflow: visible;
padding-bottom: 2.5em; }
#banner .carousel-inner .item { #banner .carousel-inner .item {
height: 700px; height: 700px;
position: relative; position: relative;
@ -6459,7 +6480,16 @@ input[type="checkbox"],
display: block; display: block;
background-size: cover; background-size: cover;
background-position: center; 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 { #banner h3, #banner p, #banner button {
color: #333; color: #333;
text-shadow: none; text-shadow: none;
@ -6473,7 +6503,38 @@ input[type="checkbox"],
color: black; color: black;
text-align: left; text-align: left;
font-size: 110%; 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 { .slick-prev::before, .slick-next::before {
color: inherit; } color: inherit; }
@ -6495,36 +6556,56 @@ footer#footer {
font-size: 70%; } font-size: 70%; }
#news .panel-default { #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 { #news .panel-default .panel-header img {
max-width: 100%; } max-width: 100%; }
#news .panel-default a { #news .panel-default .panel-body a {
font-size: 80%; } 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 { #news-details .category {
margin-top: 2em; margin-top: 2em;
display: inline-block; display: inline-block;
text-transform: uppercase; text-transform: uppercase;
font-size: 80%; font-size: 80%;
letter-spacing: 2px; letter-spacing: 2px; }
#news-details .category span {
border-bottom: 1px solid #666; } border-bottom: 1px solid #666; }
#news-details .date { #news-details .date {
color: #999999; color: #999999;
font-size: 90%; font-size: 90%;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: .5em; } margin-bottom: .5em; }
#news-details hr { #news-details hr {
margin-left: 0; margin-left: 0;
width: 100px; } width: 100px; }
#news-details .author { #news-details .author {
color: #999999; color: #999999;
font-size: 90%; font-size: 90%;
text-transform: uppercase; text-transform: uppercase;
font-style: italic; } font-style: italic; }
#news-details .backlink { #news-details .backlink {
margin-top: 3em; } margin-top: 3em; }

2
publichealth/static/mockup/assets/css/slick.css
View file

@ -192,7 +192,7 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
font-family: "slick"; font-family: "slick";
font-size: 10px; font-size: 13px;
line-height: 20px; line-height: 20px;
text-align: center; text-align: center;
color: black; color: black;

7
publichealth/static/mockup/assets/js/bootstrap.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

BIN
publichealth/static/mockup/images/banner_4.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 333 KiB

74
publichealth/static/mockup/index.html
View file

@ -12,7 +12,20 @@
<body> <body>
<!-- Header --> <!-- 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"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
@ -28,10 +41,29 @@
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Willkommen <span class="sr-only">(current)</span></a></li> <li class="dropdown">
<li><a href="#">Agenda</a></li> <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> <li><a href="#">Kontakt</a></li>
</ul> </ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">Projekte</a></li>
</ul>
</div> </div>
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</div> </div>
@ -45,7 +77,15 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner slick" role="listbox"> <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)" /> <image style="background-image:url(images/banner_1.jpg)" />
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Swiss Public Health Conference 15. November 2016 in Bern</h3> <h3>Swiss Public Health Conference 15. November 2016 in Bern</h3>
@ -85,7 +125,7 @@
<div class="container"> <div class="container">
<h2>News</h2> <h2>News</h2>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-sm-4">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-header"> <div class="panel-header">
<img src="images/news_1.jpg" alt=""> <img src="images/news_1.jpg" alt="">
@ -94,9 +134,13 @@
<p>Ehrenmitgliedschaften</p> <p>Ehrenmitgliedschaften</p>
<p><a href="/news-details.html" class="btn btn-primary btn-xs">Mehr erfahren</a></p> <p><a href="/news-details.html" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div> </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> </div>
<div class="col-md-4"> <div class="col-sm-4">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-header"> <div class="panel-header">
<img src="images/banner_0.jpg" alt=""> <img src="images/banner_0.jpg" alt="">
@ -105,19 +149,22 @@
<p>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</p> <p>Parlamentarische Gruppe nichtübertragbare Krankheiten NCD gegründet</p>
<p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p> <p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div> </div>
<a href="/news-details.html" class="fill"></a>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-sm-4">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-body"> <div class="panel-body">
<p>Wirksamer Schutz der Kinder und Jugendlichen vor Tabakkonsum rückt in weite Ferne</p> <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> <p><a href="#" class="btn btn-primary btn-xs">Mehr erfahren</a></p>
</div> </div>
<a href="/news-details.html" class="fill"></a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section> <section>
<div class="container"> <div class="container">
<div class=""> <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> <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> <a href="#" class="btn btn-default">Mehr erfahren</a>
</div> </div>
<hr>
{Twitter}
</div> </div>
</section> </section>
@ -138,7 +186,7 @@
<img src="images/ipad.jpg" alt="Pic 01" /> <img src="images/ipad.jpg" alt="Pic 01" />
</div> </div>
<header> <header>
<h2>Über uns</h2> <h3>Über uns</h3>
</header> </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 <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> kann.</p>
@ -231,10 +279,8 @@
<!-- Scripts --> <!-- Scripts -->
<script src="assets/js/jquery.min.js"></script> <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/slick/slick.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script> <script>
$('.carousel-inner.slick').slick({ $('.carousel-inner.slick').slick({
@ -244,7 +290,9 @@
infinite: true, infinite: true,
speed: 1000, speed: 1000,
fade: true, 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> </script>

48
publichealth/static/mockup/news-details.html
View file

@ -12,7 +12,20 @@
<body> <body>
<!-- Header --> <!-- 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"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
@ -28,10 +41,29 @@
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Willkommen <span class="sr-only">(current)</span></a></li> <li class="dropdown">
<li><a href="#">Agenda</a></li> <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> <li><a href="#">Kontakt</a></li>
</ul> </ul>
</li>
<li class="active"><a href="#">News</a></li>
<li><a href="#">Agenda</a></li>
<li><a href="#">Projekte</a></li>
</ul>
</div> </div>
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</div> </div>
@ -43,7 +75,7 @@
<div class="image"> <div class="image">
<img class="img-responsive" src="images/news_1.jpg" alt=""> <img class="img-responsive" src="images/news_1.jpg" alt="">
</div> </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> <h2>Ehrenmitgliedschaften</h2>
<p class="lead"> <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. 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. 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> </p>
<hr> <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> </div>
</section> </section>
@ -124,10 +156,8 @@
<!-- Scripts --> <!-- Scripts -->
<script src="assets/js/jquery.min.js"></script> <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/slick/slick.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script> <script>
$('.carousel-inner.slick').slick({ $('.carousel-inner.slick').slick({