previous-website/lessons.html at main · chscompprog/previous-website · 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
<!DOCTYPE html>
<html>
	<head>
		<title>Lessons | CHS Comp Prog</title>
   	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container-fluid">
				<a class="navbar-brand" href="index.html">
					<img src="https://media.discordapp.net/attachments/930578418859397123/1105342954412978226/comp_prog_logo_simple.png?width=60&height=60">
				</a>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
	      </button>
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
	        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
	          <li class="nav-item">
		          <a class="nav-link active" aria-current="page" href="./lessons.html">Lessons</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="./events.html">Events</a>
		        </li>
						<li class="nav-item">
		          <a class="nav-link" href="./resources.html">Resources</a>
		        </li>
	        </ul>
	      </div>
	    </div>
	  </nav>

	  <div class="ms-4 mt-4">
	    <h2>Lessons</h2>
			<br>

			<p>Here's a sample of the lessons we offer. Come to room 314 every Friday for more! :)</p>
			<br>

			<h4>Beginner</h4>
			<iframe class="mb-4" src="https://docs.google.com/presentation/d/e/2PACX-1vSbCp-ngmGDR05n5PbN_rPYmhzdzlASssl7gcjtPWGsZozxV6SfoISeyUtWbscDPh0OoDiiD2Q7ukwB/embed?start=false&loop=false&delayms=30000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
			<br>

			<h4>Intermediate</h4>
			<iframe class="mb-4" src="https://docs.google.com/presentation/d/e/2PACX-1vREYuJ5q51Y6qoAbwdAM-QIoaayL0gq-DSk1e0KkNf5-eCfjQkTma9yrFSHYO9XvMCWHyvi7qoOwmlt/embed?start=false&loop=false&delayms=30000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
			<br>

			<h4>Advanced</h4>
			<iframe class="mb-4" src="https://docs.google.com/presentation/d/e/2PACX-1vQmrQZ48xUAPrZEpC6BdzTsrgaZYxyTAmSQ6GC6ivybRqRHxsZ8vp811mN5ZNpEb152sLb8joGylSpX/embed?start=false&loop=false&delayms=30000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
			<br>

	  </div>

		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
	</body>
</html>