Spaces:
Running
Running
Commit
•
994d6f7
1
Parent(s):
b0aef8d
Update index.html
Browse files- index.html +79 -2
index.html
CHANGED
@@ -150,7 +150,39 @@
|
|
150 |
font-weight: bold;
|
151 |
margin: 0 0 5px 0;
|
152 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
153 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
154 |
.song-artist {
|
155 |
font-size: 14px;
|
156 |
color: #666666;
|
@@ -236,6 +268,19 @@ audio {
|
|
236 |
border: 1px solid #cccccc;
|
237 |
border-radius: 5px;
|
238 |
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
239 |
}
|
240 |
</style>
|
241 |
</head>
|
@@ -252,7 +297,39 @@ audio {
|
|
252 |
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
|
253 |
<a class="navbar-brand" href="#"><img src="https://cdn.dribbble.com/users/3547568/screenshots/14395014/media/0b94c75b97182946d495f34c16eab987.jpg?resize=400x300&vertical=center" style="height: 65px; width: 65px; border-radius: 100px;"/></a>
|
254 |
<div>
|
255 |
-
<input type="search" id="searchBar" placeholder="Search for a song" class="mr-2
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
256 |
</div>
|
257 |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
258 |
<span class="navbar-toggler-icon"></span>
|
@@ -330,7 +407,7 @@ audio {
|
|
330 |
<div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
331 |
<div class="modal-dialog">
|
332 |
|
333 |
-
<div class="modal-content
|
334 |
<div>
|
335 |
<section id="about">
|
336 |
<div class="background-image">
|
|
|
150 |
font-weight: bold;
|
151 |
margin: 0 0 5px 0;
|
152 |
}
|
153 |
+
<section id="about">
|
154 |
+
<div class="background-image">
|
155 |
+
<div class="abcd">
|
156 |
+
<h2>About Us</h2>
|
157 |
+
<p>Welcome to Be Music , where the rhythm of words meets the melody of music.
|
158 |
+
We are more than just a website; we're a community of music enthusiasts, creators, and explorers united by our love for diverse sounds and meaningful lyrics.</p>
|
159 |
+
|
160 |
+
<section id="mission">
|
161 |
+
<h2>Our Mission</h2>
|
162 |
+
<p>At YourMusicHub, our mission is simple: to cultivate a space where music lovers can discover, connect, and celebrate the diverse world of music. Whether you're into chart-toppers, indie gems, or timeless classics, we've got you covered.</p>
|
163 |
+
</section>
|
164 |
+
|
165 |
+
<section id="features">
|
166 |
+
<h2>What Sets Us Apart</h2>
|
167 |
+
<ul>
|
168 |
+
<li><strong>Diverse Music Selection:</strong> From pop to rock, classical to hip-hop, explore a vast array of musical genres.</li>
|
169 |
+
<li><strong>Expert Reviews:</strong> Our team of music connoisseurs provides insightful reviews to guide your musical exploration.</li>
|
170 |
+
<li><strong>User Engagement:</strong> Share your thoughts, create playlists, and connect with like-minded music aficionados.</li>
|
171 |
+
</ul>
|
172 |
+
</section>
|
173 |
|
174 |
+
<section id="join">
|
175 |
+
<h2>Join the Community</h2>
|
176 |
+
<p>Ready to embark on a musical adventure? Join YourMusicHub today and become part of a community that shares your love for great tunes. Let the music unite us!</p>
|
177 |
+
<a href="#signup" class="btn">Sign Up Now</a>
|
178 |
+
</section>
|
179 |
+
|
180 |
+
<section id="contact">
|
181 |
+
<h2>Contact Us</h2>
|
182 |
+
<p>Have questions or suggestions? We'd love to hear from you. Reach out to us at <a href="mailto:jayaswaroopdandamudi@gmail.com">jayaswaroopdandamudi@gmail.com</a></p>
|
183 |
+
</section>
|
184 |
+
</div>
|
185 |
+
</section>
|
186 |
.song-artist {
|
187 |
font-size: 14px;
|
188 |
color: #666666;
|
|
|
268 |
border: 1px solid #cccccc;
|
269 |
border-radius: 5px;
|
270 |
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
271 |
+
}
|
272 |
+
.container3 {
|
273 |
+
margin: 0 auto;
|
274 |
+
width: 70vw;
|
275 |
+
font-family: Arial, sans-serif;
|
276 |
+
color: #ffffff;
|
277 |
+
padding: 20px;
|
278 |
+
background-image: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);
|
279 |
+
border-width: 0px;
|
280 |
+
background-size: cover;
|
281 |
+
border: 1px solid #cccccc;
|
282 |
+
border-radius: 5px;
|
283 |
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
284 |
}
|
285 |
</style>
|
286 |
</head>
|
|
|
297 |
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
|
298 |
<a class="navbar-brand" href="#"><img src="https://cdn.dribbble.com/users/3547568/screenshots/14395014/media/0b94c75b97182946d495f34c16eab987.jpg?resize=400x300&vertical=center" style="height: 65px; width: 65px; border-radius: 100px;"/></a>
|
299 |
<div>
|
300 |
+
<input type="search" id="searchBar" placeholder="Search for a song" class="mr-2 m<section id="about">
|
301 |
+
<div class="background-image">
|
302 |
+
<div class="abcd">
|
303 |
+
<h2>About Us</h2>
|
304 |
+
<p>Welcome to Be Music , where the rhythm of words meets the melody of music.
|
305 |
+
We are more than just a website; we're a community of music enthusiasts, creators, and explorers united by our love for diverse sounds and meaningful lyrics.</p>
|
306 |
+
|
307 |
+
<section id="mission">
|
308 |
+
<h2>Our Mission</h2>
|
309 |
+
<p>At YourMusicHub, our mission is simple: to cultivate a space where music lovers can discover, connect, and celebrate the diverse world of music. Whether you're into chart-toppers, indie gems, or timeless classics, we've got you covered.</p>
|
310 |
+
</section>
|
311 |
+
|
312 |
+
<section id="features">
|
313 |
+
<h2>What Sets Us Apart</h2>
|
314 |
+
<ul>
|
315 |
+
<li><strong>Diverse Music Selection:</strong> From pop to rock, classical to hip-hop, explore a vast array of musical genres.</li>
|
316 |
+
<li><strong>Expert Reviews:</strong> Our team of music connoisseurs provides insightful reviews to guide your musical exploration.</li>
|
317 |
+
<li><strong>User Engagement:</strong> Share your thoughts, create playlists, and connect with like-minded music aficionados.</li>
|
318 |
+
</ul>
|
319 |
+
</section>
|
320 |
+
|
321 |
+
<section id="join">
|
322 |
+
<h2>Join the Community</h2>
|
323 |
+
<p>Ready to embark on a musical adventure? Join YourMusicHub today and become part of a community that shares your love for great tunes. Let the music unite us!</p>
|
324 |
+
<a href="#signup" class="btn">Sign Up Now</a>
|
325 |
+
</section>
|
326 |
+
|
327 |
+
<section id="contact">
|
328 |
+
<h2>Contact Us</h2>
|
329 |
+
<p>Have questions or suggestions? We'd love to hear from you. Reach out to us at <a href="mailto:jayaswaroopdandamudi@gmail.com">jayaswaroopdandamudi@gmail.com</a></p>
|
330 |
+
</section>
|
331 |
+
</div>
|
332 |
+
</section>l-2 p-2 mt-2">
|
333 |
</div>
|
334 |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
335 |
<span class="navbar-toggler-icon"></span>
|
|
|
407 |
<div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
408 |
<div class="modal-dialog">
|
409 |
|
410 |
+
<div class="modal-content container3">
|
411 |
<div>
|
412 |
<section id="about">
|
413 |
<div class="background-image">
|