-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (66 loc) · 2.89 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
<!DOCTYPE html>
<html lang="en">
<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">
<title>Music app Landing Page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="container">
<div class="nav1">
<div class="social-media">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-google-plus-g"></i>
<i class="fa-brands fa-instagram"></i>
</div>
<div class="right-side">
<span class="sign-up">Sign Up</span>
<span class="sign-in">Sign In</span>
<span class="cart"><i class="fa-sharp fa-solid fa-bag-shopping"></i> Cart</span>
</div>
</div>
<div class="nav2">
<div class="logo">
<h1 class="logo-heading">Music +</h1>
</div>
<nav>
<a href="#">HOME</a>
<a href="#">ARTIST</a>
<a href="#">ALBUM</a>
<a href="#">EVENTS</a>
<a href="#">TABS</a>
<a href="#">BLOG</a>
<a href="#">GALLERY</a>
<a href="#">SHOP</a>
<span></span>
</nav>
<button class="btn">MUSIC STORE</button>
</div>
<div class="header-image">
<img src="https://wallpaperaccess.com/full/1909938.jpg" alt="image">
<div class="content">
<p class="quote">Artist Feel You</p>
<h1 class="heading">Happy Rythem of Life</h1>
<p class="paragraph">Music in itself is healing. It's an explosive expression of humanity. It's something we are all touched by. No matter what culture we're from, everyone loves music.</p>
<button class="btn1"><i class="fa-brands fa-google-play"></i> Google Play</button>
<button class="btn2"><i class="fa-brands fa-apple"></i> Apple Store</button>
</div>
<div class="footer">
<div class="poster">
<img src="./images.jfif">
</div>
<p>Fearless song pt-I</p>
<div class="audio">
<audio controls="" preload="" muted="">
<source src="./Fearless_320(PagalWorld).mp3" type="audio/mp3">
</audio>
</div>
</div>
</div>
</div>
</body>
</html>