-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (50 loc) · 1.63 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
48
49
50
51
52
53
54
<!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>Mock Minions</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>Mocking Minions</h1>
<img src="welcomem.png" alt="talking minions" onclick="banana_song()" ; />
</header>
<div class="hanger"></div>
<div class="hanging">
<img src="hanging.png" alt="hanging minions" onclick="banana_song()" ; />
</div>
<p class="content">
This website is designed for Minions Fans. You can easily translate what
ever you want in Minions Language. The Minions use a constructed language
called Minionese, or Banana Language.You can also listen to the banana
song by clicking on any minion. For translation just type in Your English
text and see the magic.
</p>
<div class="input">
<img id="pickaboo" src="pickaboo.png" alt="" />
<p id="label">Type your text here</p>
<textarea
name="input"
id="input_text"
cols="70"
rows="8"
placeholder="Enter your sentences"
></textarea>
</div>
<button id="btn_translate">Translate</button>
<div class="output">
<p id="label">Banana Translation</p>
<textarea name="output" id="translated" cols="70" rows="8"></textarea>
<img
src="output.png"
alt="minions giving output"
onclick="banana_song()"
;
/>
</div>
<script src="./app.js" type="text/javascript"></script>
</body>
</html>