-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (123 loc) · 4.98 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>YT_Music</title>
<link rel="stylesheet" href="/YT_Music/style.css">
</head>
<body>
<div id="fullbody"></div>
<div id="navigation">
<img src="https://music.youtube.com/img/on_platform_logo_dark.svg" alt="" />
<div id="searchbox">
<img src="https://static-00.iconduck.com/assets.00/search-icon-2044x2048-psdrpqwp.png" alt="" />
<h3>Search songs, albums, artist, podcasts</h3>
</div>
<div class="mood" id="B1">
<h3>Romance</h3>
</div>
<div class="mood" id="B2">
<h3>Feel Good</h3>
</div>
<div class="mood" id="B3">
<h3>Podcasts</h3>
</div>
<div class="mood" id="B4">
<h3>Party</h3>
</div>
<div class="mood" id="B5">
<h3>Relax</h3>
</div>
<div class="mood" id="B6">
<h3>Commute</h3>
</div>
<div class="mood" id="B7">
<h3>Sad</h3>
</div>
</div>
<div id="name">
<img
src="https://yt3.ggpht.com/v5oYBvLYPnP9VAvUDC8_i3lOugD2Q-JIokEjoYQJ1YAk-wjFNIUF3yJT2gf7Za5bUpC8Ny_g=s88-c-k-c0x00ffffff-no-rj"
alt="" />
<h3>SATYAM GOSWAMI</h3>
<h2>Listen again</h2>
</div>
<div id="sidebar">
<img id="menu" src="https://cdn-icons-png.flaticon.com/512/9451/9451364.png" alt="" />
<img id="home" src="https://i.pinimg.com/474x/71/89/88/718988215800391b6050182a28ca6810.jpg" alt="" />
<h3 id="h">Home</h3>
<img id="exp"
src="https://png.pngtree.com/png-vector/20220629/ourmid/pngtree-magnifying-glass-icon-symbol-vector-png-image_5617328.png"
alt="" />
<h3 id="e">Explore</h3>
<img id="lib" src="https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX26341488.jpg" alt="" />
<h3 id="l">Library</h3>
<img id="upg" src="https://i.pinimg.com/474x/bc/cb/ce/bccbce5280ebe46180a11ec268303264.jpg" alt="" />
<h3 id="u">Upgrade</h3>
</div>
<div id="layer1">
<div class="songs">
<img src="https://c.saavncdn.com/223/Jab-We-Met-Hindi-2007-20231016162009-500x500.jpg" alt="" />
<span class="caption">Tum Se Hi</span>
</div>
<div class="songs">
<img id="onelove" src="https://i.ytimg.com/vi/E7LMmWqKfM0/maxresdefault.jpg" alt="" />
<span class="caption">One Love</span>
</div>
<div class="songs">
<img src="https://i.scdn.co/image/ab67616d0000b27317875a0610c23d8946454583" alt="" />
<span class="caption">The Night We Met</span>
</div>
<div class="songs">
<img src="https://c.saavncdn.com/620/9-45-Hindi-2023-20240210053315-500x500.jpg" alt="" />
<span class="caption">9:45</span>
</div>
<div class="songs">
<img src="https://c.saavncdn.com/966/Jaan-Nisaar-Lofi-Mix-by-Artist-L3AD-Hindi-2023-20230417191506-500x500.jpg"
alt="" />
<span class="caption">Jaan Nisaar</span>
</div>
</div>
<div id="QP">
<h3>START RADIO BASED ON A SONG</h3>
<h1>Quick picks</h1>
<div id="image-container1">
<img id="img1" src="https://c.saavncdn.com/433/Shikayat-Hindi-2023-20231214181447-500x500.jpg" alt="" />
<img id="img2" src="https://c.saavncdn.com/012/ABCD-2-Hindi-2018-20180516-500x500.jpg" alt="" />
<img id="img3" src="https://c.saavncdn.com/321/Rap-God-2013-500x500.jpg" alt="" />
<img src="https://c.saavncdn.com/620/Aankhon-Se-Batana-Hindi-2022-20220526142609-500x500.jpg" alt="" />
</div>
<div id="image-text1">
<h3>Shikayat (AUR Shikayat)</h3>
<h3>Sun Sathiya (Divya Kumar and Priya Sariya)</h3>
<h3>Rap God (Eminem The Marshall Mathers II)</h3>
<h3>Ankhon Sai Batana (Dikshant)</h3>
</div>
<div id="image-container2">
<img src="https://i.ytimg.com/vi/NB7xLM_uQes/maxresdefault.jpg" alt="" />
<img src="https://i.ytimg.com/vi/KBIq11mNB0I/maxresdefault.jpg" alt="" />
<img src="https://assets.teenvogue.com/photos/57e1b58e046b3a2e2a736690/16:9/w_2560%2Cc_limit/GettyImages-597574414.jpg" alt="" />
<img src="https://c.saavncdn.com/685/Vaaqif-Hindi-2018-20210827015953-500x500.jpg" alt="" />
</div>
<div id="image-text2">
<h3>Tu Hi Hai Ashiqi (Arijit singh and Palak)</h3>
<h3>Malang .Ved Sharma (Title Track)</h3>
<h3>Closer .The Chainsmokers (ft. Halsey)</h3>
<h3>Aaftaab (The Local Train)</h3>
</div>
<div id="image-container3">
<img src="https://i.ytimg.com/vi/NB7xLM_uQes/maxresdefault.jpg" alt="" />
<img src="https://i.ytimg.com/vi/KBIq11mNB0I/maxresdefault.jpg" alt="" />
<img src="https://assets.teenvogue.com/photos/57e1b58e046b3a2e2a736690/16:9/w_2560%2Cc_limit/GettyImages-597574414.jpg" alt="" />
<img src="https://c.saavncdn.com/685/Vaaqif-Hindi-2018-20210827015953-500x500.jpg" alt="" />
</div>
<div id="image-text3">
<h3>Tu Hi Hai Ashiqi (Arijit singh and Palak)</h3>
<h3>Malang .Ved Sharma (Title Track)</h3>
<h3>Closer .The Chainsmokers (ft. Halsey)</h3>
<h3>Aaftaab (The Local Train)</h3>
</div>
<script src="/YT_Music/script.js"></script>
</body>
</html>