-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathin_action.html
149 lines (144 loc) · 7.37 KB
/
in_action.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
<!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>
loadInternalHeader('.');
loadFooter('.');
</script>
<title>DECtech In Action</title>
</head>
<body>
<div class="wrapper">
<div id="header"></div>
<div class="content center">
<h1>DECtech In Action</h1>
<h2>Summer 2020</h2>
<p>Our 7th-10th grade virtual Computer Science camp uses a programming language called Bootstrap to create some cool country flags. Take a look at the flags created in our June camp!</p>
<section class="image_main_container">
<ul>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Aedan_Group 4.png">
<h1>Aedan</h1>
<p>Country: Aedanville</p>
<p>Known for: Robotics</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Amelia_Group 2.png">
<h1>Amelia</h1>
<p>Country: Amelialand</p>
<p>Known for: Food</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Anden_Group 4.png">
<h1>Andan</h1>
<p>Country: Incognita</p>
<p>Known for: Being a mystery</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Chase_Group 4.png">
<h1>Chase</h1>
<p>Country: Riptide</p>
<p>Known for: Advanced technology and the biggest library</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Jamie_Group 1.png">
<h1>Jamie</h1>
<p>Country: Unknown</p>
<p>Known for: Positive spirits and delicious cheese</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Jayden_Group 4.png">
<h1>Jayden</h1>
<p>Country: Scienisia</p>
<p>Known for: The anti-matter creator</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Nicolas_Group 4.png">
<h1>Nicolas</h1>
<p>Country: Arrownation</p>
<p>Known for: Navigation</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Tirza_Group 1.png">
<h1>Tirza</h1>
<p>Country: IDunno</p>
<p>Known for: Indecisiveness</p>
</div>
</div>
</li>
<li>
<div class="image_container">
<div class="media">
<img class="team_image" src="images/flags/Tori_Group 2.png">
<h1>Tori</h1>
<p>Country: Airotciv</p>
<p>Known for: People being able to fly while in the country</p>
</div>
</div>
</li>
</ul>
<br>
</section>
<p>DECtech and Mines Women Community Alliance (<a href="https://www.mines.edu/human-resources/mines-community-alliances/mwca_dectech/" target="_blan">W-MCA</a>) are partnering to provide free one hour STEM sessions via Zoom to children of Mines staff members. On July 6th, our 3rd/4th grade group discussed how STEM can be used to help animals. We emphasized using AI, robotics, data science, and prosthetics to improve the lives of animals. Participants got the chance to be an engineer by designing and creating their own animal habitat! Check out this 3rd grade participant's snake habitat:</p>
<img src="images/habbitat.jpg" alt="Picture of students snake habbitat" id="habbitat">
<section class="summer_eight">
<h2>Summer 2018</h2>
This summer, our EXPLORE camp participants created some cool websites. Check them out! <br>
<ul class="site_links">
<li><a href="http://nickschweik.codehs.me/" target="_blank">http://nickschweik.codehs.me/</a></li>
<li><a href="http://kplatypus.codehs.me/" target="_blank">http://kplatypus.codehs.me/</a></li>
<li><a href="http://samfale.codehs.me/" target="_blank">http://samfale.codehs.me/</a></li>
<li><a href="http://graceanne.codehs.me/" target="_blank">http://graceanne.codehs.me/</a></li>
<li><a href="http://lovemoney.codehs.me/" target="_blank">http://lovemoney.codehs.me/</a></li>
<li><a href="http://vanessaantolakis.codehs.me/" target="_blank">http://vanessaantolakis.codehs.me/</a></li>
<li><a href="http://shrutinarwaney.codehs.me/" target="_blank">http://shrutinarwaney.codehs.me/</a></li>
<li><a href="http://riyabhat.codehs.me/" target="_blank">http://riyabhat.codehs.me/</a></li>
<li><a href="http://aac.codehs.me/" target="_blank">http://aac.codehs.me/</a></li>
<li><a href="http://isabelekborg.codehs.me/" target="_blank">http://isabelekborg.codehs.me/</a></li>
</ul>
</section>
<br>
</div>
<div id="footer"></div>
</div><!-- End of .wrapper class -->
</body>
</html>