GrassLandsMenu/index.html at master · spatronis/GrassLandsMenu · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>


    <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Bungee+Inline' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

    <link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <template id="beer-template">
    <div class="beer">

      <object class="glass-icon glass-icon-pint hidden" type="image/svg+xml" data="img/pint.svg"></object>
      <object class="glass-icon glass-icon-12oz hidden" type="image/svg+xml" data="img/12oz.svg"></object>
      <object class="glass-icon glass-icon-10oz hidden" type="image/svg+xml" data="img/10oz.svg"></object>
      <object class="glass-icon glass-icon-6oz hidden" type="image/svg+xml" data="img/6oz.svg"></object>
      <h1></h1>
      <div class="description"></div>
      <h2></h2>

      <div class="abv"></div>

      <div class="price-wrapper">
        <div class="price"></div>
        <div class="size"></div>
      </div>
      <div class="assorted-price-wrapper">
        <div class="assorted-price price-10oz"></div>
        <div class="assorted-price price-12oz"></div>
        <div class="assorted-price price-16oz"></div>
        <div class="assorted-price price-crowler"></div>
        <div class="assorted-price price-growler"></div>
      </div>
    </div>
  </template>

  <div id="wrapper" class="wrapper"></div>
  <img class='main-logo' src="img/logo.svg" />

  <div class="announce-section">

    <div class="flights">

        <p class="catch-line">Can’t decide on just one?</p>
        <p>We have flights of 4 beers &ndash; <b>6oz each</b>!</p>

        <object class="glass-icon glass-icon-1" type="image/svg+xml" data="img/6oz.svg"></object>
        <object class="glass-icon glass-icon-2" type="image/svg+xml" data="img/6oz.svg"></object>
        <object class="glass-icon glass-icon-3" type="image/svg+xml" data="img/6oz.svg"></object>
        <object class="glass-icon glass-icon-4" type="image/svg+xml" data="img/6oz.svg"></object>
        <div class="price-wrapper">
          <div class="price">10</div>
        </div>
    </div>

    <div class="taproom-notes">
      <div>We have guest <b>ciders</b> available for $6</div>
      <div>We also offer <b>red and white</b> wine on tap for $8</div>
      <div>Happy Hour (Tues-Fri: 4pm to 6pm) $1 off all GrassLands pints!</div>
    </div>

  </div>

  <script type="module" src="src/index.js"></script>
</body>
</html>