-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgetstarted.html
More file actions
executable file
·195 lines (175 loc) · 24.5 KB
/
getstarted.html
File metadata and controls
executable file
·195 lines (175 loc) · 24.5 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
<!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 Lisa's Piano Lessons - Get started today with our expert teachers and valuable resources. Unlock the world of piano playing with Lisa's comprehensive lessons.">
<title>Get started today</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">Resources</a>
</li>
<li role="menuitem" aria-haspopup="true">
<a href="getstarted.html" tabindex="0" class="get-started-today-link you-are-here">Get started
today!</a>
</li>
</ul>
</div>
</nav>
<div class="hero subpages">
<h1 tabindex="0" aria-label="Start today!" >
<svg class="svg-title start-today" width="100%" height="50%" viewBox="0 0 3521 721" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M160.188 550.812C147.688 550.812 134.406 549.771 120.344 547.688C106.281 546.125 94.5625 544.302 85.1875 542.219C65.9167 538.573 51.8542 535.708 43 533.625C34.6667 531.021 26.8542 529.198 19.5625 528.156C12.7917 495.865 7.84375 469.562 4.71875 449.25C1.59375 428.417 0.03125 413.312 0.03125 403.938C0.03125 400.812 4.19792 399.25 12.5312 399.25C21.9062 399.25 28.4167 401.594 32.0625 406.281C50.2917 481.281 93.5208 518.781 161.75 518.781C187.792 518.781 209.927 510.969 228.156 495.344C246.385 479.719 255.5 457.583 255.5 428.938C255.5 419.562 253.417 408.104 249.25 394.562C245.604 381.021 237.01 369.302 223.469 359.406C213.052 351.594 204.458 345.865 197.688 342.219C190.917 338.052 184.146 334.406 177.375 331.281C170.604 327.635 162.01 322.688 151.594 316.438L120.344 297.688C104.198 287.792 88.0521 276.594 71.9062 264.094C55.7604 251.073 42.2188 235.969 31.2812 218.781C20.8646 201.594 15.6562 182.062 15.6562 160.188C15.6562 132.583 22.6875 108.625 36.75 88.3125C51.3333 67.4792 70.0833 51.3333 93 39.875C116.438 28.4167 141.698 22.6875 168.781 22.6875C180.24 22.6875 190.917 23.4688 200.812 25.0312C211.229 26.0729 219.823 27.375 226.594 28.9375C242.219 32.5833 253.156 35.4479 259.406 37.5312C266.177 39.6146 275.292 41.9583 286.75 44.5625C293 71.6458 296.125 108.885 296.125 156.281C296.125 159.927 293.521 161.75 288.312 161.75C275.292 161.75 268.521 159.146 268 153.938C265.396 138.312 259.667 122.948 250.812 107.844C241.958 92.7396 229.979 80.2396 214.875 70.3438C199.771 59.9271 181.802 54.7188 160.969 54.7188C139.615 54.7188 122.948 58.8854 110.969 67.2188C98.9896 75.0312 90.3958 85.1875 85.1875 97.6875C80.5 109.667 78.1562 122.427 78.1562 135.969C78.1562 148.99 81.2812 162.01 87.5312 175.031C93.7812 188.052 102.896 198.99 114.875 207.844C131.021 219.823 147.167 231.021 163.312 241.438C179.979 251.854 197.167 262.531 214.875 273.469C231.542 283.885 248.208 295.604 264.875 308.625C281.542 321.125 295.344 335.448 306.281 351.594C317.74 367.74 323.469 386.49 323.469 407.844C323.469 435.448 315.917 460.188 300.812 482.062C285.708 503.417 265.656 520.344 240.656 532.844C216.177 544.823 189.354 550.812 160.188 550.812ZM505.5 548.469C479.458 548.469 457.583 539.875 439.875 522.688C422.688 505.5 414.094 481.021 414.094 449.25V250.812H368.781C366.177 250.812 364.875 245.344 364.875 234.406C364.875 231.281 365.135 229.458 365.656 228.938C381.281 221.646 397.688 207.844 414.875 187.531C426.854 173.469 435.708 161.229 441.438 150.812C447.688 140.396 450.812 134.146 450.812 132.062C466.438 132.062 474.25 133.365 474.25 135.969V213.312L535.969 214.094H579.719C583.885 214.094 585.969 216.438 585.969 221.125C585.969 231.021 583.365 240.917 578.156 250.812H474.25V442.219C474.25 463.052 479.458 479.719 489.875 492.219C500.812 504.719 514.875 510.969 532.062 510.969C548.208 510.969 564.354 506.021 580.5 496.125C582.062 495.083 584.406 497.427 587.531 503.156C590.656 508.365 591.958 511.229 591.438 511.75C583.625 520.083 571.646 528.417 555.5 536.75C539.354 544.562 522.688 548.469 505.5 548.469ZM710.188 548.469C686.229 548.469 666.438 542.219 650.812 529.719C635.188 516.698 627.375 497.427 627.375 471.906C627.375 440.656 647.688 414.615 688.312 393.781C706.021 384.927 723.469 377.896 740.656 372.688C758.365 367.479 776.073 361.49 793.781 354.719C798.469 353.156 800.812 349.25 800.812 343V284.406C800.812 267.74 795.604 254.979 785.188 246.125C774.771 236.75 762.271 232.062 747.688 232.062C732.062 232.062 719.042 237.531 708.625 248.469C698.208 258.885 693 272.688 693 289.875C693 308.104 682.323 317.219 660.969 317.219C645.865 317.219 635.708 312.271 630.5 302.375C630.5 291.438 634.927 280.24 643.781 268.781C653.156 256.802 665.135 245.865 679.719 235.969C694.302 226.073 710.188 218 727.375 211.75C745.083 205.5 762.531 202.375 779.719 202.375C808.365 202.375 828.938 209.406 841.438 223.469C853.938 237.01 860.188 259.146 860.188 289.875V470.344C860.188 481.281 863.052 490.396 868.781 497.688C874.51 504.979 882.323 508.625 892.219 508.625C898.99 508.625 908.104 504.979 919.562 497.688C921.646 497.688 922.688 499.771 922.688 503.938C922.688 510.708 921.385 516.177 918.781 520.344C897.427 538.573 879.198 547.688 864.094 547.688C852.115 547.688 840.656 542.74 829.719 532.844C818.781 522.948 811.229 512.531 807.062 501.594C804.458 503.677 801.073 506.542 796.906 510.188C793.26 513.312 790.135 515.917 787.531 518C776.594 526.333 764.615 533.625 751.594 539.875C739.094 545.604 725.292 548.469 710.188 548.469ZM739.875 503.938C754.458 503.938 768.26 499.771 781.281 491.438C794.302 483.104 800.812 474.25 800.812 464.875V384.406C787.271 389.615 774.25 394.302 761.75 398.469C749.771 402.635 740.135 406.021 732.844 408.625C723.469 412.271 714.354 418.781 705.5 428.156C697.167 437.531 693 448.208 693 460.188C693 475.812 697.688 487.01 707.062 493.781C716.958 500.552 727.896 503.938 739.875 503.938ZM956.281 545.344C954.198 543.26 953.156 538.833 953.156 532.062C953.156 525.812 954.198 522.688 956.281 522.688C960.448 522.688 966.177 521.906 973.469 520.344C980.76 518.781 987.531 516.698 993.781 514.094C1000.03 511.49 1003.42 509.146 1003.94 507.062C1006.02 499.771 1007.32 491.438 1007.84 482.062C1008.89 472.688 1009.41 462.792 1009.41 452.375V304.719C1009.41 284.927 1005.76 270.865 998.469 262.531C993.26 256.281 987.01 252.115 979.719 250.031C972.948 247.948 966.698 246.906 960.969 246.906C955.76 246.385 953.156 245.604 953.156 244.562C953.156 232.062 954.719 225.552 957.844 225.031C1014.61 216.177 1047.43 210.448 1056.28 207.844L1069.56 203.938C1071.65 203.417 1072.95 205.5 1073.47 210.188C1073.99 214.875 1073.99 218.26 1073.47 220.344L1068.78 259.406C1078.16 245.344 1090.92 232.323 1107.06 220.344C1123.73 207.844 1140.14 201.594 1156.28 201.594C1186.49 201.594 1206.8 209.146 1217.22 224.25C1217.22 242.479 1214.35 255.76 1208.62 264.094C1202.9 272.427 1195.86 276.594 1187.53 276.594C1178.16 276.594 1169.56 272.167 1161.75 263.312C1153.94 254.458 1143.26 250.031 1129.72 250.031C1119.3 250.031 1109.41 253.677 1100.03 260.969C1090.66 267.74 1083.1 276.594 1077.38 287.531C1072.17 297.948 1069.56 308.885 1069.56 320.344V437.531C1069.56 452.635 1070.08 465.917 1071.12 477.375C1072.17 488.833 1073.73 498.729 1075.81 507.062C1076.85 509.146 1080.5 511.49 1086.75 514.094C1093 516.698 1099.77 518.781 1107.06 520.344C1114.88 521.906 1120.34 522.688 1123.47 522.688C1125.03 522.688 1126.07 525.812 1126.59 532.062C1127.11 538.312 1126.85 542.74 1125.81 545.344L1041.44 541.438L956.281 545.344ZM1378.16 548.469C1352.11 548.469 1330.24 539.875 1312.53 522.688C1295.34 505.5 1286.75 481.021 1286.75 449.25V250.812H1241.44C1238.83 250.812 1237.53 245.344 1237.53 234.406C1237.53 231.281 1237.79 229.458 1238.31 228.938C1253.94 221.646 1270.34 207.844 1287.53 187.531C1299.51 173.469 1308.36 161.229 1314.09 150.812C1320.34 140.396 1323.47 134.146 1323.47 132.062C1339.09 132.062 1346.91 133.365 1346.91 135.969V213.312L1408.62 214.094H1452.38C1456.54 214.094 1458.62 216.438 1458.62 221.125C1458.62 231.021 1456.02 240.917 1450.81 250.812H1346.91V442.219C1346.91 463.052 1352.11 479.719 1362.53 492.219C1373.47 504.719 1387.53 510.969 1404.72 510.969C1420.86 510.969 1437.01 506.021 1453.16 496.125C1454.72 495.083 1457.06 497.427 1460.19 503.156C1463.31 508.365 1464.61 511.229 1464.09 511.75C1456.28 520.083 1444.3 528.417 1428.16 536.75C1412.01 544.562 1395.34 548.469 1378.16 548.469ZM1802.38 548.469C1776.33 548.469 1754.46 539.875 1736.75 522.688C1719.56 505.5 1710.97 481.021 1710.97 449.25V250.812H1665.66C1663.05 250.812 1661.75 245.344 1661.75 234.406C1661.75 231.281 1662.01 229.458 1662.53 228.938C1678.16 221.646 1694.56 207.844 1711.75 187.531C1723.73 173.469 1732.58 161.229 1738.31 150.812C1744.56 140.396 1747.69 134.146 1747.69 132.062C1763.31 132.062 1771.12 133.365 1771.12 135.969V213.312L1832.84 214.094H1876.59C1880.76 214.094 1882.84 216.438 1882.84 221.125C1882.84 231.021 1880.24 240.917 1875.03 250.812H1771.12V442.219C1771.12 463.052 1776.33 479.719 1786.75 492.219C1797.69 504.719 1811.75 510.969 1828.94 510.969C1845.08 510.969 1861.23 506.021 1877.38 496.125C1878.94 495.083 1881.28 497.427 1884.41 503.156C1887.53 508.365 1888.83 511.229 1888.31 511.75C1880.5 520.083 1868.52 528.417 1852.38 536.75C1836.23 544.562 1819.56 548.469 1802.38 548.469ZM2093.78 548.469C2062.53 548.469 2033.89 540.656 2007.84 525.031C1981.8 509.406 1960.97 488.312 1945.34 461.75C1930.24 435.188 1922.69 406.021 1922.69 374.25C1922.69 341.958 1929.98 312.792 1944.56 286.75C1959.67 260.708 1979.98 240.135 2005.5 225.031C2031.02 209.406 2059.93 201.594 2092.22 201.594C2123.47 201.594 2151.85 209.406 2177.38 225.031C2203.42 240.656 2223.99 261.49 2239.09 287.531C2254.72 313.573 2262.53 342.479 2262.53 374.25C2262.53 406.021 2254.98 435.188 2239.88 461.75C2224.77 488.312 2204.46 509.406 2178.94 525.031C2153.94 540.656 2125.55 548.469 2093.78 548.469ZM2100.81 518C2119.56 518 2135.97 512.01 2150.03 500.031C2164.09 488.052 2175.03 471.906 2182.84 451.594C2191.18 431.281 2195.34 409.146 2195.34 385.188C2195.34 357.062 2190.14 331.542 2179.72 308.625C2169.3 285.188 2155.5 266.698 2138.31 253.156C2121.65 239.094 2103.42 232.062 2083.62 232.062C2065.4 232.062 2048.99 238.052 2034.41 250.031C2020.34 261.49 2009.41 277.115 2001.59 296.906C1993.78 316.177 1989.88 338.052 1989.88 362.531C1989.88 390.656 1994.82 416.698 2004.72 440.656C2015.14 464.094 2028.68 482.844 2045.34 496.906C2062.53 510.969 2081.02 518 2100.81 518ZM2564.88 547.688C2561.75 547.688 2560.19 543.26 2560.19 534.406V525.031C2560.19 522.427 2559.15 521.385 2557.06 521.906C2528.42 538.052 2500.81 546.125 2474.25 546.125C2445.6 546.125 2419.56 539.094 2396.12 525.031C2373.21 510.448 2354.98 491.438 2341.44 468C2328.42 444.042 2321.91 418 2321.91 389.875C2321.91 364.875 2326.59 340.917 2335.97 318C2345.86 295.083 2358.89 274.771 2375.03 257.062C2391.7 238.833 2410.45 224.771 2431.28 214.875C2452.11 204.458 2473.73 199.25 2496.12 199.25C2518.52 199.25 2538.05 203.677 2554.72 212.531C2558.36 212.531 2560.19 207.844 2560.19 198.469V114.094C2560.19 96.3854 2558.62 79.7188 2555.5 64.0938C2553.42 55.7604 2540.14 51.5938 2515.66 51.5938H2508.62C2505.5 51.5938 2503.94 48.7292 2503.94 43C2503.94 34.6667 2505.5 30.5 2508.62 30.5C2537.79 27.8958 2560.71 23.9896 2577.38 18.7812C2594.56 13.5729 2606.8 8.36458 2614.09 3.15625L2617.22 0.8125H2618.78C2620.86 0.8125 2622.95 2.375 2625.03 5.5C2627.11 8.10417 2628.42 10.7083 2628.94 13.3125C2623.21 30.5 2620.34 53.1562 2620.34 81.2812V432.844C2620.34 457.323 2621.91 477.115 2625.03 492.219C2626.59 497.427 2631.02 500.812 2638.31 502.375C2646.12 503.417 2654.2 504.458 2662.53 505.5L2669.56 506.281C2671.12 506.802 2671.91 509.927 2671.91 515.656C2671.91 523.469 2670.34 527.375 2667.22 527.375C2650.03 528.417 2632.32 531.281 2614.09 535.969C2595.86 540.135 2581.8 543.521 2571.91 546.125L2564.88 547.688ZM2503.94 507.844C2521.65 507.844 2535.45 503.938 2545.34 496.125C2555.24 487.792 2560.19 476.854 2560.19 463.312V277.375C2560.19 266.438 2554.2 256.281 2542.22 246.906C2530.76 237.01 2512.01 232.062 2485.97 232.062C2466.18 232.062 2448.99 238.312 2434.41 250.812C2419.82 263.312 2408.62 279.979 2400.81 300.812C2393 321.125 2389.09 343.26 2389.09 367.219C2389.09 392.219 2393.52 415.396 2402.38 436.75C2411.75 458.104 2425.03 475.292 2442.22 488.312C2459.41 501.333 2479.98 507.844 2503.94 507.844ZM2793.78 548.469C2769.82 548.469 2750.03 542.219 2734.41 529.719C2718.78 516.698 2710.97 497.427 2710.97 471.906C2710.97 440.656 2731.28 414.615 2771.91 393.781C2789.61 384.927 2807.06 377.896 2824.25 372.688C2841.96 367.479 2859.67 361.49 2877.38 354.719C2882.06 353.156 2884.41 349.25 2884.41 343V284.406C2884.41 267.74 2879.2 254.979 2868.78 246.125C2858.36 236.75 2845.86 232.062 2831.28 232.062C2815.66 232.062 2802.64 237.531 2792.22 248.469C2781.8 258.885 2776.59 272.688 2776.59 289.875C2776.59 308.104 2765.92 317.219 2744.56 317.219C2729.46 317.219 2719.3 312.271 2714.09 302.375C2714.09 291.438 2718.52 280.24 2727.38 268.781C2736.75 256.802 2748.73 245.865 2763.31 235.969C2777.9 226.073 2793.78 218 2810.97 211.75C2828.68 205.5 2846.12 202.375 2863.31 202.375C2891.96 202.375 2912.53 209.406 2925.03 223.469C2937.53 237.01 2943.78 259.146 2943.78 289.875V470.344C2943.78 481.281 2946.65 490.396 2952.38 497.688C2958.1 504.979 2965.92 508.625 2975.81 508.625C2982.58 508.625 2991.7 504.979 3003.16 497.688C3005.24 497.688 3006.28 499.771 3006.28 503.938C3006.28 510.708 3004.98 516.177 3002.38 520.344C2981.02 538.573 2962.79 547.688 2947.69 547.688C2935.71 547.688 2924.25 542.74 2913.31 532.844C2902.38 522.948 2894.82 512.531 2890.66 501.594C2888.05 503.677 2884.67 506.542 2880.5 510.188C2876.85 513.312 2873.73 515.917 2871.12 518C2860.19 526.333 2848.21 533.625 2835.19 539.875C2822.69 545.604 2808.89 548.469 2793.78 548.469ZM2823.47 503.938C2838.05 503.938 2851.85 499.771 2864.88 491.438C2877.9 483.104 2884.41 474.25 2884.41 464.875V384.406C2870.86 389.615 2857.84 394.302 2845.34 398.469C2833.36 402.635 2823.73 406.021 2816.44 408.625C2807.06 412.271 2797.95 418.781 2789.09 428.156C2780.76 437.531 2776.59 448.208 2776.59 460.188C2776.59 475.812 2781.28 487.01 2790.66 493.781C2800.55 500.552 2811.49 503.938 2823.47 503.938ZM3104.72 720.344C3093.78 720.344 3085.71 716.958 3080.5 710.188C3075.29 703.417 3072.69 696.646 3072.69 689.875C3072.69 678.938 3076.33 670.604 3083.62 664.875C3126.85 664.875 3155.5 642.479 3169.56 597.688C3172.17 589.875 3175.29 580.5 3178.94 569.562C3182.58 558.625 3185.45 549.771 3187.53 543L3075.81 269.562C3073.21 263.312 3070.6 258.104 3068 253.938C3065.4 249.25 3062.79 245.604 3060.19 243C3055.5 238.312 3048.21 234.406 3038.31 231.281C3028.94 228.156 3021.39 226.594 3015.66 226.594C3013.57 226.594 3012.53 223.208 3012.53 216.438C3012.53 210.188 3013.57 206.021 3015.66 203.938C3029.72 204.458 3043.52 205.24 3057.06 206.281C3071.12 206.802 3085.45 207.062 3100.03 207.062C3116.7 207.062 3131.02 206.802 3143 206.281C3154.98 205.24 3165.92 204.458 3175.81 203.938C3176.85 208.104 3177.38 212.01 3177.38 215.656C3177.38 222.948 3176.33 226.594 3174.25 226.594C3172.17 226.594 3168.26 227.375 3162.53 228.938C3157.32 230.5 3152.11 232.583 3146.91 235.188C3141.7 237.271 3138.57 239.875 3137.53 243V244.562C3137.53 253.417 3165.4 321.385 3221.12 448.469L3280.5 277.375C3284.15 266.958 3285.97 258.885 3285.97 253.156C3285.97 245.344 3281.8 239.094 3273.47 234.406C3265.66 229.198 3254.98 226.594 3241.44 226.594C3239.35 226.594 3238.31 223.208 3238.31 216.438C3238.31 210.188 3239.35 206.021 3241.44 203.938C3248.21 204.458 3258.36 205.24 3271.91 206.281C3285.45 207.323 3298.47 207.844 3310.97 207.844C3322.43 207.844 3334.93 207.323 3348.47 206.281C3362.01 205.24 3372.17 204.458 3378.94 203.938C3379.98 208.104 3380.5 212.01 3380.5 215.656C3380.5 222.948 3379.46 226.594 3377.38 226.594C3370.6 226.594 3361.49 228.938 3350.03 233.625C3338.57 238.312 3330.76 245.865 3326.59 256.281L3186.75 633.625C3174.77 665.917 3161.23 688.312 3146.12 700.812C3131.02 713.833 3117.22 720.344 3104.72 720.344ZM3474.25 424.25C3468.52 426.854 3464.61 426.594 3462.53 423.469C3460.45 419.823 3459.15 415.396 3458.62 410.188L3446.12 233.625C3443.52 197.167 3441.18 166.958 3439.09 143C3437.01 119.042 3435.97 101.594 3435.97 90.6562C3435.97 77.6354 3439.61 66.1771 3446.91 56.2812C3454.72 46.3854 3464.61 41.4375 3476.59 41.4375C3488.05 41.4375 3496.65 46.3854 3502.38 56.2812C3508.62 65.6562 3511.75 77.1146 3511.75 90.6562C3511.75 101.594 3510.19 122.688 3507.06 153.938C3504.46 185.188 3501.33 222.427 3497.69 265.656C3494.04 308.885 3490.66 354.198 3487.53 401.594C3487.01 409.406 3485.97 414.615 3484.41 417.219C3482.84 419.823 3479.46 422.167 3474.25 424.25ZM3475.03 554.719C3462.53 554.719 3451.59 550.292 3442.22 541.438C3433.36 532.583 3428.94 521.906 3428.94 509.406C3428.94 496.906 3433.36 486.229 3442.22 477.375C3451.07 468 3462.01 463.312 3475.03 463.312C3488.57 463.312 3499.51 468 3507.84 477.375C3516.18 486.229 3520.34 496.906 3520.34 509.406C3520.34 521.906 3515.92 532.583 3507.06 541.438C3498.21 550.292 3487.53 554.719 3475.03 554.719Z"
fill="#A2A8B5" />
</svg>
</h1>
<div class="hero-text subpages">
<p tabindex="0">Sign up for your musical journey</p>
</div>
</div>
<a id="explore" href="#toc" tabindex="0">Learn more</a>
<main>
<div class="content-container">
<nav class="toc" id="toc">
<ol>
<li>
<h2 tabindex="0">Table of contents</h2>
</li>
<a href="#form" class="hidden">Skip table of content</a>
<li><a tabindex="0" href="#form">Form</a></li>
</ol>
</nav>
<div class="content" id="form">
<h3 tabindex="0">Fill out the form to enroll in piano lessons now!</h3>
<section class="content-card-container get-started">
<form action="/" method="post">
<p style="margin-bottom: 2em">
Fields marked with
<span id="star">*</span> are mandatory.
</p>
<div class="form_container">
<div class="form">
<label class="mandatory-field" for="fname">First name</label>
<input type="text" name="fname" id="fname" aria-label="Please provide your first name"
aria-required="true" required />
<label class="mandatory-field" for="lname">Last name</label>
<input type="text" name="lname" id="lname" aria-label="Please provide last name"
aria-required="true" required />
<label for="childname">Child's name (if student)</label>
<input type="text" id="childname" name="childname"
aria-label="Please provide your child's name if student" />
</div>
<div class="form">
<label class="mandatory-field" for="email">Email</label>
<input type="email" id="email" name="email" aria-required="true" required
aria-describedby="error_message" />
<div tabindex="0" class="error_message" id="error_message" aria-live="polite">
Error: Please enter a valid email address. The email should have the format
email@email.com
</div>
<label for="address">Address </label>
<input type="text" name="address" id="address"
aria-label="Please provide your address" />
<label class="mandatory-field" for="phone">Phone</label>
<input type="text" name="phone" id="phone" aria-label="Please provide your phone number"
aria-required="true" required />
</div>
</div>
<div class="radio-options">
<p class="mandatory-field">Type of lessons</p>
<input type="radio" id="beginner" name="lessontype" value="Beginner" required />
<label for="beginner">Beginner Lessons (kr 198)</label><br />
<input type="radio" id="intermediate" name="lessontype" value="Intermediate" required />
<label for="intermediate">Intermediate Lessons (kr 360)</label><br />
<input type="radio" id="advanced" name="lessontype" value="Advanced" required />
<label for="advanced">Advanced Lessons (Custom price)</label>
</div>
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
<button type="submit" id="submitBtn" aria-label="Press enter to submit the form">
Submit
</button>
</form>
</section>
</div>
</div>
<div class="pop-up-container">
<div class="pop-up">
<p tabindex="0" id="confirmationMsg">
Are you sure you want to submit this form?
</p>
<div class="pop-up-options">
<p tabindex="0" id="disapprove">Cancel</p>
<p tabindex="0" id="approve">Yes, submit</p>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-card" tabindex="0">
<h4 class="footer-heading">Prices</h4>
<p>20min. kr 198</p>
<p>40min. kr 360</p>
<p>Free trial session</p>
</div>
<div class="footer-card" tabindex="0">
<h4 class="footer-heading">Madla Bydelshus</h4>
<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">
<h4 class="footer-heading">Klepp</h4>
<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">
<h4 class="footer-heading">Contact</h4>
<p>Phone: 12345678</p>
<p>E-mail: lisa-piano-lessons@email.com</p>
</div>
</footer>
</body>
</html>