-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (138 loc) · 8.03 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<title> St Mikes Thunder Council </title>
<meta name="viewport" content="width=device-width">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Passion+One:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hind:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;335&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Chewy&display=swap" rel="stylesheet">
<link href="styles/homeStyles.css" rel="stylesheet" type="text/css">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body id="body-of-page">
<div class="welcome-section">
<nav>
<a href="https://twitter.com/thundercouncil" class="link" target="_blank" >Twitter</a>
<a href="sickKids.html" class="link" > Mikes Sick Kids</a>
<a href="https://www.dpcdsb.org/MICHS" class="link">School Website</a>
<a href="https://www.youtube.com/user/stMiCtv" class="link">stMiCtv</a>
<a href="https://twitter.com/ServicesThunder" class="link" target="_blank" >Student Services</a>
</nav>
<div class="welcome-message">
<div class="title">
<h1>St Mikes</h1>
<h2>Thunder Council</h2>
</div>
<div class="right-message"></div>
</div>
</div>
<div class="info-section-1">
<div class="update-section">
<h3>Updates and Upcoming Events</h3>
<ul>
<p>Information for grade 12's</p>
<li>Peel Public Health has decided against in-person graduations, so our ceremony will remain online on <b>June 24th at 4:30 PM</b></li>
<li>The Preshow will begin at <b>3:30 PM</b></li>
<li>There will be an in-person Grad Pickup Day to retrieve your diploma; where music, teachers, photobooths etc.. will be present</li>
<li>Thank you to everyone who attended the live Instagram Senior Sunrise</li>
<br><p>General Information</p>
<li>Thank you to everyone who submitted their yearbook photo on time, and thank you to the grade 12's who sent in LipDub clips</li>
<li>Congratulations to the grade 12's for winning Thunder Spirit Wednesday, and to the grade 10's who placed second! </li>
<li>All grade 12's will be able to vote for a charity to which the school will donate on your behalf</li>
<li>Be sure to keep up with the Thunder Instagram account for new teacher QnA episodes, and send in any questions you want to see answered</li>
<div class="links">
<a href="https://www.instagram.com/thundercouncil/">Instagram</a> <br>
<a href="https://linktr.ee/ThunderCouncil">Linktree</a>
</div>
</ul>
</div>
<div class="line-seperator"> </div>
<div class="special-message">
<p>Congratulations to all grade 12's on an incredible 4 years!</p>
<a href="https://youtu.be/X5hRVsCojGo">2021 - St. Michael Graduation Ceremony</a>
</div>
</div>
<div class="colour-wars-section">
<div class="colour-info">
<h4>Colour Wars 2021</h4>
<ul >
<li>Thank you to everyone who participated in this year's Colour Wars, every donation makes a huge difference and we appreciate everyone's generosity</li>
<li>Although we could not purchase and deliver toys like a normal year, the donations we received exceeded our expectations!</li>
<li>9000 dollars was raised and will be donated to the patient support section of Sick Kids Hospital</li>
<li>The grade 12's won this year, with an average of 24.3 points per student!</li>
<li>Second third and fourth place went to the grade 11's, 9's and 10's respectively </li>
<li>Read the Caledon Enterprise Article <a href="https://www.caledonenterprise.com/community-story/10293214--we-are-thrilled-bolton-high-school-raises-9k-for-sick-kids-hospital/">here </a></li>
</ul>
<div>
<div class="colour-link">
<a href="sickKids.html">Look at past years donations</a>
</div>
</div>
</div>
<div class="colour-image">
<p style="margin-left: 7px ;">Previous Year's Toy Turnout</p>
</div>
</div>
<div class="line2"></div>
<div class="rectangle-links">
<div class="container">
<div class="grid-one"><a href="https://www.instagram.com/tv/CBvsRvwgcmU/?utm_source=ig_web_button_share_sheet" class="quick-link" target="_blank">Virtual 2020 Yearbook</a></div>
<div class="grid-two"><a href="https://youtu.be/lt9UCnXS3cU" class="quick-link" target="_blank">Colour Wars showcase video </a></div>
<div class="grid-three"><a href="https://youtu.be/CN2F_B7onng" class="quick-link" target="_blank">Senior Sunrise 2020/2021 </a></div>
<div class="grid-four"><a href="https://youtu.be/USco8BXD8Ec" class="quick-link" target="_blank">Welcome to Grade 9 Video</a></div>
</div>
</div>
<img class="wave-img" src="images/svg.png" alt="wave image for design">
<div class ="image-container">
<div class="pre-photos">
<img src="images/wall.png">
<div class="photo-text">
<h5>Browse Thunder Images</h5>
<button onClick="imageReveal()">Click to Expand</button>
</div>
</div>
<div class="image-gallery" id="image-gallery">
<a href="thunderpics/cookies.JPG" class="pic img-1" target="_blank"></a>
<a href="thunderpics/awards.JPG" class="pic img-2" target="_blank"></a>
<a href="thunderpics/colourwars.JPG" class="pic img-3" target="_blank"></a>
<a href="images/giftsBus.JPG" class="pic img-4" target="_blank"></a>
<a href="thunderpics/balloon.jpg" class="pic img-5" target="_blank"></a>
<a href="thunderpics/tallTree.JPG" class="pic img-6" target="_blank"></a>
<a href="thunderpics/colourwarsGreen.JPG" class="pic img-7" target="_blank"></a>
<a href="thunderpics/kindness.JPG" class="pic img-8" target="_blank"></a>
<a href="thunderpics/retreat.JPG" class="pic img-10" target="_blank"></a>
<a href="thunderpics/manutrees.JPG" class="pic img-11" target="_blank"></a>
<a href="thunderpics/lowry.jpeg" class="pic img-12" target="_blank"></a>
<a href="thunderpics/toys.JPG" class="pic img-13" target="_blank"></a>
</div>
</div>
<div class ="footer">
<div class="teacher-qna">
<p>QnA Links</p>
<div class="qna-link">
<a href="https://youtu.be/TJ9QKWlkeZg">For The Graduates</a>
<a href="https://youtu.be/FIHsTDW4fNA">For The Incoming Grade 12's</a>
<a href="https://youtu.be/FD1V2uREXsw">For The Incoming Grade 11's</a>
<a href="https://youtu.be/TsDpEQuSv-w">For The Incoming Grade 10's</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfL4axTNoi4W14141hAb1HFAWZho4XlQngH2rdBsnKP0M7bNw/viewform">Student Feedback Form</a>
<a href="https://students.dpcdsb.org/"">DPCDSB Dashboard</a>
</div>
</div>
</div>
<script src="scripts/index.js"></script>
</body>
</html>