Advertisement
Hydrase

Record Store(Model)

Jun 30th, 2025
17
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.52 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6. <title>GrooveHub</title>
  7. <link rel="stylesheet" href="style.css" />
  8. </head>
  9. <body>
  10.  
  11. <!-- Video Background -->
  12. <video class="bg-video" autoplay muted loop>
  13. <source src="1457ca1331269e132ede2f1e996553a9.webm" type="video/mp4" />
  14. </video>
  15.  
  16. <!-- Overlay -->
  17. <div class="overlay"></div>
  18.  
  19. <!-- Page Content -->
  20. <header>
  21. <h1>GrooveHub</h1>
  22. <p>Your Destination for Timeless Vinyl</p>
  23. <nav>
  24. <a href="about.html">About</a>
  25. <a href="genres.html">Genres</a>
  26. <a href="contact.html">Contact</a>
  27. </nav>
  28. </header>
  29.  
  30. <section class="section">
  31. <h2>Records On Sale</h2>
  32. <div class="featured">
  33. <div class="album">
  34. <img src="https://i.imgur.com/ZVau8Fb.jpeg" alt="Album1" />
  35. <div class="album-title">Abbey Road - The Beatles</div>
  36. </div>
  37. <div class="album">
  38. <img src="https://i.pinimg.com/736x/68/b2/be/68b2be79042b3bd6a897541f90e2a2b8.jpg" alt="Album2" />
  39. <div class="album-title">DAMN. - Kendrick Lamar</div>
  40. </div>
  41. <div class="album">
  42. <img src="https://i.pinimg.com/736x/f1/37/7e/f1377e0f8277cf8deb3d1695cfc05d8b.jpg" alt="Album3" />
  43. <div class="album-title">Random Access Memories - Daft Punk</div>
  44. </div>
  45. </div>
  46. </section>
  47.  
  48. <section class="section">
  49. <h2>Essential Collections</h2>
  50. <div class="featured">
  51. <div class="album">
  52. <img src="https://i.pinimg.com/736x/3a/e4/5d/3ae45d4c7db35806125bbecf552ab1a8.jpg" alt="Pitchfork" />
  53. <div class="album-title">Pitchfork's Best</div>
  54. </div>
  55. <div class="album">
  56. <img src="https://sdmntpreastus.oaiusercontent.com/files/00000000-40e8-61f9-a59d-6a7c1c15fcbc/raw" alt="Rainy Day" />
  57. <div class="album-title">Best Rainy Day Albums</div>
  58. </div>
  59. <div class="album">
  60. <img src="https://i.pinimg.com/736x/9d/57/6f/9d576f523adcc3281d7ccbce6b4e423b.jpg" alt="Lollapalooza" />
  61. <div class="album-title">Lollapalooza 2017 Vinyl</div>
  62. </div>
  63. </div>
  64. </section>
  65.  
  66. <section class="section subscribe">
  67. <h2>Subscribe for Weekly Deals</h2>
  68. <form>
  69. <input type="email" placeholder="Enter your email" required />
  70. <button type="submit">Subscribe</button>
  71. </form>
  72. </section>
  73.  
  74. <footer>
  75. &copy; 2025 GrooveHub | Follow us on Instagram @groovehubvinyl
  76. </footer>
  77. </body>
  78. </html>
  79.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement