-
Notifications
You must be signed in to change notification settings - Fork 1
/
snowSchoolIntroductionLesson.html
71 lines (69 loc) · 3.43 KB
/
snowSchoolIntroductionLesson.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./src/sinter_logo_redraw_3.png" type="image/icon type">
<link rel="stylesheet" href="./CSS/snowSchool.css" />
<link rel="stylesheet" href="./CSS/index.css" />
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@700&display=swap" rel="stylesheet">
<title>SINTER Snow School</title>
</head>
<body>
<div class="menu" id="myMenu">
<a class="closebtn" onclick="closeNav()">x</a>
<a href="index.html">Home</a>
<a href="aboutUs.html">About Us</a>
<a href="snowSchool.html">Snow School</a>
<a href="quarterlyMeetings.html">Quarterly Meetings</a>
<a href="news.html">News</a>
</div>
<div id="main" class="schoolPage">
<div class="leftSS">
<div class="heading" id="buttons">
<div onclick="openNav()" class="menuButton">
<img src="./src/MenuIcon.png" />
</div>
<div class="logo">
<img src="./src/sinter_logo_redraw_3.png" />
<h1>SINTER <!--span class="pageType">Snow School</span--></h1>
</div>
</div>
<div class="lessonTitle">
<h3>Introduction</h3>
<h1>Getting Started</h1>
</div>
<div class="lessonText">
<p>
Hello and welcome to Snow School! </br>
</br>
Due to the ongoing COVID-19 pandemic, we have switched to an online version of the snow school. This first lesson is meant to show you around the new interface and
help you navigate the course. First, familiarize yourself with the layout. Most lessons will follow a similar format. This text that you are reading here will give directions
about what to watch and any notes that you may want to take. Please read this before watching or viewing any of the videos or graphics.</br>
</br>
Next notice the larger panel with a video on it. This is where the main content will be. Most lessons will have a video, but this could also be a graphic or text.</br>
</br>
Lastly, look to the bottom. You will see a couple of buttons and a number. Each lesson will be composed of a few parts, click on the arrow to move on to the
next part. Do not worry! you can always go back if you missed something. Click on the button now.
</p>
</div>
<div class="lessonControls">
<button class="leftArrow"><</button>
<h3 id="lessonCount">1/4</h3>
<button class="rightArrow">></button>
</div>
</div>
<div class="rightSS">
<div class="visualLessonContent">
<iframe width="560" height="315" src="https://www.youtube.com/embed/QHl2gq8j00w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="bottomBar">
<div class="lessonPlan">
<h3>1. Introduction</h3>
</div>
</div>
</div>
<script src="JavaScript/index.js"></script>
</body>
</html>