-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (42 loc) · 1.43 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
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banana speak</title>
<link rel="stylesheet" href="styles.css">
<!-- <style>
#txt-input {
display:block;
width: 90%;
height:10vh;
margin:1rem;
padding:0.5rem;
}
#output {
width: 90%;
height:10vh;
margin:1rem;
padding:0.5rem;
border:2px solid black;
}
</style> -->
</head>
<body>
<h1 class="header-heading">Banana Talk</h1>
<div class="input-section">
<h2>Enter your text here 👇</h2>
<textarea id="txt-input" placeholder="Enter english text"></textarea>
<button id="btn-translate">Translate</button>
</div>
<div id="output-div">See output here</div>
<img src="minionpng.png" id="minion-img-1" alt="">
<img src="minion2png.png" id="minion-img-2" alt="">
<footer class="footer">
<div class="footer-heading">about</div>
<p class="footer-description">Are you fan of minions? Did you know that the gebrish they speak is an actual language. Use the translator to convert your text from English to minion speak or banana language</p>
</footer>
</body>
<script src="app.js" type="text/javascript"></script>
</html>