-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstruments.html
165 lines (132 loc) · 9.01 KB
/
instruments.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
<!DOCTYPE html>
<html lang="en">
<!--Written by hand by Greta Parks-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="music,lessons,voice,violin,piano">
<link href="bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Poiret+One|Montserrat" rel="stylesheet">
<link href="custom.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Poiret+One|Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Karla|Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<title>Mid-Hudson Suzuki Music Cooperative</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="index.html">Mid-Hudson <span>Suzuki</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="index.html">Home</a>
<a class="nav-item nav-link" href="about.html">About</a>
<a class="nav-item nav-link" href="events.html">Events</a>
<a class="nav-item nav-link active" href="instruments.html">Instruments<span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="join.html">Become a teacher</a>
<a class="nav-item nav-link" href="contact.html">Contact</a>
</div>
</div>
</div>
</nav>
<div class="container bg-light">
<div class="row justify-content-center">
<h4 class="logo">Instruments</h4>
</div>
<div class="row justify-content-center">
<ul class="nav" id="instrumentNav">
<li class="nav-item">
<a class="nav-link" href="#Cello">Cello</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Piano">Piano</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Violin">Violin</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Voice">Voice</a>
</li>
</ul>
</div>
</div>
<div class="container pt-5 pb-5">
<div class="row justify-content-center">
<div class="col md-5">
<h4>Teachers</h4>
<p>All teachers in the Co-op are members in good standing of the Suzuki Association of the Americas and have registered Suzuki training in the instrument under which they are listed.</p>
<h4>Sign up for Lessons</h4>
<p>To sign up for lessons, please contact each teacher directly. The list of all our teachers is below, and all teachers are registered with the <a target="_blank" href="https://suzukiassociation.org/find-a-suzuki-teacher/">SAA.</a></p>
</div>
<div class="col md-3">
<img class="img-responsive" src="img/croppedhandssmall.jpg" alt="Student playing piano">
</div>
</div>
</div>
<div class="container pt-5">
<div class="row justify-content-center pb-3">
<div class="col-md-6 pb-4" id="Piano">
<h5>Piano</h5>
<ul class="list-group-flush list-group teacher-list">
<li class="list-group-item font-weight-bold" >Amelia Seyssel</li>
<li class="list-group-item"><i class="material-icons text-right">portrait</i><a href="https://suzukiassociation.org/person-profile/?uid=217102">SAA Listing</a></li>
<li class="list-group-item"><i class="material-icons text-right">email</i><a href="mailto:seyssel.studio.gmail.com">[email protected]</a></li>
<li class="list-group-item"><i class="material-icons text-right">computer</i><a href="http://www.ameliaseyssel.com/musicstudio.html">Studio Website</a></li>
<li class="list-group-item"><i class="material-icons text-right">computer</i><a href="http://ameliaseyssel.com/">Performance Website</a></li>
<li class="list-group-item"><i class="material-icons text-right">music_note</i>Voice, Piano</li>
<li class="list-group-item"><i class="material-icons text-right">location_on</i>Poughkeepsie, NY</li>
<li class="list-group-item"><i class="material-icons text-right">info</i>Also a Teacher Trainer for Voice</li>
</ul>
</div>
<div class="col-md-6 pb-4" id="Voice">
<h5 class="pt-3 pt-md-0">Voice</h5>
<ul class="list-group-flush list-group teacher-list">
<li class="list-group-item font-weight-bold" id="Seyssel">Amelia Seyssel</li>
<li class="list-group-item"><i class="material-icons text-right">portrait</i><a href="https://suzukiassociation.org/person-profile/?uid=217102">SAA Listing</a></li>
<li class="list-group-item"><i class="material-icons text-right">email</i><a href="mailto:seyssel.studio.gmail.com">[email protected]</a></li>
<li class="list-group-item"><i class="material-icons text-right">computer</i><a href="http://www.ameliaseyssel.com/musicstudio.html">Studio Website</a></li>
<li class="list-group-item"><i class="material-icons text-right">computer</i><a href="http://ameliaseyssel.com/">Performance Website</a></li>
<li class="list-group-item"><i class="material-icons text-right">music_note</i>Voice, Piano</li>
<li class="list-group-item"><i class="material-icons text-right">location_on</i>Poughkeepsie, NY</li>
<li class="list-group-item"><i class="material-icons text-right">info</i>Also a Teacher Trainer for voice</li>
</ul>
</div>
<div class="col-md-6 pb-4" id="Cello">
<h5 class="pt-3 pt-md-0"> Cello</h5>
<ul class="list-group-flush list-group teacher-list">
<li class="list-group-item font-weight-bold" id="Lang">Catherine Lang</li>
<li class="list-group-item"><i class="material-icons text-right">portrait</i><a href="https://suzukiassociation.org/person-profile/?uid=268584">SAA Listing</a></li>
<li class="list-group-item"><i class="material-icons text-right">email</i><a href="mailto:[email protected]">[email protected]</a></li>
<li class="list-group-item"><i class="material-icons text-right">music_note</i>Violin, Cello</li>
<li class="list-group-item"><i class="material-icons text-right">location_on</i>Hyde Park, NY</li>
</ul>
</div>
<div class="col-md-6 pb-4" id="Violin">
<h5 class="pt-3 pt-md-0"> Violin</h5>
<ul class="list-group-flush list-group teacher-list">
<li class="list-group-item font-weight-bold" id="Lang">Catherine Lang</li>
<li class="list-group-item"><i class="material-icons text-right">portrait</i><a href="https://suzukiassociation.org/person-profile/?uid=268584">SAA Listing</a></li>
<li class="list-group-item"><i class="material-icons text-right">email</i><a href="mailto:[email protected]">[email protected]</a></li>
<li class="list-group-item"><i class="material-icons text-right">music_note</i>Violin, Cello</li>
<li class="list-group-item"><i class="material-icons text-right">location_on</i>Hyde Park, NY</li>
</ul>
<ul class="list-group-flush list-group teacher-list">
<li class="list-group-item font-weight-bold" id="McCann">Allison McCann</li>
<li class="list-group-item"><i class="material-icons text-right">portrait</i><a href="https://suzukiassociation.org/person-profile/?uid=229006">SAA Listing</a></li>
<li class="list-group-item"><i class="material-icons text-right">email</i><a href="mailto:[email protected]">[email protected]</a></li>
<li class="list-group-item"><i class="material-icons text-right">computer</i><a href="http://www.allisonmccann.com">AllisonMcCann.com</a></li>
<li class="list-group-item"><i class="material-icons text-right">music_note</i>Violin</li>
</ul>
</div>
</div>
</div>
</div>
<script src="jquery-3.3.1.slim.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
</body>
</html>