Test presentation with reveal

index.html

<section>
  <h1>REXos presentation</h1>
</section>

<section id="slide-1">
  <h1>Second slide</h1>
  <img src="https://gist.github.com/breiting/6dfddf21b91a60695b0bece131131748/raw/4047e0f6a03f069e10a51775ede9f1de5cc3c197/rexos.png"/>
</section>

<section data-transition="zoom">
  <h1>Third slide</h1>

  Put a <a href="#/slide-1">here</a>
</section>

<section>
					<section>
						<h2>Vertical Slides</h2>
						<p>Slides can be nested inside of each other.</p>
						<p>Use the <em>Space</em> key to navigate through all slides.</p>
						<br>
						<a href="#" class="navigate-down">
							<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
						</a>
					</section>
					<section>
						<h2>Basement Level 1</h2>
						<p>Nested slides are useful for adding additional detail underneath a high level horizontal slide.</p>
					</section>
					<section>
						<h2>Basement Level 2</h2>
						<p>That's it, time to go back up.</p>
						<br>
						<a href="#/next-slide">
							<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
						</a>
					</section>
				</section>

<section id="next-slide">
	this is the final slide
</section>

rexos.png