HTML, CSS and JavaScript playground

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>FULL MOVIE Links</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background: #f7f9fc;
      color: #333;
      padding: 40px 20px;
    }
    h1 {
      text-align: center;
      font-size: 2em;
      margin-bottom: 30px;
    }
    ul {
      list-style: none;
      padding: 0;
      max-width: 900px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }
    li {
      flex: 1 1 300px;
      background: white;
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
      transition: 0.3s ease;
      text-align: center;
    }
    li:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    }
    a {
      text-decoration: none;
      color: #0077cc;
      font-weight: bold;
    }
    a:hover {
      color: #004e99;
    }
  </style>
</head>
<body>
  <h1>FULL MOVIE - All Links</h1>
  <ul>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-1.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-2.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-3.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-4.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-5.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-6.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-7.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-8.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-9.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-10.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-11.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-12.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-13.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-14.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-15.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-16.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-17.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-18.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-19.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-20.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-21.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-22.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-23.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-24.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-25.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-26.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-27.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-28.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-29.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-30.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-31.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-32.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-33.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-34.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-35.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-36.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-37.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-38.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-39.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-40.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-41.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-42.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-43.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-44.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-45.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-46.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-47.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-48.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-49.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-50.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-51.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-52.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-53.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-54.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-55.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-56.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-57.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-58.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-59.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-60.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-61.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-62.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/media-streams-mp4-us-63.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/Broken_Heaven.pdf">FULL MOVIE</li>
<li><a href="https://mlc-wels.edu/continuing-education/wp-content/uploads/sites/11/formidable/11/bidaah-walid.pdf">FULL MOVIE</li>
</ul>
</body>
</html>

body {
    margin: 0;
    padding: 40px 20px;
    font-family: 'Inter', sans-serif;
    background: linear-gradient(to right, #fdfbfb, #ebedee);
    color: #2d2d2d;
  }

h1 {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 40px;
    color: #222;
  }

ul {
    list-style: none;
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

li {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
  }

li:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
  }

a {
    text-decoration: none;
    color: #1f73b7;
    font-size: 1.1em;
    font-weight: 500;
    display: block;
    text-align: center;
  }

a:hover {
    color: #1278cc;
    text-decoration: underline;
  }

@media (min-width: 600px) {
    ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }

@media (min-width: 1000px) {
    ul {
      grid-template-columns: repeat(3, 1fr);
    }
  }
</style>