-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchm.html
156 lines (139 loc) · 7.41 KB
/
chm.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
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Tiana Nguyen</title>
<!-- Core CSS thru Bootstrap -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin thru CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme of Website thru CSS -->
<link href="css/creative.css" rel="stylesheet">
</head>
<body id="page-top">
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- The Top Main Bar Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="index.html">Tiana Nguyen</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="about.html">About</a>
</li>
<li>
<a class="page-scroll" href="experience.html">Experience</a>
</li>
<li>
<a class="page-scroll" href="updates.html">Updates</a>
</li>
</ul>
</div>
<!-- Navagation Bar Collaspe -->
</div>
<!-- End of nav -->
</nav>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<br>
<h2 class="section-heading">Computer History Museum : Design_Code_Build</h2>
<hr>
<br>
<p class= "abouttext">
As an instructor at the Computer History Museum's program, Design_Code_Build, I introduce groups of students to concepts of computer programming by working with Raspberry Pi technology and Python. Aside from teaching, I also guide the students through activities that focus on improving the their problem solving and innovation skills, and a tour of the museum to help them make personal connections with artifacts to inspire students to learn from history to design the future. </p>
<p class= "abouttext">
In addition to teaching the students programming and about the history of computing, we also host special days in which we teach educators— whether they are in history, maker spaces, digital technology, and more— the skills we introduce to students. On top of that, we also help brainstorm ideas on how to get the youth more excited and involved in computing as well as how to incorporate all the information learned into their own program or curriculum. </p>
</div>
</div>
</div>
</section>
<!--portfolio-->
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<div class="row no-gutter popup-gallery">
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/chm2.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/chm2.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Helped set up the space before teaching the students
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/chm1.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/chm1.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Introduced the students into the program and agenda for the day
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/chm3.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/chm3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Helped guide tours around Computer History Museum
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- contact -->
<footer>
<div class="contact">
<div class="container">
<!-- <h2 class="section-heading" style="text-align:center">Contact</h2> -->
<br>
<div class="col-lg-4 col-lg-offset-2 text-center">
<a href="https://www.linkedin.com/in/tiana-nguyen/"><i class="fa fa-linkedin-square fa-4x"></i></a>
<br>
</div>
<div class="col-lg-4 text-center">
<a href="https://github.com/tiananguyen"><i class="fa fa-github fa-4x" aria-hidden="true"></i></a>
<br>
</div>
<div class="row">
</div>
</div>
<br>
</div>
</footer>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/creative.js"></script>
</body>
</html>