index.html

<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>ePubJS Examples</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes">

        <style type="text/css">

          body {
            overflow: auto;
            background: #eee;
          }

          #wrapper {
            width: 480px;
            height: 640px;
            overflow: hidden;
            border: 1px solid #ccc;
            margin: 28px auto;
            background: #fff;
            border-radius: 0 5px 5px 0;
          }

          #area {
            width: 480px;
            height: 660px;
            margin: -30px auto;
            -moz-box-shadow:      inset 10px 0 20px rgba(0,0,0,.1);
            -webkit-box-shadow:   inset 10px 0 20px rgba(0,0,0,.1);
            box-shadow:           inset 10px 0 20px rgba(0,0,0,.1);
          }

          #area iframe {
            padding: 40px 40px;
          }

          body {
            font-size: 1em;
            line-height: 1.33em;
            font-family: serif;

          }
          h1 {
            text-align: center;
            font-size: 1.5em;
            line-height: 1.33em;
            text-align: center;
            padding-bottom: 0em;
            text-align: center;
            text-transform: uppercase;
            font-weight: normal;
            letter-spacing: 4px;
            padding-top: 60px;
          }

          ol {
            width: 350px;
            margin: 50px auto;
            /*font-family: sans-serif;*/
          }

          a {
            font-size: 1.2em;
            line-height: 1.33em;
            color: #000;
          }
        </style>


    </head>
    <body>
        <div id="main">
          <div id="wrapper">
            <div id="area">

              <h1>EPUB.js<br>Examples</h1>
              <ol>
                <li><a href="examples/single.html">Single</a></li>
                <li><a href="examples/basic.html">Basic</a></li>
                <li><a href="examples/contained.html">Contained</a></li>
                <li><a href="examples/promises.html">Promises</a></li>
                <li><a href="examples/fixed.html">Fixed</a></li>
                <li><a href="examples/custom-elements.html">Custom Element</a></li>
                <li><a href="examples/mathml.html">MathML</a></li>
                <li><a href="examples/hypothesis.html">Annotations with Hypothes.is</a></li>
                <li><a href="examples/pagination.html">Pagination</a></li>
              </ol>

            </div>
          </div>
        </div>


    </body>
</html>