index.html

<!doctype html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>reveal.js</title>

		<link rel="stylesheet" href="dist/reset.css">
		<link rel="stylesheet" href="dist/reveal.css">
<!--		<link rel="stylesheet" href="dist/theme/black.css">-->
		<link rel="stylesheet" href="dist/theme/solarized.css">

		<!-- Theme used for syntax highlighted code -->
		<link rel="stylesheet" href="plugin/highlight/monokai.css">
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section  data-auto-animate data-markdown="md/presentation.md" data-separator="^---$" data-separator-vertical="^\+\+\+$"></section>
				<section  data-auto-animate data-markdown="md/html/html.md" data-separator="^---$" data-separator-vertical="^\+\+\+$"></section>
				<section  data-auto-animate data-markdown="md/html/css.md" data-separator="^---$" data-separator-vertical="^\+\+\+$"></section>
				<!--        <section  data-auto-animate data-markdown="md/html/bootstrap.md" data-separator="^---$" data-separator-vertical="^\+\+\+$"></section>  -->
			</div>
		</div>

		<script src="dist/reveal.js"></script>
		<script src="plugin/notes/notes.js"></script>
		<script src="plugin/markdown/markdown.js"></script>
		<script src="plugin/highlight/highlight.js"></script>
		<script>
			// More info about initialization & config:
			// - https://revealjs.com/initialization/
			// - https://revealjs.com/config/
			Reveal.initialize({
				hash: true,
				slideNumber: true,
				showSlideNumber: 'all',
				mouseWheel:true,
				// Learn about plugins: https://revealjs.com/plugins/
				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
			});
		</script>
	</body>
</html>