-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathresources.html
More file actions
executable file
·234 lines (211 loc) · 26.3 KB
/
resources.html
File metadata and controls
executable file
·234 lines (211 loc) · 26.3 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore a variety of resources at Lisa's Piano Lessons. From video covers to an existing student sharing his experience and detailed information, find everything you need to enhance your piano learning journey. Get started today with our valuable piano resources.">
<title>Resources</title>
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
</head>
<body>
<p tabindex="0" class="hidden"></p>
<a tabindex="0" class="skip-to-content" href="#toc">SKIP TO CONTENT</a>
<nav id="navigation">
<div id="nav-home">
<a class="logo" href="index.html" ><img src="assets/img/piano-logo.png" alt="The piano school's logo. Consists of piano keys and name."></a>
<a href="index.html" tabindex="-1">Lisa's Piano Lessons</a>
</div>
<div id="hamburger-wrapper">
<svg width="auto" height="auto" viewBox="0 0 600 468" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.3334 434H566.667" stroke="white" stroke-width="66.6667" stroke-linecap="round"/>
<path d="M33.3334 234H566.667" stroke="white" stroke-width="66.6667" stroke-linecap="round"/>
<path d="M33.3334 34H566.667" stroke="white" stroke-width="66.6667" stroke-linecap="round"/>
</svg>
<p>Menu</p>
</div>
<div id="mobile-dropdown-content">
<ul role ="menu">
<li role="menuitem" class="hidden-home"><a href="index.html" tabindex="0">Home</a></li>
<li role="menuitem"><a href="articles.html" tabindex="0">Articles</a></li>
<li role="menuitem" aria-haspopup="true">
<a href="teachers.html" id="menu-teachers" tabindex="0">Our teachers</a>
<ul role="menu" id="secondDropdown">
<li role="menuitem"><a href="teachers.html#teacher-uyen" tabindex="0" class="submenu-link">Uyen Lisa Nguyen</a></li>
<li role="menuitem"><a href="teachers.html#teacher-alex" tabindex="0" class="submenu-link">Alex Hartman</a></li>
</ul>
</li>
<li role="menuitem"><a href="resources.html" tabindex="0" class="you-are-here">Resources</a></li>
<li role="menuitem" aria-haspopup="true">
<a href="getstarted.html" tabindex="0" class="get-started-today-link">Get started today!</a>
</li>
</ul>
</div>
</nav>
<div class="hero subpages">
<h1 tabindex="0" aria-label="Teachers">
<svg class="svg-title resources" width="100%" height="50%" viewBox="0 0 1945 329" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M294.5 325.441C249.253 325.441 209.702 302.004 175.848 255.129C173.243 251.548 169.826 246.665 165.594 240.48C161.688 234.296 154.363 223.391 143.621 207.766C138.413 200.279 133.693 194.094 129.461 189.211C125.555 184.003 120.835 180.096 115.301 177.492C110.092 174.888 102.931 173.586 93.8164 173.586C90.2357 173.586 87.306 174.074 85.0273 175.051C83.0742 176.027 82.0977 178.306 82.0977 181.887V253.664C82.0977 275.148 83.3997 289.309 86.0039 296.145C87.306 298.749 90.3984 301.19 95.2812 303.469C100.49 305.747 106.023 307.538 111.883 308.84C117.742 309.816 121.974 310.305 124.578 310.305C125.88 310.305 126.531 312.583 126.531 317.141C126.531 319.419 126.206 321.861 125.555 324.465C109.279 323.814 95.7695 323.163 85.0273 322.512C74.6107 321.861 66.9609 321.698 62.0781 322.023L2.50781 324.465C1.53125 323.488 1.04297 320.559 1.04297 315.676C1.04297 311.444 1.53125 309.328 2.50781 309.328C5.76302 309.328 9.66927 308.84 14.2266 307.863C19.1094 306.887 23.6667 305.747 27.8984 304.445C32.4557 302.818 35.2227 301.027 36.1992 299.074C38.4779 295.493 39.6172 280.194 39.6172 253.176V68.6055C39.6172 59.1654 39.2917 50.8646 38.6406 43.7031C38.3151 36.5417 37.5013 30.8451 36.1992 26.6133C35.5482 24.6602 32.944 22.8698 28.3867 21.2422C24.1549 19.6146 19.4349 18.3125 14.2266 17.3359C9.34375 16.3594 5.4375 15.8711 2.50781 15.8711C1.20573 15.8711 0.554688 13.918 0.554688 10.0117C0.554688 5.77995 1.20573 3.01302 2.50781 1.71094L61.1016 2.6875C70.5417 3.01302 82.0977 2.85026 95.7695 2.19922C109.441 1.22266 120.835 0.734375 129.949 0.734375C147.527 0.734375 164.292 4.15234 180.242 10.9883C196.518 17.8242 209.702 27.9154 219.793 41.2617C230.21 54.6081 235.418 70.8841 235.418 90.0898C235.418 103.762 230.21 118.085 219.793 133.059C209.702 148.033 195.867 159.589 178.289 167.727C175.034 169.029 174.057 170.656 175.359 172.609C191.31 206.464 210.027 235.109 231.512 258.547C262.762 292.727 288.152 309.816 307.684 309.816C308.66 311.77 309.148 314.048 309.148 316.652C309.148 319.582 308.66 322.023 307.684 323.977C304.428 324.953 300.034 325.441 294.5 325.441ZM124.578 152.59H136.785C144.598 152.59 152.573 149.986 160.711 144.777C169.174 139.569 176.173 132.245 181.707 122.805C187.566 113.365 190.496 102.46 190.496 90.0898C190.496 44.8424 167.71 22.2188 122.137 22.2188C107.163 22.2188 95.7695 23.3581 87.957 25.6367C85.0273 26.2878 83.237 31.6589 82.5859 41.75C82.2604 51.5156 82.0977 64.0482 82.0977 79.3477V138.43C82.0977 147.87 96.2578 152.59 124.578 152.59ZM420.965 325.93C403.061 325.93 386.622 321.21 371.648 311.77C356.674 302.329 344.63 289.797 335.516 274.172C326.727 258.221 322.332 240.48 322.332 220.949C322.332 198.163 326.564 178.469 335.027 161.867C343.491 145.266 355.047 132.57 369.695 123.781C384.344 114.667 400.783 110.109 419.012 110.109C433.986 110.109 447.169 113.039 458.562 118.898C469.956 124.432 478.745 131.594 484.93 140.383C490.789 149.497 495.021 158.775 497.625 168.215C500.555 177.329 502.02 186.444 502.02 195.559C502.02 202.069 501.043 206.138 499.09 207.766C497.137 209.068 493.393 209.719 487.859 209.719H364.812C362.208 209.719 360.906 210.533 360.906 212.16C360.906 225.832 363.673 239.016 369.207 251.711C374.741 264.081 382.879 274.335 393.621 282.473C404.363 290.611 417.547 294.68 433.172 294.68C446.844 294.68 458.237 292.727 467.352 288.82C476.792 284.589 483.628 280.845 487.859 277.59L491.277 275.148C493.23 275.148 494.207 277.264 494.207 281.496C494.207 283.775 493.23 286.704 491.277 290.285C484.767 299.4 475.164 307.701 462.469 315.188C449.773 322.349 435.939 325.93 420.965 325.93ZM364.812 189.211H460.027C461.655 189.211 462.469 187.583 462.469 184.328C462.469 177.167 460.516 169.354 456.609 160.891C453.029 152.102 447.495 144.452 440.008 137.941C432.521 131.431 423.081 128.176 411.688 128.176C401.271 128.176 392.319 131.757 384.832 138.918C377.345 145.754 371.648 153.729 367.742 162.844C363.836 171.633 361.883 179.283 361.883 185.793C361.883 188.072 362.859 189.211 364.812 189.211ZM599.676 328.371C589.585 328.371 580.47 327.232 572.332 324.953C564.194 322.674 554.266 320.721 542.547 319.094C541.245 315.513 539.943 310.63 538.641 304.445C537.339 298.26 536.199 291.75 535.223 284.914C534.572 278.078 534.246 272.544 534.246 268.312C536.85 266.359 538.803 265.383 540.105 265.383C544.988 265.383 547.592 266.359 547.918 268.312C549.22 274.823 552.475 281.333 557.684 287.844C562.892 294.354 569.24 299.888 576.727 304.445C584.214 308.677 591.863 310.793 599.676 310.793C610.092 310.793 618.556 308.026 625.066 302.492C631.902 296.633 635.32 288.332 635.32 277.59C635.32 266.197 630.926 256.757 622.137 249.27C615.301 243.736 609.441 239.829 604.559 237.551C600.001 234.947 595.444 232.668 590.887 230.715C586.655 228.436 581.284 225.344 574.773 221.438C549.383 206.789 536.688 189.374 536.688 169.191C536.688 157.473 539.943 147.219 546.453 138.43C552.964 129.315 561.59 122.316 572.332 117.434C583.4 112.225 595.118 109.621 607.488 109.621C611.069 109.621 615.138 109.947 619.695 110.598C624.253 110.923 629.298 111.411 634.832 112.062C640.366 113.039 644.923 113.853 648.504 114.504C652.085 115.155 655.014 115.643 657.293 115.969C660.874 130.943 662.827 147.544 663.152 165.773C663.152 167.401 661.036 168.215 656.805 168.215C652.247 168.215 649.806 167.076 649.48 164.797C647.853 155.682 643.133 147.056 635.32 138.918C627.833 130.78 619.207 126.711 609.441 126.711C586.004 126.711 574.285 136.314 574.285 155.52C574.285 160.402 574.773 164.797 575.75 168.703C577.052 172.284 579.819 175.702 584.051 178.957C594.142 186.77 606.023 194.582 619.695 202.395C633.693 210.207 645.249 217.531 654.363 224.367C668.035 234.784 674.871 246.991 674.871 260.988C674.871 273.684 671.453 285.24 664.617 295.656C657.781 305.747 648.667 313.723 637.273 319.582C625.88 325.441 613.348 328.371 599.676 328.371ZM814.52 326.418C794.988 326.418 777.085 321.535 760.809 311.77C744.533 302.004 731.512 288.82 721.746 272.219C712.306 255.617 707.586 237.388 707.586 217.531C707.586 197.349 712.143 179.12 721.258 162.844C730.698 146.568 743.393 133.71 759.344 124.27C775.294 114.504 793.361 109.621 813.543 109.621C833.074 109.621 850.815 114.504 866.766 124.27C883.042 134.035 895.9 147.056 905.34 163.332C915.105 179.608 919.988 197.674 919.988 217.531C919.988 237.388 915.268 255.617 905.828 272.219C896.388 288.82 883.693 302.004 867.742 311.77C852.117 321.535 834.376 326.418 814.52 326.418ZM818.914 307.375C830.633 307.375 840.887 303.632 849.676 296.145C858.465 288.658 865.301 278.566 870.184 265.871C875.392 253.176 877.996 239.341 877.996 224.367C877.996 206.789 874.741 190.839 868.23 176.516C861.72 161.867 853.094 150.311 842.352 141.848C831.935 133.059 820.542 128.664 808.172 128.664C796.779 128.664 786.525 132.408 777.41 139.895C768.621 147.056 761.785 156.822 756.902 169.191C752.02 181.236 749.578 194.908 749.578 210.207C749.578 227.785 752.671 244.061 758.855 259.035C765.366 273.684 773.829 285.402 784.246 294.191C794.988 302.98 806.544 307.375 818.914 307.375ZM1117.74 326.906C1115.14 326.906 1113.84 324.302 1113.84 319.094V294.191C1113.84 292.564 1113.51 291.75 1112.86 291.75C1091.38 314.862 1070.05 326.418 1048.89 326.418C1033.6 326.418 1021.39 322.023 1012.27 313.234C1003.48 304.12 997.137 292.727 993.23 279.055C989.65 265.057 987.859 250.572 987.859 235.598V174.074C987.859 161.704 985.581 152.915 981.023 147.707C977.768 143.801 973.862 141.197 969.305 139.895C965.073 138.592 961.167 137.941 957.586 137.941C954.331 137.616 952.703 137.128 952.703 136.477C952.703 128.664 953.68 124.595 955.633 124.27C972.885 121.665 986.72 119.387 997.137 117.434C1007.88 115.155 1014.06 113.853 1015.69 113.527L1025.46 111.086C1026.76 110.76 1027.57 112.062 1027.9 114.992C1028.22 117.922 1028.22 120.038 1027.9 121.34C1025.95 136.965 1024.97 149.009 1024.97 157.473V223.391C1024.97 248.456 1028.71 267.01 1036.2 279.055C1043.69 290.773 1055.89 296.633 1072.82 296.633C1079.33 296.633 1085.68 294.842 1091.86 291.262C1098.37 287.681 1103.58 283.449 1107.49 278.566C1111.72 273.358 1113.84 268.964 1113.84 265.383V174.074C1113.84 161.704 1111.56 152.915 1107 147.707C1103.74 143.801 1099.84 141.197 1095.28 139.895C1091.05 138.592 1087.14 137.779 1083.56 137.453C1080.31 137.128 1078.68 136.802 1078.68 136.477C1078.68 128.664 1079.66 124.595 1081.61 124.27C1098.86 121.665 1111.72 119.549 1120.18 117.922C1128.97 116.294 1135.97 114.829 1141.18 113.527L1151.43 111.086C1152.74 110.76 1153.55 112.062 1153.88 114.992C1154.2 117.922 1154.2 120.038 1153.88 121.34C1151.92 136.965 1150.95 148.684 1150.95 156.496V254.152C1150.95 268.801 1152.08 281.171 1154.36 291.262C1155.34 294.517 1157.94 296.633 1162.18 297.609C1166.41 298.26 1171.29 298.911 1176.82 299.562L1183.17 300.051C1184.15 300.376 1184.64 302.167 1184.64 305.422C1184.64 306.398 1184.15 308.026 1183.17 310.305C1182.52 312.258 1181.71 313.234 1180.73 313.234C1170.96 313.885 1160.22 315.676 1148.5 318.605C1136.79 321.21 1128 323.651 1122.14 325.93L1117.74 326.906ZM1209.05 324.465C1207.75 323.163 1207.1 320.396 1207.1 316.164C1207.1 312.258 1207.75 310.305 1209.05 310.305C1211.65 310.305 1215.24 309.816 1219.79 308.84C1224.35 307.863 1228.58 306.561 1232.49 304.934C1236.39 303.306 1238.51 301.841 1238.84 300.539C1240.14 295.982 1240.95 290.773 1241.28 284.914C1241.93 279.055 1242.25 272.87 1242.25 266.359V174.074C1242.25 161.704 1239.98 152.915 1235.42 147.707C1232.16 143.801 1228.26 141.197 1223.7 139.895C1219.47 138.592 1215.56 137.941 1211.98 137.941C1208.73 137.616 1207.1 137.128 1207.1 136.477C1207.1 128.664 1208.07 124.595 1210.03 124.27C1245.51 118.736 1266.02 115.155 1271.55 113.527L1279.85 111.086C1281.15 110.76 1281.97 112.062 1282.29 114.992C1282.62 117.922 1282.62 120.038 1282.29 121.34L1279.36 145.754C1285.22 136.965 1293.2 128.827 1303.29 121.34C1313.71 113.527 1323.96 109.621 1334.05 109.621C1352.93 109.621 1365.63 114.341 1372.14 123.781C1372.14 135.174 1370.35 143.475 1366.77 148.684C1363.18 153.892 1358.79 156.496 1353.58 156.496C1347.72 156.496 1342.35 153.729 1337.47 148.195C1332.59 142.661 1325.91 139.895 1317.45 139.895C1310.94 139.895 1304.75 142.173 1298.89 146.73C1293.04 150.962 1288.32 156.496 1284.73 163.332C1281.48 169.842 1279.85 176.678 1279.85 183.84V257.082C1279.85 266.522 1280.18 274.823 1280.83 281.984C1281.48 289.146 1282.46 295.331 1283.76 300.539C1284.41 301.841 1286.69 303.306 1290.59 304.934C1294.5 306.561 1298.73 307.863 1303.29 308.84C1308.17 309.816 1311.59 310.305 1313.54 310.305C1314.52 310.305 1315.17 312.258 1315.5 316.164C1315.82 320.07 1315.66 322.837 1315.01 324.465L1262.27 322.023L1209.05 324.465ZM1493.23 325.93C1475.33 325.93 1458.89 321.21 1443.91 311.77C1428.94 302.329 1416.9 289.797 1407.78 274.172C1398.99 258.221 1394.6 240.48 1394.6 220.949C1394.6 200.767 1398.18 182.375 1405.34 165.773C1412.83 148.846 1423.57 135.337 1437.57 125.246C1451.89 115.155 1469.14 110.109 1489.32 110.109C1525.13 110.109 1549.87 118.41 1563.54 135.012C1563.54 156.822 1557.52 167.727 1545.48 167.727C1539.94 167.727 1535.71 166.587 1532.78 164.309C1529.85 161.704 1526.11 157.147 1521.55 150.637C1511.46 135.663 1499.42 128.176 1485.42 128.176C1472.07 128.176 1459.86 134.523 1448.8 147.219C1438.05 159.914 1432.68 178.794 1432.68 203.859C1432.68 229.901 1439.03 251.548 1451.73 268.801C1464.75 286.053 1482.65 294.68 1505.44 294.68C1519.11 294.68 1530.5 292.727 1539.62 288.82C1549.06 284.589 1555.89 280.845 1560.12 277.59L1563.54 275.148C1565.5 275.148 1566.47 277.264 1566.47 281.496C1566.47 283.775 1565.5 286.704 1563.54 290.285C1557.03 299.4 1547.43 307.701 1534.73 315.188C1522.04 322.349 1508.2 325.93 1493.23 325.93ZM1690.98 325.93C1673.08 325.93 1656.64 321.21 1641.67 311.77C1626.69 302.329 1614.65 289.797 1605.54 274.172C1596.75 258.221 1592.35 240.48 1592.35 220.949C1592.35 198.163 1596.58 178.469 1605.05 161.867C1613.51 145.266 1625.07 132.57 1639.71 123.781C1654.36 114.667 1670.8 110.109 1689.03 110.109C1704.01 110.109 1717.19 113.039 1728.58 118.898C1739.98 124.432 1748.76 131.594 1754.95 140.383C1760.81 149.497 1765.04 158.775 1767.64 168.215C1770.57 177.329 1772.04 186.444 1772.04 195.559C1772.04 202.069 1771.06 206.138 1769.11 207.766C1767.16 209.068 1763.41 209.719 1757.88 209.719H1634.83C1632.23 209.719 1630.93 210.533 1630.93 212.16C1630.93 225.832 1633.69 239.016 1639.23 251.711C1644.76 264.081 1652.9 274.335 1663.64 282.473C1674.38 290.611 1687.57 294.68 1703.19 294.68C1716.86 294.68 1728.26 292.727 1737.37 288.82C1746.81 284.589 1753.65 280.845 1757.88 277.59L1761.3 275.148C1763.25 275.148 1764.23 277.264 1764.23 281.496C1764.23 283.775 1763.25 286.704 1761.3 290.285C1754.79 299.4 1745.18 307.701 1732.49 315.188C1719.79 322.349 1705.96 325.93 1690.98 325.93ZM1634.83 189.211H1730.05C1731.67 189.211 1732.49 187.583 1732.49 184.328C1732.49 177.167 1730.54 169.354 1726.63 160.891C1723.05 152.102 1717.51 144.452 1710.03 137.941C1702.54 131.431 1693.1 128.176 1681.71 128.176C1671.29 128.176 1662.34 131.757 1654.85 138.918C1647.36 145.754 1641.67 153.729 1637.76 162.844C1633.86 171.633 1631.9 179.283 1631.9 185.793C1631.9 188.072 1632.88 189.211 1634.83 189.211ZM1869.7 328.371C1859.6 328.371 1850.49 327.232 1842.35 324.953C1834.21 322.674 1824.29 320.721 1812.57 319.094C1811.26 315.513 1809.96 310.63 1808.66 304.445C1807.36 298.26 1806.22 291.75 1805.24 284.914C1804.59 278.078 1804.27 272.544 1804.27 268.312C1806.87 266.359 1808.82 265.383 1810.12 265.383C1815.01 265.383 1817.61 266.359 1817.94 268.312C1819.24 274.823 1822.49 281.333 1827.7 287.844C1832.91 294.354 1839.26 299.888 1846.75 304.445C1854.23 308.677 1861.88 310.793 1869.7 310.793C1880.11 310.793 1888.58 308.026 1895.09 302.492C1901.92 296.633 1905.34 288.332 1905.34 277.59C1905.34 266.197 1900.95 256.757 1892.16 249.27C1885.32 243.736 1879.46 239.829 1874.58 237.551C1870.02 234.947 1865.46 232.668 1860.91 230.715C1856.67 228.436 1851.3 225.344 1844.79 221.438C1819.4 206.789 1806.71 189.374 1806.71 169.191C1806.71 157.473 1809.96 147.219 1816.47 138.43C1822.98 129.315 1831.61 122.316 1842.35 117.434C1853.42 112.225 1865.14 109.621 1877.51 109.621C1881.09 109.621 1885.16 109.947 1889.71 110.598C1894.27 110.923 1899.32 111.411 1904.85 112.062C1910.39 113.039 1914.94 113.853 1918.52 114.504C1922.1 115.155 1925.03 115.643 1927.31 115.969C1930.89 130.943 1932.85 147.544 1933.17 165.773C1933.17 167.401 1931.06 168.215 1926.82 168.215C1922.27 168.215 1919.83 167.076 1919.5 164.797C1917.87 155.682 1913.15 147.056 1905.34 138.918C1897.85 130.78 1889.23 126.711 1879.46 126.711C1856.02 126.711 1844.3 136.314 1844.3 155.52C1844.3 160.402 1844.79 164.797 1845.77 168.703C1847.07 172.284 1849.84 175.702 1854.07 178.957C1864.16 186.77 1876.04 194.582 1889.71 202.395C1903.71 210.207 1915.27 217.531 1924.38 224.367C1938.05 234.784 1944.89 246.991 1944.89 260.988C1944.89 273.684 1941.47 285.24 1934.64 295.656C1927.8 305.747 1918.69 313.723 1907.29 319.582C1895.9 325.441 1883.37 328.371 1869.7 328.371Z" fill="#A2A8B5"/>
</svg></h1>
<div class="hero-text subpages">
<p tabindex="0">Video covers, recommendations, and information tables</p>
</div>
</div>
<a id="explore" href="#toc">Learn more</a>
<main>
<div class="content-container">
<nav id="toc" class="toc">
<ol>
<li><h2 tabindex="0">Table of contents</h2></li>
<a href="#article-1" class="hidden">Skip table of content</a>
<li> <a tabindex="0" href="#article-1">JPiano cover: Fly me to the moon</a> </li>
<li> <a tabindex="0" href="#article-2">Student recommendation</a> </li>
<li> <a tabindex="0" href="#article-3">Information table</a> </li>
</ol>
</nav>
<div class="content">
<h3>Take a look at our resources</h3>
<section class="content-card-container get-started">
<div id="article-1" class="content-card" tabindex="0">
<figure>
<h4>Cover by Jpanio: Fly me to the moon</h4>
<video id="myVideo" controls aria-label="Cover of fly me to the moon by Jpiano">
<source src="assets/media/fly-me-to-the-moon.mp4" type="video/mp4">
<source src="assets/media/fly-me-to-the-moon.ogg" type="video/ogg">
<track src="assets/media/fly-me-caption.vtt" kind="subtitles" srclang="en" label="English">
</video>
<figcaption>Fly me to the moon cover by <a href="https://www.youtube.com/watch?v=HdMXZVjk0Jc">Jpiano</a></figcaption>
</figure>
</div>
</section>
<section class="content-card-container">
<div class="content-card" id="article-2">
<h4 tabindex="0">A student sharing his experience</h4>
<audio class="audio" controls>
<source src="assets/media/student-recommendation.mp3"/>
</audio>
</div>
<div class="content-card transcription">
<p id="transcription-dropdown-open" tabindex="0"><strong>Interact with me to open transcription</strong></p>
<div id="transcription-dropdown" tabindex="0">
<p class="timestamp"><strong>[00:00:00]</strong></p>
<p class="transcription-text"><i>[♪ Soft piano starts playing in the background ♫]</i></p>
<p class="transcription-text">Hi, this is Martin, and I just had to share my amazing experience at Lisa's Music Lessons.</p>
<p class="timestamp"><strong>[00:07:00]</strong></p>
<p class="transcription-text">From day one, Lisa's passion for music was contagious. Her teaching style? Simply brilliant!</p>
<p class="timestamp"><strong>[00:14:00]</strong></p>
<p class="transcription-text">I've not just learned to play an instrument; I've discovered a whole new world of melodies and harmonies.<p>
<p class="timestamp"><strong>[00:22:00]</strong></p>
<p class="transcription-text">The personalized attention and supportive environment make every lesson a musical journey.</p>
<p class="timestamp"><strong>[00:28:00]</strong></p>
<p class="transcription-text">Thanks to Lisa, my musical journey is filled with joy and unforgettable tunes. Highly recommend!</p>
<p class="timestamp"><strong>[00:35:00]</strong></p>
<p class="transcription-text"><i>[♪ Ending of soft piano ♫]</i></p>
<p class="timestamp"><strong>[00:38:00]</strong></p>
</div>
</div>
</section>
<section class="content-card table-container" id="article-3">
<h4 class="transcription-dropdown-open">Detailed information</h4>
<table>
<tr>
<th tabindex="0" scope="col">Type</th>
<th tabindex="0" scope="col">Beginner lessons</th>
<th tabindex="0" scope="col">Intermediate lessons</th>
<th tabindex="0" scope="col">Advanced lessons</th>
</tr>
<tr>
<th tabindex="0" scope="row" >Lesson type</th>
<td tabindex="0" >Fundamentals and Basics </td>
<td tabindex="0" >Technique Refinement </td>
<td tabindex="0">Mastering Complex Pieces </td>
</tr>
<tr>
<th tabindex="0" scope="row">Duration</th>
<td tabindex="0" >20 minutes</td>
<td tabindex="0" >40 minutes</td>
<td tabindex="0" >60 minutes </td>
</tr>
<tr>
<th tabindex="0" scope="row">Instructor</th>
<td tabindex="0" >Lisa (Certified Instructor) </td>
<td tabindex="0" >Lisa or Alex (Senior Instructors)</td>
<td tabindex="0" >Lisa and Guest Instructors</td>
</tr>
<tr>
<th tabindex="0" scope="row">Schedule</th>
<td tabindex="0" >Flexible weekdays </td>
<td tabindex="0" >Evening slots available</td>
<td tabindex="0" >Customized schedules</td>
</tr>
<tr>
<th tabindex="0" scope="row">Materials</th>
<td tabindex="0" >Provided by Lisa </td>
<td tabindex="0" >Personalized Practice Plans</td>
<td tabindex="0" >Advanced Sheet Music</td>
</tr>
<tr>
<th tabindex="0" scope="row">Extras</th>
<td tabindex="0" >Fun Music Games</td>
<td tabindex="0" >Performance Opportunities</td>
<td tabindex="0" >Music Theory Workshops </td>
</tr>
<tr>
<th tabindex="0" scope="row">Price</th>
<td tabindex="0" >kr 198</td>
<td tabindex="0" >kr 360</td>
<td tabindex="0" >Custom pricing for packages</td>
</tr>
</table>
</section>
</div>
</div>
<script>
let transcriptOpen = document.getElementById('transcription-dropdown-open');
let transcript = document.getElementById('transcription-dropdown');
function openTranscript(){
if (transcript.style.display === 'none' || transcript.style.display === '') {
transcript.style.display = 'block';
} else {
transcript.style.display = 'none';
}
}
transcriptOpen.addEventListener('click', function () {
openTranscript();
});
transcriptOpen.addEventListener('keypress', function (e) {
if(e.key === 'Enter'){
openTranscript();
}
});
</script>
</main>
<footer>
<div class="footer-card" tabindex="0">
<h5 class="footer-heading">Prices</h5>
<p>20min. kr 198</p>
<p>40min. kr 360</p>
<p>Free trial session</p>
</div>
<div class="footer-card" tabindex="0">
<h5 class="footer-heading">Madla Bydelshus</h5>
<p>Åsta Kongsmor Gate 20 4044 Hafrsfjord
</p>
<p>Monday-Thursday kl 14.00-20.00</p>
<p>Free parking</p>
</div>
<div class="footer-card" tabindex="0">
<h5 class="footer-heading">Klepp</h5>
<p>Øksnevarden 31 4351 Klepp
</p>
<p>Friday-Sunday kl 10.00-21.00</p>
<p>Free parking</p>
</div>
<div class="footer-card" tabindex="0">
<h5 class="footer-heading">Contact</h5>
<p>Phone: 12345678</p>
<p>E-mail: lisa-piano-lessons@email.com</p>
</div>
</footer>
</body>
</html>