示例.html

<style>
</style>
<section>
  <h1>前端工程师写 PPT</h1>
  <h2>一定要用命令行 build 一下吗？</h2>
  <p>直接写 HTML 吧，你是前端工程师啊</p>
  <textarea readonly>
    <h1>前端工程师写 PPT</h1>
    <h2>一定要用命令行 build 一下吗？</h2>
  </textarea>
</section>

<section>
  <h1>想贴图？</h1>
  <img src="./img/timg.jpeg" width=300>
  <img src="https://wanzao2.b0.upaiyun.com/system/pictures/33142681/original/1455447114_360x227.gif">
</section>

<section>
  <h1>放视频？</h1>
  <video controls src="http://images.apple.com/media/us/macbook-pro/2016/b4a9efaa_6fe5_4075_a9d0_8e4592d6146c/films/design/macbook-pro-design-tft-cc-us-20161026_1536x640h.mp4"></video>
</section>

<section>
  <h1>代码预览？</h1>
  <script async src="https://jsfiddle.net/CGmCe/15220/embed/"></script>
</section>

<section>
  <h1>布局？主题？</h1>
  <div style="width: 2.5em; font-size: 80px; border: 3px solid red;">CSS is awesome</div>
</section>

<section>
  <h1>Like me? Fork me!</h1>
  <a class="github-button" href="https://github.com/frankfang/wtf-slides" data-icon="octicon-star" data-style="mega" data-count-href="/frankfang/wtf-slides/stargazers" data-count-api="/repos/frankfang/wtf-slides#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star frankfang/wtf-slides on GitHub">Star</a>
  <a class="github-button" href="https://github.com/frankfang/wtf-slides/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/frankfang/wtf-slides/network" data-count-api="/repos/frankfang/wtf-slides#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork frankfang/wtf-slides on GitHub">Fork</a>
  <script async defer src="https://buttons.github.io/buttons.js"></script>
</section>

<link rel="stylesheet" href="css/reveal.css"/>
<link rel="stylesheet" href="css/theme.css"/>
<script src="js/main.js"></script>