-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (47 loc) · 1.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Music Website</title>
<link rel = "stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class ="navbar">
<img src ="logo.png" class = "logo">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">SPECIFICATIONS</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">CONNECT</a></li>
</ul>
</div>
<div class="content">
<div class="left-col">
<h1>THE <br>REAL <br>SOUND</h1>
</div>
<div class="right-col">
<p>Click here to Listen</p>
<img src="play.png" id = "icon">
</div>
</div>
</div>
<audio id="mySong">
<source src="Pasoori.mp3" type="audio/mp3"
</audio>
<script>
var mySong = document.getElementById("mySong");
var icon = document.getElementById("icon");
icon.onclick = function(){
if(mySong.paused){
mySong.play();
icon.src = "pause.png";
}else{
mySong.pause();
icon.src = "play.png";
}
}
</script>
</body>
</html>