Hugging Face's logo

Spaces:
JAYASWAROOP
/
music1
Running

App Files Community
2
JAYASWAROOP commited on
Commit
b22feca
•
1 Parent(s): 80473f2

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +31 -28
index.html CHANGED
@@ -47,17 +47,7 @@
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
50
- /* Define initial font sizes */
51
- .title {
52
- font-size: 28px;
53
- }
54
-
55
- .description {
56
- font-size: 20px;
57
- }
58
-
59
- /* Media query for smaller screens (adjust as needed) */
60
- @media (max-width: 767px) {
61
  .title {
62
  font-size: 20px; /* Adjust font size for smaller screens */
63
  }
@@ -66,11 +56,24 @@
66
  font-size: 12px; /* Adjust font size for smaller screens */
67
  }
68
  }
 
 
 
 
69
 
 
 
 
 
 
 
 
 
 
70
  </style>
71
  </head>
72
  <body>
73
- <div>
74
  <video autoplay muted loop id="myVideo">
75
  <source src="neon1.mp4.mp4" type="video/mp4">
76
  </video>
@@ -162,8 +165,8 @@
162
  <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
163
  </div>
164
  <div class="p-3">
165
- <h1 style="font-size: 28px;">Heeriye</h1>
166
- <p style="font-size: 20px;">Description</p>
167
 
168
  <audio controls class="d-none" id="audio">
169
  <source src="Heeriye Arijit Singh 320 Kbps.mp3" type="audio/mp3" />
@@ -178,8 +181,8 @@
178
  <img src="https://i.pinimg.com/originals/24/ea/ea/24eaea94a992b462b99f64aec083bd7e.png" style="width: 100%;" alt="" class="song">
179
  </div>
180
  <div class="p-3">
181
- <h1 style="font-size: 28px;">Chaleya</h1>
182
- <p style="font-size: 20px;">Description</p>
183
  <div>
184
  <audio controls class="d-none" id="audio">
185
  <source src="Chaleya Jawan 320 Kbps(1).mp3" type="audio/mp3" />
@@ -195,8 +198,8 @@
195
  <img src="https://m.timesofindia.com/photo/96027287/size-75010/96027287.jpg" style="width: 100%;" alt="" class="song">
196
  </div>
197
  <div class="p-3">
198
- <h1 style="font-size: 28px;">Apna Bana Le</h1>
199
- <p style="font-size: 20px;">Description</p>
200
 
201
  <audio controls class="d-none" id="audio">
202
  <source src="Apna Bana Le Bhediya 320 Kbps.mp3" type="audio/mp3" />
@@ -211,8 +214,8 @@
211
  <img src="https://images.fwdlife.in/2023/07/Feature-Image.jpg" style="width: 100%;" alt="" class="song">
212
  </div>
213
  <div class="p-3">
214
- <h1 style="font-size: 28px;">Tum Kya Mile</h1>
215
- <p style="font-size: 20px;">Description</p>
216
 
217
  <audio controls class="d-none" id="audio">
218
  <source src="Tum Kya Mile Rocky Aur Rani Kii Prem Kahaani 320 Kbps.mp3" type="audio/mp3" />
@@ -232,8 +235,8 @@
232
  <img src="https://naasongsmix.com/wp-content/uploads/2022/06/rj.jpg" style="width: 100%;" alt="" class="song">
233
  </div>
234
  <div class="p-3">
235
- <h1 style="font-size: 28px;">Ranjha</h1>
236
- <p style="font-size: 20px;">Description</p>
237
 
238
  <audio controls class="d-none" id="audio">
239
  <source src="ranjha1.mp3" type="audio/mp3" />
@@ -248,8 +251,8 @@
248
  <img src="https://i.ytimg.com/vi/asYxxtiWUyw/maxresdefault.jpg" style="width: 100%;" alt="" class="song">
249
  </div>
250
  <div class="p-3">
251
- <h1 style="font-size: 28px;">Chogada</h1>
252
- <p style="font-size: 20px;">Description</p>
253
 
254
  <audio controls class="d-none" id="audio">
255
  <source src="chagoda.mp3" type="audio/mp3" />
@@ -264,8 +267,8 @@
264
  <img src="https://cdn.bollywoodbubble.com/wp-content/uploads/2021/07/raatan-lambiyan-song-shershaah-1.jpg" style="width: 100%;" alt="" class="song">
265
  </div>
266
  <div class="p-3">
267
- <h1 style="font-size: 28px;">Raatan Lambiyaan</h1>
268
- <p style="font-size: 20px;">Description</p>
269
 
270
  <audio controls class="d-none" id="audio">
271
  <source src="lambiyaan.mp3" type="audio/mp3" />
@@ -280,8 +283,8 @@
280
  <img src="https://static.mirchi.in/thumb/imgsize-39216,msid-104845503,width-800,height-450,resizemode-1/104845503.jpg" style="width: 100%;" alt="" class="song">
281
  </div>
