<ul class="campus-slideshow">
<li class="campus-slideshow__slide">
<div class="campus-wrapper">
<header tabindex="-1" class="campus-header">
<h1 class="campus-header__logo-heading">
<a href="" class="campus-header__logo-link">
<img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
</a>
</h1>
<div class="campus-header__clock">12:39</div>
</header>
<main class="campus-wrapper__main">
<div class="campus-generic">
<figure class="campus-generic__image-container">
<img src="/images/campus-generic.jpg" alt="Image" class="campus-generic__image">
</figure>
<div class="campus-generic__wrapper">
<div class="campus-generic__content">
<h1>h1 - Lorem ipsum dolor sit amet.</h1>
<h2>h2 - Lorem ipsum dolor sit amet.</h2>
<h3>h3 - Lorem ipsum dolor sit amet.</h3>
<p>p - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, deleniti dolorum est facilis fugiat ipsam nisi quaerat similique sit voluptatibus? Ab deserunt dicta illo ipsum possimus quae, voluptates! Fuga, odit?</p>
<ul>
<li>ul - Lorem item 1</li>
<li>ul - Lorem item 2</li>
</ul>
<ol>
<li>ol - Lorem item 1</li>
<li>ol - Lorem item 2</li>
</ol>
</div>
</div>
</div>
</main>
</div>
</li>
<li class="campus-slideshow__slide">
<div class="campus-wrapper">
<header tabindex="-1" class="campus-header">
<h1 class="campus-header__logo-heading">
<a href="" class="campus-header__logo-link">
<img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
</a>
</h1>
<div class="campus-header__clock">12:39</div>
</header>
<main class="campus-wrapper__main">
<article class="campus-article">
<header class="campus-article__header">
<figure class="campus-article__image-container">
<img src="/images/campus-article.jpg" alt="Lord overfører Aardman til dei tilsette" class="campus-article__image">
</figure>
<h2 class="campus-article__heading">Lord overfører Aardman til dei tilsette</h2>
</header>
<p class="campus-article__copy">Peter Lord, legendarisk animatør og ein av grunnleggarane av det Oscar-vinnande animasjonsstudioet Aardman i England, overfører selskapet til dei tilsette. Peter Lord er også professor ved animasjonsutdanninga ved Høgskulen i Volda. – Eg er glad for at han sikrar den kreative arven og den kunstnarlege fridomen til Aardman på denne måten, seier professor Gunnar Strøm.</p>
</article>
</main>
</div>
</li>
<li class="campus-slideshow__slide">
<div class="campus-wrapper">
<header tabindex="-1" class="campus-header">
<h1 class="campus-header__logo-heading">
<a href="" class="campus-header__logo-link">
<img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
</a>
</h1>
<div class="campus-header__clock">12:39</div>
</header>
<main class="campus-wrapper__main">
<img src="/images/campus-fullscreen.jpg" alt="" class="campus__fullscreen">
</main>
</div>
</li>
<li class="campus-slideshow__slide">
<div class="campus-wrapper">
<header tabindex="-1" class="campus-header">
<h1 class="campus-header__logo-heading">
<a href="" class="campus-header__logo-link">
<img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
</a>
</h1>
<div class="campus-header__clock">12:39</div>
</header>
<main class="campus-wrapper__main">
<div class="campus-events">
<h2 class="campus-events__heading">Upcoming events</h2>
<ul class="campus-events__list">
<li class="campus-events__item">
<div class="campus-event">
<div class="campus-event__date">
<span class="campus-event__day">26</span>
<span class="campus-event__month">Nov</span>
</div>
<div class="campus-event__details">
<span class="campus-event__title">Digital lunsj</span>
<div class="campus-event__time">11:30 - 12:30</div>
<div class="campus-event__place">Miljørommet, BK 256</div>
</div>
</div>
</li>
<li class="campus-events__item">
<div class="campus-event">
<div class="campus-event__date">
<span class="campus-event__day">26</span>
<span class="campus-event__month">Nov</span>
</div>
<div class="campus-event__details">
<span class="campus-event__title">Digital lunsj</span>
<div class="campus-event__time">11:30 - 12:30</div>
<div class="campus-event__place">Miljørommet, BK 256</div>
</div>
</div>
</li>
<li class="campus-events__item">
<div class="campus-event">
<div class="campus-event__date">
<span class="campus-event__day">26</span>
<span class="campus-event__month">Nov</span>
</div>
<div class="campus-event__details">
<span class="campus-event__title">Digital lunsj</span>
<div class="campus-event__time">11:30 - 12:30</div>
<div class="campus-event__place">Miljørommet, BK 256</div>
</div>
</div>
</li>
</ul>
</div>
</main>
</div>
</li>
<li class="campus-slideshow__slide">
<div class="campus-wrapper">
<header tabindex="-1" class="campus-header">
<h1 class="campus-header__logo-heading">
<a href="" class="campus-header__logo-link">
<img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
</a>
</h1>
<div class="campus-header__clock">12:39</div>
</header>
<main class="campus-wrapper__main">
<!--
To change color add modificator to the ".campus-important-message" block:
.campus-important-message--green,
.campus-important-message--orange,
.campus-important-message--purple
-->
<div class="campus-important-message campus-important-message--purple">
<p class="campus-important-message__text">This is the screen for displaying an important message to the campus students</p>
</div>
</main>
</div>
</li>
</ul>
{#{% extends "@wrapper" %}#}
{#{% block main %}#}
<ul class="campus-slideshow">
<li class="campus-slideshow__slide">{% include "@generic" %}</li>
<li class="campus-slideshow__slide">{% include "@article" %}</li>
<li class="campus-slideshow__slide">{% include "@fullscreen" %}</li>
<li class="campus-slideshow__slide">{% include "@events" %}</li>
<li class="campus-slideshow__slide">{% include "@important-message" %}</li>
</ul>
{#{% endblock %}#}
/* No context defined. */
No notes defined.