CCCDA/educationArts.html at master · emmahuangg/CCCDA · GitHub

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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html>
<head>
<title>Canada-China Cultural Development Association: Dance, Art & Drama Master Class</title>
<link rel="stylesheet" href="CSS/educationArts.css">
<script type="text/javascript" src="Script/jquery-3.5.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
  <div id="windowSizeAlert">
    <center><h5>Please resize your window for a better viewing experience</h5>
      <h5>&#9660;</h5>
    <button id="button1" onclick="newWindow1()">Click here to open up a window that is more suitable for this website.</button>
    <button id="button2" onclick="newWindow2()">Click here to open up a window that is more suitable for this website.</button></center>
  </div>
  <script>
    function newWindow1() {
      myWindow = window.open(window.location.href, "", "width=" + (window.screen.height*1.8) + ", height=" + window.screen.height);
      close();
    }
    function newWindow2() {
      myWindow = window.open(window.location.href, "", "width=" + window.screen.width + ", height=" + (window.screen.width/1.8));
      close();
    }
    var w = window.innerWidth;
    var h = window.innerHeight;
    if ((w/h) > 2.73) {
      $("#windowSizeAlert").css("display","block");
      $("#button1").css("display","block");
    }
    if ((w/h) < 1.56) {
      $("#windowSizeAlert").css("display","block");
      $("#button2").css("display","block");
    }
    $(window).on('resize', function(){
      var w = window.innerWidth;
      var h = window.innerHeight;
      if ((w/h) > 2.73) {
        $("#windowSizeAlert").css("display","block");
        $("#button1").css("display","block");
        $("#button2").css("display","none");
      }
      if ((w/h) < 1.56) {
        $("#windowSizeAlert").css("display","block");
        $("#button2").css("display","block");
        $("#button1").css("display","none");
      }
      if ((w/h) >1.56 && (w/h)<2.73) {
        $("#windowSizeAlert").css("display","none");
        $("#button1").css("display","none");
        $("#button2").css("display","none");
      }
    });
  </script>
  <div id="header">
    <a href="index.html"><div id="headerCompanyLogo">
      <img id="logoRed" src="Images/logoRed.png">
      <img id="logoWhite" src="Images/logoWhite.png">
    </div></a>
    <div id="headerCompanyName">
      <span>C</span>
      <span>C</span>
      <span>C</span>
      <span>D</span>
      <span>A</span>
    </div>
    <a href="index.html"><div id="headerHome">Home</div></a>
    <div id="headerEducationdropdown">
        <a href="education.html"><div id="headerEducation">Education</div></a>
        <div id="headerEducationContent">
          <div><a href="educationSymphony.html">Symphony Orchestra</a></div>
          <div><a href="educationPiano.html">Piano & Teaching</a></div>
          <div><a href="educationChoir.html">CICF & Choir</a></div>
          <div><a href="educationArts.html">Dance, Art & Drama</a></div>
        </div>
    </div>
    <div id="headerEventsdropdown">
        <a href="events.html"><div id="headerEvents">Events</div></a>
        <div id="headerEventsContent">
          <div><a href="events2020.html">2020 Events</a></div>
          <div><a href="pastevents.html">Past Events</a></div>
        </div>
    </div>
    <div id="headerAboutdropdown">
        <a href="about.html"><div id="headerAbout">About</div></a>
        <div id="headerAboutContent">
          <div><a href="about.html#whatWeDo1">What We Do</a></div>
          <div><a href="about.html#history1">History</a></div>
          <div><a href="about.html#board1">Board & Staff</a></div>
          <div><a href="about.html#reviews1">Reviews</a></div>
        </div>
    </div>
    <script>
      $("#sidebarcontainer").css("height",document.height);
      $("#headerEventsdropdown").mouseenter(function(){
        $("#headerEventsContent").show(200);
      })
      $("#headerEventsdropdown").mouseleave(function(){
        $("#headerEventsContent").hide(200);
      })
      $("#headerAboutdropdown").mouseenter(function(){
        $("#headerAboutContent").show(200);
      })
      $("#headerAboutdropdown").mouseleave(function(){
        $("#headerAboutContent").hide(200);
      })
      $("#headerEducationdropdown").mouseenter(function(){
        $("#headerEducationContent").show(200);
      })
      $("#headerEducationdropdown").mouseleave(function(){
        $("#headerEducationContent").hide(200);
      })
    </script>
    <a href="contact.html"><div id="headerContactUs">Contact Us</div></a>
  </div>
  <div id="ArtsIntro">
    <a href="education.html" id="ArtsIntroSubtitle">Education</a>
    <div id="title">
      <div id="ArtsIntroTitle">Dance, Art & Drama Master Class</div>
    </div>
  </div>
  <div id="Arts1">
    <p>Montreal stands out among the major cities in North America with its excellent cultural atmosphere; Dance is the soul of this city. </p>
    <p>Local professional top dancers will be hired to conduct dance master classes, audiovisual master classes and a China-Canada Hyun Dance battle</p>
  </div>
  <img id="Arts2" src="Images/myDreamFlameDance.jpg">
  <div id="Arts3">
    <p>Ottawa, the capital of Canada, is both a national cultural center and an English-French bilingual area. Numerous theaters and cultural institutions offer a wealth of adult, youth, and children's drama and musical courses throughout the year. It offers rich teaching resources and an excellent performance environment, including children's French musical master classes.
    </p>
    <img id="h1" src="Images/lifeBetweenHeavenAndEarthPhoto.JPG">
    <img id="h2" src="Images/stageDramaCouple.JPG">
    <img id="h3" src="Images/goldenLotus2.jpg">
  </div>
  <div id="Arts4">
    <h3>Our Masters</h3>
    <div id="Arts4div">
      <div class="mastersdiv">
        <h5>Sarah Bild</h5>
        <p>Sarah Bild, dance artist and choreographer, has been creating, teaching and performing in Montreal and throughout Canada for the last 25 years. She teaches composition at l’EDCM and is a certified teacher of Action Theater™.  Sarah Bild follows an instinctual stream of physical imagery to create deeply textured and organic works of dance. Through the use of viscerally embodied movement, voice and text, she creates visually impressive solo and group works that raise questions about our human presence on this planet. Her recent performance piece, She Wanted, has played over 60 times.
        </p>
      </div>
      <div class="mastersdiv">
        <h5>Pierre-Marc Ouellette </h5>
        <p>Pierre-Marc Ouellette completed his training at L'École de Danse Contemporaine de Montréal. Since obtaining his diploma in 2005, he has worked as a performer for Louise Bédard Danse, Fortier-danse creation and Le Carré des Lombes. With this last company, he danced in Play It again! and collaborated in the creation of Where I live, Devour the sky, and Under the skin. Pierre-Marc has also participated in several projects initiated by different choreographers, notably Erin Flynn, Frédéric Marier and Deborah Dunn. In 2009, he received a grant from the Canada Council for the Arts to go to Vienna (Austria) to improve his skills as part of the ImPulsTanz Festival. In 2013, he received a scholarship again and went to New York to perfect his skills in different somatic techniques. His first creation, the show Off, was presented in 2010; in 2012, he created in collaboration with the members of the collective C'est Juste Monday the play Les Angèles presented at the Théâtre Lachapelle. Pierre-Marc is also a performer in the future creation of the company Le Carré des Lombes, and has made several international tours. </p>
      </div>
      <div class="mastersdiv">
        <h5>Pierre Des Marais</h5>
        <p>Montrealer by birth, Pierre Des Marais began his career as a dancer with the Anna Wyman Dance Theater in Vancouver from 1970 to 1981, before becoming its tour director from 1981 to 1987. In 1987, he took over the general management of the Karen Jamieson Dance Company in Vancouver. In 1990, he returned to Montreal to become executive producer of La La La Human Steps and then piloted the creation of the legendary piece Human Sex by Édouard Lock. Then, from 1992 to 1995, he held the position of Executive Director of the Jean-Pierre Perreault Foundation.
        <br><br>
        In addition to his work as a manager, from 1992 to 1996 he served as associate producer for three editions of the Festival Danse Canada in Ottawa. From 1996 to 2000, Pierre Des Marais was entrusted with the general management of Compagnie Marie Chouinard in Montreal. His most notable achievement came in 1998 when he founded, with three other managers of dance organizations, Productions LOMA, the organization producing the Danse Danse series at Place des arts. In 2000, he embarked on the adventure of Danse Danse full time, of which he was the general and artistic co-director for 15 years with Clothilde Cardinal. In 2015, he assumed the general and artistic direction of Danse Danse, the largest contemporary dance presenter in Canada.</p>
      </div>
    </div>
  </div>
  <div id="Arts5">
    <h2>[ Itinerary ]</h2>
    <h3>Dance Master Camp</h3>
    <center><table>
      <tr>
        <th>Day</th>
        <th>Morning</th>
        <th>Afternoon</th>
        <th>Evening</th>
      </tr>
      <tr>
        <td>Day 1</td>
        <td>Arrival & check-in</td>
        <td>Opening ceremony, class assignment</td>
        <td></td>
      </tr>
      <tr>
        <td>Day 2</td>
        <td>Dance master class</td>
        <td>Rehearsal</td>
        <td></td>
      </tr>
      <tr>
        <td>Day 3</td>
        <td>Dance master class</td>
        <td>Watch performances by local dance troupes and communicate with local dance lovers</td>
        <td></td>
      </tr>
      <tr>
        <td>Day 4</td>
        <td>Dance master class</td>
        <td>Performance rehearsal</td>
        <td>China-Canada Dance Show</td>
      </tr>
      <tr>
        <td>Day 5</td>
        <td>Visit and perform at the Chinese Embassy in Canada</td>
        <td>Closing ceremony</td>
        <td>Capitol Hill Colorful Night Special Performance</td>
      </tr>
    </table></center>
  </div>
  <a href="education.html#education3" id="backbtn">back</a>
  <div id="footer">
    <hr>
    <div id="footerLogoDiv">
      <a href="index.html">
        <img src="Images/CCCDAlogo.png">
      </a>
      <div id="mc_embed_signup">
        <form action="https://ocdsb.us2.list-manage.com/subscribe/post?u=3c41640258b3b732f1452a14e&amp;id=53252c0114" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <div id="mc_embed_signup_scroll">
            <label for="mce-EMAIL">Subscribe</label>
            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
            <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3c41640258b3b732f1452a14e_53252c0114" tabindex="-1" value=""></div>
         </form>
      </div>
    </div>
      <!--<p>Culture in Art.</p>-->
    <div id="footer2">
      <div class="footerDiv">
        <h3>Explore</h3>
        <p><a href="index.html">Home</a></p>&nbsp;&#8226;
        <p><a href="events.html">Events</a></p>&nbsp;&#8226;
        <p><a href="education.html">Education</a></p>&nbsp;&#8226;
        <p><a href="about.html">About</a></p>&nbsp;&#8226;
        <p><a href="contact.html">Contact Us</a></p>
      </div>
      <div class="footerDiv">
        <h3>Follow</h3>
        <p><a href="https://twitter.com/cccda_ca?lang=en">Twitter</a></p>&nbsp;&#8226;
        <p><a href="https://www.facebook.com/Canada-China-Cultural-Development-Association-364911953578051/about/">Facebook</a></p>&nbsp;&#8226;
        <p><a href="https://www.youtube.com/channel/UCcUF1BexqaJodTvNv5hy8BQ/featured">YouTube</a></p>&nbsp;&#8226;
        <p><a href="https://ca.linkedin.com/in/rudy-gao-75435455?trk=public_profile_browsemap_profile-result-card_result-card_full-click">LinkedIn</a></p>
      </div>
    </div>
    <div onclick="backToTop()" id="backToTopButton">
      <img id="backToTopOutline" src="Images/backToTopOutline.png">
      <img id="backToTopFill" src="Images/backToTopFill.png">
    </div>
    <script>
    function backToTop() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
    </script>
  </div>
</html>