SAIC-Coding-Club/index.html at main · Cthomp7/SAIC-Coding-Club · 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
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SAIC Coding Club</title>
    <link rel="stylesheet" href="style.css" />
    <script src="dropdown.js"></script>
  </head>
  <body>
    <header>
      <div class="navbar">
        <div class="navbar-2">
          <ul class="navitems">
            <li>
              <a id="calendar" href="#">&ltCalendar&gt</a>
            </li>
            <li><a id="discord" href="#">&ltDiscord&gt</a></li>
            <li><a id="contact" href="#">&ltContact&gt</a></li>
          </ul>
          <a href="javascript:void(0);" class="hamburger" id="hamburger"
            >&lt &gt
          </a>
        </div>
      </div>
    </header>
    <main>
      <h1>Welcome to the SAIC Coding Club!</h1>
      <p>
        This club is for any SAIC students interested in learning and/or talking
        about code.
      </p>
      <br />
      <div class="info">
        <p>
          All skill levels from beginner to expert are welcome! So if you have
          never written a line of code, but need a little help getting started
          we can help!
        </p>
      </div>
      <br />
      <p class="discord-text">
        Join the SAIC Coding Club Discord!
        <a href="https://discord.gg/wcrSQkRCDW">Server Link Here!</a>
      </p>

      <h2>When?</h2>
      <div class="when-info">
        <p class="info">
          The SAIC Coding Club is held on alternating Fridays and Thursdays.
          <br /><br />
          <u>Thursdays:</u> 4pm-6pm | <u>Fridays:</u> 3pm-5pm
        </p>
      </div>
      <h2>Where?</h2>
      <div class="where-info">
        <p class="info">
          These meetings are held in the
          <span class="bold-color">Flex Space</span> located on the
          <span class="bold-color">4th floor</span> (Room 400) in the
          <span class="bold-color">Maclean building</span>.<br /><br />
          [the open space located all the way to the left when you get off the
          elevators]
        </p>
      </div>
      <iframe
        id="google-calendar"
        src="https://calendar.google.com/calendar/embed?src=c_a3bf8080230223299e49657b9f1bc2fe736389b771f9516131699d63710140a8%40group.calendar.google.com&ctz=America%2FChicago"
        style="border: 0"
        width="800"
        height="600"
        frameborder="0"
        scrolling="no"
      ></iframe>

      <!-- <form id="contact-form" action="welcome.php" method="post">
        <div id="contact-form-col">
          <div id="contact-form-col-2">
            <h1>&lt Contact &gt</h1>
            <p>
              Have any questions or suggestions? Feel free to contact a club
              leader via discord or fill out the form below!
            </p>

            <label for="form-name">First name:</label>
            <input type="text" id="form-name" name="form-name" required />
            <br />

            <label for="form-email">Email:</label>
            <input
              type="text"
              id="form-email"
              name="form-email"
              placeholder="@saic.edu"
              required
            />
            <br />

            <label for="form-text"></label>
            <input
              type="text"
              id="form-text"
              name="form-text"
              placeholder="Question or concern..."
              required
            />
            <br />

            <input type="submit" formaction="#" value="Submit" />
          </div>
        </div>
      </form> -->
    </main>
    <footer>
      <div class="footer"></div>
    </footer>
  </body>
</html>