HTML, CSS and JavaScript playground

<!DOCTYPE html>
<html lang="es">

<head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Películas HD</title>
 <style>
 body {
 margin: 0;
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 background: #fff;
 color: #fff;
 }

header {
      background: #1f1f1f;
      padding: 20px;
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      color: #ff4655;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

.container {
      max-width: 1200px;
      margin: auto;
      padding: 30px 20px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
    }

.movie-link {
      background: #fff;
      padding: 20px;
      text-align: center;
      border-radius: 12px;
      transition: transform 0.2s ease, background 0.2s ease;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }

.movie-link a {
      color: #ffffff;
      text-decoration: none;
      font-weight: bold;
      font-size: 1.1rem;
      display: block;
    }

.movie-link:hover {
      background: #292929;
      transform: translateY(-5px);
    }

.movie-link:hover a {
      color: #ff4655;
    }

footer {
 text-align: center;
 padding: 20px;
 background: #1f1f1f;
 color: #999;
 margin-top: 40px;
 font-size: 0.9rem;
 }
 </style>
</head>

<body>

<header>Películas HD</header>

<div class="container">
 <a href="https://www.imdb.com/fr/list/ls594460720/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460720/</a> <a href="https://www.imdb.com/fr/list/ls594460658/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460658/</a> <a href="https://www.imdb.com/fr/list/ls594460255/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460255/</a> <a href="https://www.imdb.com/fr/list/ls594460296/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460296/</a> <a href="https://www.imdb.com/fr/list/ls594460417/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460417/</a> <a href="https://www.imdb.com/fr/list/ls594460498/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460498/</a> <a href="https://www.imdb.com/fr/list/ls594460931/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460931/</a> <a href="https://www.imdb.com/fr/list/ls594460987/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460987/</a> <a href="https://www.imdb.com/fr/list/ls594460820/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594460820/</a> <a href="https://www.imdb.com/fr/list/ls594465059/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465059/</a> <a href="https://www.imdb.com/fr/list/ls594465591/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465591/</a> <a href="https://www.imdb.com/fr/list/ls594465789/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465789/</a> <a href="https://www.imdb.com/fr/list/ls594465119/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465119/</a> <a href="https://www.imdb.com/fr/list/ls594465196/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465196/</a> <a href="https://www.imdb.com/fr/list/ls594465374/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465374/</a> <a href="https://www.imdb.com/fr/list/ls594465654/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465654/</a> <a href="https://www.imdb.com/fr/list/ls594465668/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465668/</a> <a href="https://www.imdb.com/fr/list/ls594465209/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465209/</a> <a href="https://www.imdb.com/fr/list/ls594465221/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465221/</a> <a href="https://www.imdb.com/fr/list/ls594465457/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465457/</a> <a href="https://www.imdb.com/fr/list/ls594465974/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465974/</a> <a href="https://www.imdb.com/fr/list/ls594465921/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465921/</a> <a href="https://www.imdb.com/fr/list/ls594465809/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594465809/</a> <a href="https://www.imdb.com/fr/list/ls594467565/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467565/</a> <a href="https://www.imdb.com/fr/list/ls594467705/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467705/</a> <a href="https://www.imdb.com/fr/list/ls594467733/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467733/</a> <a href="https://www.imdb.com/fr/list/ls594467101/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467101/</a> <a href="https://www.imdb.com/fr/list/ls594467139/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467139/</a> <a href="https://www.imdb.com/fr/list/ls594467193/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467193/</a> <a href="https://www.imdb.com/fr/list/ls594467313/" target="_blank" rel="nofollow">https://www.imdb.com/fr/list/ls594467313/</a> <a href="https://www.tokyvideo.com/video/cb01-final-destination-bloodlines-streaming-ita-2025-in-altadefinizione-1080p" target="_blank" rel="nofollow">https://www.tokyvideo.com/video/cb01-final-destination-bloodlines-streaming-ita-2025-in-altadefinizione-1080p</a> <a href="https://www.tokyvideo.com/video/cb01-fuori-streaming-ita-2025-in-altadefinizione-1080p" target="_blank" rel="nofollow">https://www.tokyvideo.com/video/cb01-fuori-streaming-ita-2025-in-altadefinizione-1080p</a>

</div>

</body>

</html>