Presentation with impress.js

Basic presentation using slides with impress.js

by Génesis García Morilla

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/impress/impress.js/master/css/impress-demo.css">
<div id="impress">
  <div class="step slide" data-x="-1000" data-y="-1500">
    <q>using  <strong>impress.js</strong></q>
  </div>

  <div class="step slide" data-x="0" data-y="-1500">
    <q>Simplicity is prerequisite for reliability<br><strong>Edsger Dijkstra</strong></q>
  </div>

  <div class="step" data-x="0" data-y="0" data-scale="4">
    <q>If you can't explain it simply, you don't understand it well enough<br>
    <strong>Albert Einstein</strong></q>
  </div>

  <div class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/7Pq-S557XQU" frameborder="0" allowfullscreen></iframe>
    <br><a href="https://www.youtube.com/user/CGPGrey">CGP Grey</a>
  </div>

</div>

<script src="https://cdn.rawgit.com/impress/impress.js/master/js/impress.js"></script>

JavaScript

impress().init();