-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (121 loc) · 4.5 KB
/
index.html
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
131
132
<!DOCTYPE html>
<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" />
<meta
http-equiv="Cache-Control"
content="no-cache, no-store, must-revalidate"
/>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>Mitty CS Club</title>
<link rel="stylesheet" href="./index.css" />
<link rel="icon" type="image/x-icon" href="./resources/icon2/favicon.ico" />
</head>
<body>
<nav>
<!-- <a href="#team"><strong>Meet the team</strong></a> -->
<a href="#description"><strong>What we do</strong></a>
<a href="#schedule"><strong>Meeting schedule</strong></a>
</nav>
<header class="text-center">
<div class="title-div text-left">
<h1 class="title">Mitty Computer Science Club</h1>
<h3 class="title-description">
Creating an environment to explore students' interest in computer
science and programming!
</h3>
<div class="button-container">
<button class="enroll-button">
<a
target="_blank"
href=" http://mitty.instructure.com/enroll/RPW8XC"
><h4>Enroll Now</h4></a
>
</button>
</div>
</div>
<img src="./resources/logo2.png" alt="logo" class="title-img" />
</header>
<section id="team" class="text-center">
<h2 class="team-title"><a href="#">Who are we?</a></h2>
<p class="team-info">
We are a student-led club at Archbishop Mitty High School that prioritizes generating and cultivating interest in computer science and programming.
We hope to help each and every individual student excel wherever their CS journey leads them.
</p>
</section>
<section id="description" class="text-center">
<h2 class="description-title"><a href="#">What do we do?</a></h2>
<div class="description-flex">
<div class="workshops">
<img
src="./resources/workshop-img.png"
alt="wokrshop img"
class="wokrshop-img"
/>
<div class="workshop-container text-left">
<h3 class="workshop-title">Workshops!</h3>
<p class="workshop-info">
<strong>
Each meeting, CS Club hosts 2 workshops on a diverse set of
topics topics ranging from game design and web development to
machine learning. Each workshop is started and finished in one
meetingso just enroll in the
<a
target="_blank"
href="http://mitty.instructure.com/enroll/RPW8XC"
>Canvas course</a
>
and choose the workshop that speaks to you! We promise you'll
love it!
</strong>
</p>
</div>
</div>
<div class="guest-speakers">
<img
src="./resources/CS Club.png"
alt="CS Club Photo"
class="guest-img"
/>
<div class="guest-container text-left">
<h3 class="guest-title">Guest Speakers!</h3>
<p class="guest-info">
<strong>
CS Club also invited guest speakers to attend meetings and give
presentations. We find that having experienced programmers
present to high school students and hosting a Q&A helps raise
further interest in computer science. Keep watching
<a
target="_blank"
href=" http://mitty.instructure.com/enroll/RPW8XC"
>Canvas announcements</a
>
for when guest speakers will be presenting!
</strong>
</p>
</div>
</div>
</div>
</section>
<section id="schedule" class="text-center">
<h2 class="schedule-title"><a href="#">Meeting Schedule</a></h2>
<iframe
title
id="calendar"
src="https://embed.styledcalendar.com/#5lwEBGj8rkIGMEmeCJhA"
title="Styled Calendar"
class="styled-calendar-container"
style="width: 100%; border: none"
data-cy="calendar-embed-iframe"
></iframe>
<script
async
type="module"
src="https://embed.styledcalendar.com/assets/parent-window.js"
></script>
</section>
</body>
</html>