-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
247 lines (206 loc) · 12.8 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
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Download Latest MP3 Songs Online: Play Old & New MP3 Music Online Free on hkgaanaapp.herokuapp.com</title>
<meta charset="utf-8">
<meta name="description" content="hkgaanaapp.herokuapp.com- Listen & Download latest MP3 songs online. Download new or old Hindi songs, Bollywood songs, English songs* & more on Gaana+ and play offline. Create, share and listen to streaming music playlists for free.">
<meta name="keywords" content="songs, music, songs online, listen songs, MP3 songs, listen to free online songs, online latest songs, free music, popular songs, movie songs, gaana.com, listen to songs online, listen to free music, online music, free music online, latest movie songs, hindi songs, play songs, online songs, hindi songs, music albums, free music, online music, english songs, hollywood songs, playlists music, music online">
<link rel="shortcut icon" type="image/x-icon" href="http://css375.gaanacdn.com/images/favicon.ico">
<link rel="stylesheet" href="assests/css/bootstrapcss/bootstrap.min.css">
<link rel="stylesheet" href="assests/css/font-awesome.css">
<!-- <link rel="stylesheet" href="src/jquery-ui.css">-->
<link rel="stylesheet" href="assests/css/main.css">
<!-- <link rel="stylesheet" href="assests/css/animate.css">-->
<link rel="stylesheet" href="assests/css/media_queries.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">-->
<!-- <script src="assests/js/bootstrap.min.js"></script>-->
<link href="https://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet">
<script src="assests/js/jquery-3.2.1.min.js"></script>
<!-- <script src="src/jquery-ui.js"></script>
<script src="assests/js/wow.min.js"></script>-->
<script src="assests/js/bootstrap.min.js"></script>
<script src="assests/js/main.js"></script>
<!-- <script src="assests/js/ganna.json"></script>-->
<script src="assests/js/generator.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-102239963-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header class="clearfix">
<div id="logo"> <a href="index.html">Melody Mirage</a> </div>
<nav>
<ul class="nav navbar-nav">
<li>Radio</li>
<li>discover</li>
<li>browse</li>
<li>my music</li>
</ul>
</nav>
<span id="search_box"><i class="fa fa-search"></i></span>
<div class="nav2">
<ul class="nav navbar-nav">
<li id="get_ganna">
<button class="btn btn-default">GET GANNA+</button>
</li>
<li id="download_app">Download app <i class="fa fa-apple" area-hidden="true"></i> <i class="fa fa-android" area-hidden="true"></i> </li>
<li id="login"><a href="#">Login/Sign up</a></li>
<li id="language">
<a href="#"> <i class="fa fa-language" area-hidden="true"></i> </a>
</li>
</ul>
</div>
<div id="header_blank_div"></div>
</header>
<div class="nav3">
<ul>
<li class="active_nav">Home</li>
<li>Discover</li>
<li>Radio</li>
</ul>
</div>
<section id="search_music">
<div class="btn btn-default main_button">
<input type="text" placeholder="Search for Songs, Artists Playlists and More"> <a href="#" class="btn btn-default search"><i class="fa fa-search">
</i>Search</a>
</div> <a href="#" class="trending">trending</a>
</section>
<aside id="songs">
<div class="container">
<div id="songs_collection">
</div>
<footer class="clearfix">
<div class="footer-grp clearfix">
<div class='foo-grp'>
<div class="foo-grp-inner">
<h3><a href="#">Albums</a></h3> <a href="#">English Songs</a> <a href="#">Hindi Songs</a> <a href="#">Telugu Songs</a> <a href="#">Tamil Songs</a> <a href="#">Kannada Songs</a> <a href="#">Punjabi Songs</a> <a href="#">more...</a> </div>
</div>
<div class='foo-grp'>
<div class="foo-grp-inner">
<h3><a href="/genre" >Genres</a></h3> <a href="#">Bollywood Songs</a> <a href="#">Romantic Songs</a> <a href="#">Devotional Songs</a> <a href="#">Ghazals</a> <a href="#">Hip Hop Songs</a> <a href="#">Mere Rashke Qamar</a> <a href="#">more...</a> </div>
</div>
<div class='foo-grp'>
<div class="foo-grp-inner">
<h3><a href="#" >Artists</a></h3> <a href="#">Arijit Singh</a> <a href="#">Yo Yo Honey Singh</a> <a href="#">Neha Kakkar</a> <a href="#">Atif Aslam</a> <a href="#">A R Rahman</a> <a href="#">Lata Mangeshkar</a> <a id="more_actress" href="#">more...</a> </div>
</div>
<div class='foo-grp'>
<div class="foo-grp-inner">
<h3><a href="#">New Releases</a></h3> <a href="#">Hindi</a> <a href="#">English</a> <a href="#">Tamil</a> <a href="#">Punjabi</a> <a href="#">Telugu</a> <a href="#">Bhojpuri</a> <a href="#">more...</a> </div>
</div>
</div>
<div class="followus">
<h5>FOLLOW US ON</h5>
<a rel="nofollow" href="https://www.facebook.com/gaana.com" target="_blank" class="facebook"> <i class="fa fa-facebook" area-hidden="true"></i> </a>
<a rel="nofollow" href="https://plus.google.com/100752754989473986040" target="_blank" class="gplus"> <i class="fa fa-google" area-hidden="true"></i> </a>
<a rel="nofollow" href="https://twitter.com/gaana" target="_blank" class="twitter"> <i class="fa fa-twitter" area-hidden="true"></i> </a>
</div>
<div class="footer_note"> Gaana is the one-stop solution for all your Music needs. Gaana offers you free, unlimited access to over 30 million Hindi Songs, Bollywood Music, English MP3 songs, Regional Music & Radio Mirchi. </div>
<div class="foo-links desktop"> <a id="advertise-on-gaana">Advertise on Gaana.com</a> <a class="termsofuse">Terms of use</a> <a class="privacy-policy">Privacy policy</a> <a id="feedback">Feedback</a> <a id="report-an-issue">Report an issue</a> <a id="partners" href="#">Partners</a> <a id="faq-link" href="#">FAQ</a> </div>
<div class="foo-links mobile"> <a class="privacy-policy" href="#">Privacy policy</a> <a class="termsofuse" href="#">Terms of use</a> </div>
<div class="copyright">© Gamma Gaana Ltd. 2017, All Rights reserved.</div>
</footer>
</div>
</aside>
<div class="footer" id="player">
<div class="queue" id="queue">
<ul id="queueUl"><a class="open_queue" id="queue_list">Open Queue<i class="fa fa-angle-double-up" aria-hidden="true"></i></a>
<div id="playlist_box">
<!--
<li id="queuelist_options">
<div class="thumb left">
<img src="assests/images/defaultImage.gif" class="img-responsive" alt="">
</div>
<div id="queueName">Queue</div>
<div class="right">
<button id="saveAsPlaylist" class="btn btn-default">
SAVE AS PLAYLIST
</button>
<button id="clearQueue" class="btn btn-default">
CLEAR QUEUE
</button>
</div>
</li>
-->
</div>
</ul>
</div>
<div class="player left">
<div class="thumb left">
<img
id="player_song_image" src="assests/images/bahubali.jpg" class="img-responsive"
onerror="defaultImage();" alt="">
</div>
<div class="player_song_details left"> <span id="player_song_name">Jio re Bahubali</span>
<span id="player_album_name">bahubali 2</span> </div>
<div class="audio_player right">
<audio id="audio_player" controls="controls" loop="loop" preload="auto">
<source src="" type="audio/mp3" /> Your browser doesn't support the HTML audio tag. Be sad </audio>
<div id="ui_player">
<div class="left border-right main_player">
<div id="music_progress">
<input type="range" min="0" max="100" value="0" id="music_slider" oninput="manageAudioForwarding(this.value);">
<span id="current_time" class="left song_time">0:00</span>
<span id="end_time" class="song_time right">3:26</span>
</div>
<div>
<a onclick="toggleVolumeBox();" id="volume_box">
<div id="volume_manager" class="none">
<input type="range" min="0" max="100" value="100" onchange="" orient="vertical" oninput="volume(this.value);" id="volume_slider">
</div>
<i class="fa fa-volume-up" aria-hidden="true"></i>
<!-- <i class="fa fa-volume-down" aria-hidden="true"></i>-->
<!-- <i class="fa fa-volume-off" aria-hidden="true"></i>-->
</a>
<a onclick="playPrev();" id="playprev"><i class="fa fa-step-backward" aria-hidden="true"></i></a>
<a onclick="playOrPause();" id="playorpause">
<img src="assests/images/loader.gif" alt="loading" class="img-loading img-responsive">
<!-- <i class="fa fa-play" aria-hidden="true"></i>-->
<!-- <i class="fa fa-pause" aria-hidden="true"></i>-->
</a>
<a onclick="playNext();" id="playnext"><i class="fa fa-step-forward" aria-hidden="true"></i></a>
</div>
</div >
<div id="shuffle" class="border-right left">
<a onclick="manageRepeat();" id="loop"><i class="fa fa-repeat" aria-hidden="true"></i></a>
<a onclick="ManageShuffle();"><i class="fa fa-random" aria-hidden="true"></i>
</a>
</div>
<div id="quality" class="border-right left"><a>
<div class="dropup">
<button class="dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div><i class="fa fa-cog" aria-hidden="true"></i></div>
<div>Quality</div>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
<li>High</li>
<li>Medium</li>
<li>Low</li>
</ul>
</div>
</a>
</div>
<div id="options_player" class="left"><a>
<div class="dropup">
<button class="dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">...</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
<li>Add to playlist</li>
<li>favourite</li>
<li>share</li>
<li>remove from queue</li>
<li>get songs info</li>
</ul>
</div>
</a></div>
</div>
</div>
</div>
</div>
</body>
</html>