xmas-boardingpass.github.io/reveal.html at main · rforster-dev/xmas-boardingpass.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />

    <link rel="manifest" href="site.webmanifest" />
    <link rel="apple-touch-icon" href="icon.png" />
    <!-- Place favicon.ico in the root directory -->

    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/reveal.css" />

    <meta name="theme-color" content="#fafafa" />
  </head>

  <body>
    <div class="headingwrapper">
      <h1>Let's find out!</h1>
      <h2>Open your passport to reveal your boarding pass...</h2>
    </div>
    <div class="wrapper">
      <div class="inner"></div>
      <h1>BRI<span>10:05 EST</span></h1>
      <img src="https://puu.sh/rE6r5/64a88e39ee.svg" />
      <h1>MALTA<span>12:18 EST</span></h1>
      <img src="https://puu.sh/rEamz/19fee889b7.svg" class="barcode" />
      <p>Jacqui Forster<br />Flight #123456<br /></p>
      <p class="info">GATE: <span>24A</span> DEPARTS: <span>4:20 PM</span></p>
      <p class="info">Length: A long weekend</p>
      <div class="sleeve">
        <h2>BOARDING PASS</h2>
      </div>
    </div>
  </body>
</html>