282
  <div class="p-3">
283
- <h1 style="font-size: 28px;">I Am Scared</h1>
284
- <p style="font-size: 20px;">Description</p>
285
 
286
  <audio controls class="d-none" id="audio">
287
  <source src="leo.mp3" type="audio/mp3" />
 
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
50
+ @media (max-width: 767px) {
 
 
 
 
 
 
 
 
 
 
51
  .title {
52
  font-size: 20px; /* Adjust font size for smaller screens */
53
  }
 
56
  font-size: 12px; /* Adjust font size for smaller screens */
57
  }
58
  }
59
+ /* Default styles for the audio tag */
60
+ audio {
61
+ width: 100%; /* Set the audio tag to take the full width */
62
+ }
63
 
64
+ /* Media query for smaller screens (adjust as needed) */
65
+ @media (max-width: 767px) {
66
+ audio {
67
+ width: 80%; /* Adjust the width for smaller screens */
68
+ max-width: 300px; /* Set a maximum width for better mobile view */
69
+ margin: 0 auto; /* Center the audio tag */
70
+ }
71
+ }
72
+ /* Define initial font sizes */
73
  </style>
74
  </head>
75
  <body>
76
+
77
  <video autoplay muted loop id="myVideo">
78
  <source src="neon1.mp4.mp4" type="video/mp4">
79
  </video>
 
165
  <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
166
  </div>
167
  <div class="p-3">
168
+ <h1 class="title">Heeriye</h1>
169
+ <p class="description">Description</p>
170
 
171
  <audio controls class="d-none" id="audio">
172
  <source src="Heeriye Arijit Singh 320 Kbps.mp3" type="audio/mp3" />
 
181
  <img src="https://i.pinimg.com/originals/24/ea/ea/24eaea94a992b462b99f64aec083bd7e.png" style="width: 100%;" alt="" class="song">
182
  </div>
183
  <div class="p-3">
184
+ <h1 class="title">Chaleya</h1>
185
+ <p class="description">Description</p>
186
  <div>
187
  <audio controls class="d-none" id="audio">
188
  <source src="Chaleya Jawan 320 Kbps(1).mp3" type="audio/mp3" />
 
198
  <img src="https://m.timesofindia.com/photo/96027287/size-75010/96027287.jpg" style="width: 100%;" alt="" class="song">
199
  </div>
200
  <div class="p-3">
201
+ <h1 class="title">Apna Bana Le</h1>
202
+ <p class="description">Description</p>
203
 
204
  <audio controls class="d-none" id="audio">
205
  <source src="Apna Bana Le Bhediya 320 Kbps.mp3" type="audio/mp3" />
 
214
  <img src="https://images.fwdlife.in/2023/07/Feature-Image.jpg" style="width: 100%;" alt="" class="song">
215
  </div>
216
  <div class="p-3">
217
+ <h1 class="title">Tum Kya Mile</h1>
218
+ <p class="description">Description</p>
219
 
220
  <audio controls class="d-none" id="audio">
221
  <source src="Tum Kya Mile Rocky Aur Rani Kii Prem Kahaani 320 Kbps.mp3" type="audio/mp3" />
 
235
  <img src="https://naasongsmix.com/wp-content/uploads/2022/06/rj.jpg" style="width: 100%;" alt="" class="song">
236
  </div>
237
  <div class="p-3">
238
+ <h1 class="title">Ranjha</h1>
239
+ <p class="description">Description</p>
240
 
241
  <audio controls class="d-none" id="audio">
242
  <source src="ranjha1.mp3" type="audio/mp3" />
 
251
  <img src="https://i.ytimg.com/vi/asYxxtiWUyw/maxresdefault.jpg" style="width: 100%;" alt="" class="song">
252
  </div>
253
  <div class="p-3">
254
+ <h1 class="title">Chogada</h1>
255
+ <p class="description">Description</p>
256
 
257
  <audio controls class="d-none" id="audio">
258
  <source src="chagoda.mp3" type="audio/mp3" />
 
267
  <img src="https://cdn.bollywoodbubble.com/wp-content/uploads/2021/07/raatan-lambiyan-song-shershaah-1.jpg" style="width: 100%;" alt="" class="song">
268
  </div>
269
  <div class="p-3">
270
+ <h1 class="title">Raatan Lambiyaan</h1>
271
+ <p class="description">Description</p>
272
 
273
  <audio controls class="d-none" id="audio">
274
  <source src="lambiyaan.mp3" type="audio/mp3" />
 
283
  <img src="https://static.mirchi.in/thumb/imgsize-39216,msid-104845503,width-800,height-450,resizemode-1/104845503.jpg" style="width: 100%;" alt="" class="song">
284
  </div>
285
  <div class="p-3">
286
+ <h1 class="title">I Am Scared</h1>
287
+ <p class="description">Description</p>
288
 
289
  <audio controls class="d-none" id="audio">
290
  <source src="leo.mp3" type="audio/mp3" />