-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
216 lines (195 loc) · 12.4 KB
/
test.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!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>
<!-- TRIAL FOR EXPERIENCE.HTML -->
<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="Dance.html" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance.jpg" class="img-responsive" alt="" >
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Leadership
</div>
<div class="project-name">
Dance
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="keyclub.html" class="portfolio-box">
<img src="img/portfolio/thumbnails/key.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Leadership
</div>
<div class="project-name">
Key Club
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="idtech.html" class="portfolio-box">
<img src="img/portfolio/thumbnails/idtech.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Technology
</div>
<div class="project-name">
iD Tech
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- TRIAL 1 FOR DANCE.HTML -->
<div class="spacer" style="height:50px;"></div>
<section id="contact">
<div class="container">
<div class="row">
<center class="dancetop">
<h1>Dance</h1>
<hr>
<h4 class="keydescription">Performing and Competing with De Lynn Dance Company for 14 years, I have found a special place for dance in my heart. Though it wasn't the most exciting activity for me at first, I slowly developed an affinity for this perofmring art and spent more hours every week practicing dance moves in class. After a couple of year, I was given the opportunity to serve as dance team captain. As the team captain, I worked closely with De Lynn Dance team members to help one another perfect dance moves and ultimately get ready for performances and competitions and helped my dance teacher with any tasks needed for shows. I also mentored teen dancers of De Lynn Dance Company to teach new tricks and develop stronger dancers that have a wide range of skill in all dance types. Additionally, I assisted chaperoning the younger children backstage at performances through making sure everyone was at the correct place at the correct time and checking to see if all makeup and costumes were correct. Through competing, I won several awards such as Overall Dance Champion and 1st Place Solo Acrobatics Routine. Not only did we compete, but we also performed year round at various venues like Christmas in the Park and St. Jude Children's Hospital. Through St. Jude, I worked with these dancers to fundraise money for their cause and led the stretches for a vast amount of runners at St. Jude Children’s Hospital’s Run/Walk to help improvise from the unexpected rain. Below are pictures of a few events we participated in throughout the years. </h4>
</center>
</div>
</div>
</section>
<!-- TRY BUTTONS -->
<div class="container">
<div class="row text-center">
<div class="col-xs-4">
<button type="button" class="btn btn-primary btn-block">Dance</button>
</div>
<div class="col-xs-4">
<button type="button" class="btn btn-block">Key Club</button>
</div>
<div class="col-xs-4">
<button type="button" class="btn btn-default" background-color:"blue">iD Tech</button>
</div>
</div>
</div>
</body>
<!-- TRIAL FOR KEYCLUB.HTML -->
<div class="update2">
<center>
<h1>Key Club</h1>
<hr>
</center>
<div class="update1-inner">
<p class="keydescription">Serving as Leland Key Club's Project Coordinator during my Freshman and Sophomore Year, Division 12 South's Executive Assistant during my Junior Year, and Leland Key Club's President during my Junior and Senior Year, I have had the pleasure to meet so many individuals who, together, made an impact on our community. As President of the largest club on campus for two years, I increased member retention from 120 active members to 180 active members. This was done because of various steps I took throughout my terms. I held weekly Board Meetings to manage Key Club Board and ensure that fundraisers and projects to serve the community were done efficiently. In addition to that, I held weekly General Meetings to further interact with members and update them on Key Club service and social events. As I immensely increased number of members attending events to serve the community from 1-7 members in the previous year to 20-30 members starting from my term as President, I also raised the bar for amount of funds raised for our club and Major Emphasis Projects(Eliminate Project and Pediatric Trauma Program) from $1000 total raised to $5000 total raised. Money was raised through organizing Charity Dinners and Socials. Overall, the Key Club experience made me a stronger leader that I had never thought I would be. You can read more about some of the things I did in Key Club in my 2017 Distringuished President Application Portfolio below! </p>
<img src="/img/keydcon.jpg" width="450" height="370" style="float:right" >
<p class="keydescription">I also lead the club to gain the following awards :</p>
<p class="keydescription">○ California-Nevada-Hawaii(CNH) Key Club Most Improved Club 2016</p>
<p class="keydescription">○ CNH Key Club Outstanding President 2016</p>
<p class="keydescription">○ CNH Key Club Outstanding Website 2016</p>
<p class="keydescription">○ CNH Key Club Distinguished Club 2017</p>
<p class="keydescription">○ CNH Key Club Distinguished President 2017 </p>
<p class="keydescription">○ CNH Key Club Distinguished Website 2017</p>
<p class="keydescription">○ CNH Key Club Distinguished Newsletter 2017</p>
</div>
</div>
<!-- TEST ISSUU -->
<center>
<h4>My 2017 Key Club Distinguished President Application Portfolio</h4>
<br>
<div data-configid="30601711/51682446" style="width:100%; height:600px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>
</center>
<!-- TEST IDTECH.HTML -->
<div class="container1">
<img src="img/portfolio/thumbnails/idtech1.jpg" alt="Avatar" class="image1">
<div class="overlay1">
<div class="text1">Teaching JavaScript at iD Tech Alexa</div>
</div>
</div>
<div class="container2">
<img src="img/portfolio/thumbnails/idtech3.jpg" alt="Avatar" class="image2">
<div class="overlay2">
<div class="text2">Participating in iD Tech Camp Spirit Days</div>
</div>
</div>
<div class="container3">
<img src="img/portfolio/thumbnails/idtech6.jpg" alt="Avatar" class="image3">
<div class="overlay3">
<div class="text3">Getting Chosen for the End of the Week Pie by a Student</div>
</div>
</div>
<div class="container4">
<img src="img/portfolio/thumbnails/idtech5.jpg" alt="Avatar" class="image4">
<div class="overlay4">
<div class="text4">Leading a Group Conversation About Inspiring Individuals</div>
</div>
</div>
<center class="dancetop">
<h1>iD Tech</h1>
<hr>
<h4 class="keydescription">Serving as an instructor at West Valley College iD Tech Camp and Stanford University iD Tech Alexa, I taught Javascript, Adventures in Game Design, and Scratch Programming to students ranging from the ages 7 to 15. Throughout the weeklong course I focused on teaching the fundamental skills relative to each of the courses in order to construct a foundation on which these students could ignite their passions and unleash their creativity in the world of programming. I additionally made an initiative to help students realize the culmination of their week’s work by guiding their progress towards a final idea —some of which were centered around social justice issues —that was important to them.</h4>
</center>
<!-- end -->
<!-- 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>