-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
36 lines (36 loc) · 2.02 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Text to speach application</title>
<link rel="stylesheet" href="./style/form.css" />
<link rel="stylesheet" href="./style/button.css">
<link rel="stylesheet" href="./style/select.css">
</head>
<body>
<header class="header-class-class">
<center><h1 class="header-class">Text to speach.</h1></center>
</header>
<div class="form">
<input autocomplete="off" type="text" name="name" required id="input"/>
<label for="name" class="label-name">
<span class="content-name">Text</span>
</label>
</div>
<div class="box">
<select id="voiceList">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>
</div>
<button id="buttonOne">Speak!</button>
<svg class="svg-class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#00cba9" fill-opacity="1" d="M0,64L15,64C30,64,60,64,90,96C120,128,150,192,180,186.7C210,181,240,107,270,90.7C300,75,330,117,360,144C390,171,420,181,450,170.7C480,160,510,128,540,138.7C570,149,600,203,630,208C660,213,690,171,720,144C750,117,780,107,810,90.7C840,75,870,53,900,42.7C930,32,960,32,990,58.7C1020,85,1050,139,1080,149.3C1110,160,1140,128,1170,122.7C1200,117,1230,139,1260,144C1290,149,1320,139,1350,160C1380,181,1410,235,1425,261.3L1440,288L1440,320L1425,320C1410,320,1380,320,1350,320C1320,320,1290,320,1260,320C1230,320,1200,320,1170,320C1140,320,1110,320,1080,320C1050,320,1020,320,990,320C960,320,930,320,900,320C870,320,840,320,810,320C780,320,750,320,720,320C690,320,660,320,630,320C600,320,570,320,540,320C510,320,480,320,450,320C420,320,390,320,360,320C330,320,300,320,270,320C240,320,210,320,180,320C150,320,120,320,90,320C60,320,30,320,15,320L0,320Z"></path>
</svg>
<script src="./scripts/app.js"></script>
</body>
</html>