uiuc-wece.github.io/join.html at master · uiuc-wece/uiuc-wece.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
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Women in ECE | University of Illinois at Urbana-Champaign</title>

    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Source+Code+Pro"
      rel="stylesheet"
    />
    <link rel="icon" href="./favicon.ico" type="image/x-icon" />

    <!-- google analytics -->
    <script>
      (function(i, s, o, g, r, a, m) {
        i["GoogleAnalyticsObject"] = r;
        (i[r] =
          i[r] ||
          function() {
            (i[r].q = i[r].q || []).push(arguments);
          }),
          (i[r].l = 1 * new Date());
        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m);
      })(
        window,
        document,
        "script",
        "https://www.google-analytics.com/analytics.js",
        "ga"
      );

      ga("create", "UA-100562254-1", "auto");
      ga("send", "pageview");
    </script>
    <script
      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
      crossorigin="anonymous"
    ></script>
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
      crossorigin="anonymous"
    ></script>

    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" type="text/css" href="join.css" />
    <script>
      $(function() {
        $("#navbar").load("navbar.html");
        $("#footer").load("footer.html");
      });
    </script>
  </head>

  <body>
    <div id="container">
      <div id="navbar"></div>
      <div class="content">
        <div class="container-fluid section">
          <div class="section-title section-top">
            <h3 class="text-center">Join WECE_</h3>
          </div>
          <div class="section-body">
            <p>
              Sign up here to get weekly newsletters with general meetings,
              upcoming events, and more.
            </p>
            <form name="form" id="join-form" class="form">
              <h6>
                <span class="category">NetID:</span>
                <input type="text" name="netID" id="netID" />
              </h6>
              <h6 id="checkbox-header">Committees I'm interested in:</h6>
              <div class="committee-checkboxes">
                <input type="checkbox" name="academic" value="academic" />
                Academic
                <br />
                <input
                  type="checkbox"
                  name="infrastructure"
                  value="infrastructure"
                />
                Infrastructure
                <br />
                <input type="checkbox" name="mentorship" value="mentorship" />
                Mentorship
                <br />
                <input type="checkbox" name="outreach" value="outreach" />
                Outreach
                <br />
                <input type="checkbox" name="marketing" value="marketing" />
                Marketing
                <br />
                <input type="checkbox" name="social" value="social" /> Social
                <br />
                <input type="checkbox" name="technical" value="technical" />
                Technical
                <br />
              </div>
              <br />
              <div class="button-join">
                <button type="submit" id="submit-form" class="btn">Join</button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div id="footer"></div>
    </div>
  </body>

  <script src="gsheets_script_form_ajax.js"></script>
</html>