| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Go to 1hit.no</title> |
| <style> |
| body { |
| height: 100vh; |
| display: flex; |
| flex-direction: column; |
| justify-content: center; |
| align-items: center; |
| gap: 20px; |
| font-family: system-ui, sans-serif; |
| background: #f5f5f5; |
| margin: 0; |
| padding: 20px; |
| } |
| .links { |
| display: flex; |
| gap: 20px; |
| flex-wrap: wrap; |
| justify-content: center; |
| } |
| a { |
| font-size: 1.4rem; |
| padding: 1rem 2rem; |
| background: black; |
| color: white; |
| text-decoration: none; |
| border-radius: 8px; |
| transition: all 0.3s ease; |
| min-width: 200px; |
| text-align: center; |
| } |
| a:hover { |
| opacity: 0.9; |
| transform: translateY(-2px); |
| box-shadow: 0 5px 15px rgba(0,0,0,0.2); |
| } |
| a.audio { |
| background: #4CAF50; |
| } |
| a.cover { |
| background: #2196F3; |
| } |
| a.main { |
| background: black; |
| font-size: 1.8rem; |
| padding: 1.5rem 3rem; |
| margin-bottom: 20px; |
| } |
| .title { |
| color: #333; |
| margin-bottom: 30px; |
| font-size: 2rem; |
| font-weight: bold; |
| } |
| </style> |
| </head> |
| <body> |
|
|
| <div class="title">🎵 1hit.no</div> |
| |
| |
| <a href="https://1hit.no" target="_blank" rel="noopener noreferrer" class="main"> |
| 🏠 Enter 1hit.no |
| </a> |
| |
| |
| <div class="links"> |
| <a href="http://1hit.no/gen/audio/mp3" target="_blank" rel="noopener noreferrer" class="audio"> |
| 🎧 Audio MP3 |
| </a> |
| |
| <a href="https://www.1hit.no/cover/compu.php" target="_blank" rel="noopener noreferrer" class="cover"> |
| 💻 Cover Compu |
| </a> |
|
|
| <a href=" https://1hit.no/demo/hola.html" target="_blank" rel="noopener noreferrer" class="Mockup"> |
| 💻 Mockup |
| </a> |
|
|
| |
| </div> |
|
|
| </body> |
| </html> |
