-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDance.html
executable file
·220 lines (207 loc) · 11.5 KB
/
Dance.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
217
218
219
220
<!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>
</body>
<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">Dance</h2>
<hr>
<p class= "abouttext">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. </p>
</div>
</div>
</div>
</section>
<!-- pictures under -->
<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/dance7.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance7.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Sea World
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance8.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance8.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Recital 2016
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance9.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance9.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Competition 2017
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance11.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance11.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
California Academy of Sciences
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance2.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance2.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Universal Studios
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance3.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Pier 39
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance4.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance4.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
St. Jude
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance5.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance5.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Competition 2016
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/thumbnails/dance6.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/dance6.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Recital 2016
</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>
</html>