-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
105 lines (105 loc) · 4.95 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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">
<meta name="theme-color" content="#8425e0">
<title>Metro Boomin (Feat. Don Toliver & Future) - Too Many Nights</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/icon/css/icon.css">
</head>
<body>
<div class="pre-loader"></div>
<div class="content">
<button class="github">View On GitHub</button>
<div class="desk-bar">
<div class="desk-menu">
<div class="tool">
<i class="fi fi-rr-user"></i>
<i class="fi fi-rr-search"></i>
</div>
<div class="hr"></div>
<div class="desk-icons">
<i class="fi fi-rr-home"></i>
<i class="fi fi-sr-download"></i>
<i class="fi fi-rr-music-alt"></i>
<i class="fi fi-rr-paper-plane"></i>
</div>
</div>
</div>
<div class="container flex">
<div>
<div class="album">
<i class="fi fi-ss-angle-small-left font-size-19"></i>
<h2 class="album-name font-size-md">Heros & Villains</h2>
</div>
<div class="img">
<img src="assets/images/Heros & Villains.jpg" alt="" class="img-size img-style cover">
</div>
</div>
<div class="music-control">
<div class="song-info">
<h2 class="font-size-lg artist">Metro Boomin</h2>
<p class="font-size-md color-grey">(Feat. Don Toliver & Future)</p>
<p class="font-size-md color-grey track">Too Many Nights</p>
</div>
<div class="song-progress">
<div class="range">
<input class="progress" type="range" min="1" max="100" value="1">
<div class="time">
<p class="time-current color-grey">00:00</p>
<p class="time-duration color-grey"></p>
</div>
</div>
</div>
<div class="bar">
<audio class="music" src="./assets/music/03 Too Many Nights (feat. Don Toliver & Future).mp3"></audio>
<i class="fi mode-toggel color-grey fi-rr-shuffle"></i>
<i class="fi fi-sr-time-forward-ten back change color-grey"></i>
<i class="fi play-music fi-sr-play"></i>
<i class="fi fi-sr-time-forward-ten next color-grey"></i>
<i class="fi heart color-grey fi-rr-heart"></i>
</div>
<div class="lyric">
<h3 class="lyric-content">. . .</h3>
</div>
</div>
</div>
<div class="mobile-bar">
<div>
<div class="line"></div>
</div>
<div class="menue">
<i class="fi fi-rr-home"></i>
<i class="fi fi-sr-download"></i>
<i class="fi fi-rr-music-alt"></i>
<i class="fi fi-rr-paper-plane"></i>
</div>
</div>
<div class="mobile-footer">
<div class="social">
<a href="https://github.com/Mhyar-nsi"><i class="fi fi-brands-github"></i></a>
<a href="https/t.me/Mhyar_nsi"><i class="fi fi-brands-telegram"></i></a>
<a href="https://instagram.com/mhyar_nsi"><i class="fi fi-brands-instagram"></i></a>
<a href="https://twitter.com/mhyar_nsi"> <i class="fi fi-brands-twitter"></i></a>
</div>
<p>Made with 💜 By <a class="made" href="https://github.com/Mhyar-nsi" target="_blank">Mahyar</a></p>
</div class="mobile-footer">
</div>
<footer>
<div class="social">
<a href="https://github.com/Mhyar-nsi"><i class="fi fi-brands-github"></i></a>
<a href="https/t.me/Mhyar_nsi"><i class="fi fi-brands-telegram"></i></a>
<a href="https://instagram.com/mhyar_nsi"><i class="fi fi-brands-instagram"></i></a>
<a href="https://twitter.com/mhyar_nsi"> <i class="fi fi-brands-twitter"></i></a>
</div>
<p>Made with 💜 By <a class="made" href="https://github.com/Mhyar-nsi" target="_blank">Mahyar</a></p>
</footer>
<script src="assets/js/preload.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/btn.js"></script>
<script src="assets/js/lyric.js"></script>
</body>
</html>