💙Apply for an AVA member

Learn the simple steps to become a volunteer member with Active Volunteers Abroad and unlock exclusive benefits.

Begin your journey by engaging fully in a volunteer program, building skills and experience that qualify you for membership.

Apply for membership by submitting your application after completing a program to enjoy member privileges.

Finalize your membership by agreeing to our terms and receive your unique member ID to start promoting AVA values.

Learn how to become a member of Active Volunteers Abroad by completing a program and applying, plus discover the benefits and responsibilities that come with membership.

Receive a 5% discount on eligible program fees as a member.

Act as an ambassador to share AVA’s values and impact.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>AVA Apply Box</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
      min-height: 100vh;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f0f0f0;
    }

    .ava-box {
      display: flex;
      align-items: center;
      justify-content: center;

      width: 10cm;
      height: 2cm;

      background: linear-gradient(135deg, #0a5f6e 0%, #0d7a8a 50%, #0a6b7a 100%);
      border: 3px solid #f5c518;
      border-radius: 12px;

      color: #ffffff;
      font-family: 'Arial Black', Arial, sans-serif;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 1.2px;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;

      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
      cursor: pointer;
      padding: 0 20px;
      white-space: nowrap;
      transition: all 0.2s ease;
    }

    .ava-box:hover {
      background: linear-gradient(135deg, #0d7a8a 0%, #0f8fa0 50%, #0d8595 100%);
      border-color: #ffd700;
      box-shadow: 0 4px 16px rgba(245, 197, 24, 0.4);
    }
  </style>
</head>
<body>

  <a href="#" class="ava-box">
    APPLY HERE TO BE AVA MEMBER – DISCOUNT 5%
  </a>

</body>
</html>