-
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
128 lines (117 loc) · 5.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="Tuhin Kanti Pal">
<title>Musicder | Enjoy Music For Free</title>
<link rel="manifest" href="manifest.json" />
<meta name="description" content="Stream with Lyrics or Download your Favourite Musics for free without any Ads">
<meta name="keywords" content="Music, Musicder, JavaScript , Download Free Music, Stream Music Online, Lyrics , Music API">
<link href="https://fonts.googleapis.com/css?family=Krona+One|Gayathri|Poppins" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.ico">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177605755-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-177605755-2');
</script>
</head>
<body onload="document.getElementById('seconds').style.display = 'none'; document.getElementById('errresult').style.display = 'none'; document.getElementById('loads').style.display = 'none'; document.getElementById('footer').style.display = 'none';">
<div id="firsts">
<h1 class="heading">Hello There 👋</h1>
<h2 class="headingbelow">Type what do you want to Listen & Press Search</h2>
<div class="formdivt">
<form>
<div class="inner-form">
<div class="input-field first-wrap">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
</svg>
</div>
<input id="search" type="text" placeholder="Search for Songs, Albums" />
</div>
<div class="input-field second-wrap">
<button class="btn-search" onclick="searchF();" type="button">SEARCH</button>
</div>
</div>
</form>
</div>
</div>
<div id="seconds">
<div class="backwhite" id="sfirst">
<img id="imageone" class="songimage" width="200" height="200">
<div class="songcontent" id="sonec"></div>
<p class="center">
<a id="dldone" class="activityb">Download</a>
<a id="playone" class="activityb">Play</a>
</p>
</div>
<div class="backblack" id="ssecond">
<img id="imagetwo" class="songimage" width="200" height="200">
<div class="songcontent" id="stwoc"></div>
<p class="center">
<a id="dldtwo" class="activityb">Download</a>
<a id="playtwo" class="activityb">Play</a>
</p>
</div>
<div class="backwhite" id="sthird">
<img id="imagethree" class="songimage" width="200" height="200">
<div class="songcontent" id="sthreec"></div>
<p class="center">
<a id="dldthree" class="activityb">Download</a>
<a id="playthree" class="activityb">Play</a>
</p>
</div>
<div class="backblack" id="sfourth">
<img id="imagefour" class="songimage" width="200" height="200">
<div class="songcontent" id="sfourc"></div>
<p class="center">
<a id="dldfour" class="activityb">Download</a>
<a id="playfour" class="activityb">Play</a>
</p>
</div>
<div class="backwhite" id="sfifth">
<img id="imagefive" class="songimage" width="200" height="200">
<div class="songcontent" id="sfivec"></div>
<p class="center">
<a id="dldfive" class="activityb">Download</a>
<a id="playfive" class="activityb">Play</a>
</p>
</div>
</div>
<div id="errresult" class="errres">
<div class="mainerr">
<p class="errtxt">
Sorry Nothing Found Please Search Again
</p>
<button class="activityb" onclick="location.reload();" type="submit">Search</button>
</div>
</div>
<div class="pageload" id="loads">
<img id="image" src="https://cdn.jsdelivr.net/gh/cachecleanerjeet/musicder@master/img/loading.gif" class="loading" width="150" height="150">
</div>
<div class="footerdiv" id="footer">
<img class="center" src="https://cdn.jsdelivr.net/gh/cachecleanerjeet/musicder@master/img/logo.png" width="230" height="92">
<p class="paragone" onclick="window.location.href='https://tu.hin.life';">An Open Source Project by Tuhin</p>
<br>
<img class="center" onclick="window.location.href='https://github.com/cachecleanerjeet/Musicder';" src="img/github-white.svg" width="30" height="30">
<br>
</div>
</body>
<script src="js/main.js"></script>
<script>
navigator.serviceWorker && navigator.serviceWorker.register('./sw.js').then(function(registration) {
console.log('Excellent, registered with scope: ', registration.scope);
});
</script>
</html>
<!--Made by Tuhin. Send Mail to me[at]mailtuhin[dot]ml for contact-->