-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (67 loc) · 3.21 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<!--Remember to use absolute urls for CSS and not relative for security issues-->
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/slides.css">
<script src="js/tech.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Slick is a js plugin for containers, used for the slideshow -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script>
loadHeader('.');
loadSponsors('.');
loadFooter('.');
</script>
<title>STEM Outreach at Mines</title>
</head>
<body>
<div class="wrapper">
<div id="header"></div>
<!-- SLIDESHOW -->
<div class="slideshow">
<div><img src="images/slideshow/3.jpg" alt="A student's snail with LED lights"></div>
<div><img src="images/slideshow/1.jpg" alt="A student's snail with LED lights"></div>
<div><img src="images/slideshow/12.jpg" alt="Student making binary bracelets!"></div>
<div><img src="images/slideshow/2.png" alt="A DECtech student having fun with coding!"></div>
<div><img src="images/slideshow/4.png" alt="A student and an instructor celebrating their hard work"></div>
<div><img src="images/slideshow/5.png" alt="A student using hot glue for their project"></div>
<div><img src="images/slideshow/6.png" alt="A student and an instructor debugging some code"></div>
<div><img src="images/slideshow/7.png" alt="Two proud students and their instructor"></div>
<div><img src="images/slideshow/0.png" alt="A student putting together their project"></div>
<div><img src="images/slideshow/9.png" alt="A group of DECtech students preparing for a project"></div>
<div><img src="images/slideshow/8.png" alt="An instructor helping a student assemble their project"></div>
<div><img src="images/slideshow/11.jpg" alt="An instructor teaching the class about computer science"></div>
</div>
<!--
Slideshow makes use of slick, docs here:
https://github.com/kenwheeler/slick/
-->
<script type="text/javascript">
$(document).ready(function(){
$('.slideshow').slick({
speed: 500,
slidesPerRow: 1,
slidesToShow: 3,
useCSS: true,
arrows: false,
accessibility: true
});
$('.slideshow').slick('slickPlay');
});
</script>
<!-- /SLIDESHOW -->
<div class="center main">
<p>DECtech is a Colorado School of Mines outreach program designed especially for girls! Program leaders are female Mines students who are both passionate about their subjects of study and sharing this passion with the next generation. Our mission is to engage girls in STEM by introducing them to various subjects with an interactive, engaging, and hands-on approach!</p>
<h3>Winner of:</h3>
<img src='images/STEM_Award_logo_2020.jpeg' alt='Award Logo' style="max-width:600px;width:100%">
</div>
<hr style="color: #8e44ad">
<div id="sponsors"></div>
<div id="footer"></div>
</div><!-- End of .wrapper class -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
</body>
</html>