index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Demo 1</title>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="styles/screen-16x10.css">
</head>
<body class="shower list">
	<header class="caption">
		<h1>Demo 1</h1>
		<p><a href="https://be.linkedin.com/in/estherdeloof">Esther De Loof</a>, <a href="http://www.ugent.be/">Ghent University</a>.</p>
	</header>
	<section class="slide">
		<h2>Mijn eerste webslide</h2>
		<img src="images/OverviewDesign.jpg" height="420">
	</section>
	<section class="slide">
		<h2>Flipping the classroom: een filmpje</h2>
		<iframe width="820" height="420" src="https://www.youtube.com/embed/iQWvc6qhTds" frameborder="0" allowfullscreen></iframe>
	</section>
	<section class="slide">
		<h2>Interactie tijdens de presentatie</h2>
		<iframe src="https://www.mentimeter.com/s/22b6718aa98a08cb588f9f7ea09b8719/aee2d80e0a9e" width="820" height="400"></iframe>
		<ul> Doe mee op <a href="https://www.menti.com/d4101a/0">www.menti.com </a> (code 14 93 27) </ul>
	</section>
	<div class="progress"></div>
	<footer class="badge">
		<a href="https://github.com/OpenWebslides/Demo1">Fork me on GitHub</a>
	</footer>
	<script src="scripts/shower.min.js"></script>
</body>
</html>