coffeeshopportfolio/index.html at main · sipsjava/coffeeshopportfolio · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/public/images/coffee_bean_favicon.svg" />
  <link rel="stylesheet" href="./src/style.scss" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Britney's Brew</title>
</head>

<body>
  <div id="app"></div>
  <div id="experience">
    <canvas id="experience-canvas" class="experience-canvas"></canvas>
  </div>

  <div class="email modal" id="email modal">
    <button class="modal-exit-button">
      <img src="images/modal-close-icon.svg" id="modal-close-icon" />
    </button>
    <h1 class="modal-title">Contact Me</h1>
    <h3 class="modal-subtitle" id="modal-subtitle">If you're interested in my site or have other comments, send your message below!</h3>
    <div id="email-modal-overlay">
      <div class="email-form" id="email-form">
        <div id="email-cont">
          <label for="email-input">Email</label>
          <input type="email" placeholder="Your email address" size="30" id="email-input" name="email-input">
        </div>
        <div id="msg-cont">
          <label for="msg-input">Message</label>
          <textarea id="msg-input" name="msg-input" rows="10" cols="60" placeholder="Your message" maxlength="500"
            resize="none"></textarea>
        </div>
   <form id="contact-frm" hidden action="https://formspree.io/f/mwpqopvj" method="POST">
        <input type="email" id="frm-email" name="frm-email">
        <input name="frm-msg" id="frm-msg">
        <input type="hidden" name="_next" value="" />
      </form>
      <button id="submit-form-button" class="button" disabled>Enter email address and message to send</button>
      </div>
    </div>
  </div>
  </div>
  </div>

  <div class="about modal">
    <h1 class="modal-title">about modal</h1>
    <button class="modal-exit-button">exit about</button>
  </div>

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

</html>