default

<div class="mx-auto max-w-7xl py-4 px-4 sm:px-6 lg:px-8">
<div class="relative mx-auto max-w-3xl">
<div class="carousel">
<div class="carousel-inner"> </div>
</div>
</div>
</div>
<div class="mx-auto max-w-7xl py-4 md:py-0 px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-3xl">
<h1 class="my-5 text-title_lg font-montserrat-regular text-gijon-primary font-bold uppercase"><span style="color: rgb(226, 0, 25);">VOLUNTARIADO</span></h1>
<p> </p>
<div class="prose-indigo prose-lg">
<div class="text-secondary-black article_body gijon">
<article class="ql-editor p-0 text-secondary-black font-montserrat-regular">
<p style="text-align: justify;"><span style="font-size: 14pt;"><strong>Ayudar a los demás nunca fue tan fácil con el Programa de </strong></span><span style="font-size: 14pt;"><strong>Voluntariado Marea Rojiblanca. No hay corazón más grande </strong></span><span style="font-size: 14pt;"><strong>que el de un voluntario. </strong></span></p>
<p style="text-align: justify;"><span style="font-size: 14pt;">Miembros del primer equipo masculino; jugadores y staff técnico, </span><span style="font-size: 14pt;">así cómo personal de otras áreas funcionales del club colaboran </span><span style="font-size: 14pt;">con diferentes instituciones. Tú también puedes aportar tu granito </span><span style="font-size: 14pt;">de arena, te contamos cómo:</span></p>
<ul>
<li style="text-align: justify;"><span style="font-size: 14pt;">Si eres una organización, privada o pública, interesada en colaborar con nuestro Programa de Voluntariado 'Marea Rojibanca' envíanos tu propuesta a: <a href="mailto:fundacion@realsporting.com">fundacion@realsporting.com</a></span></li>
<li style="text-align: justify; font-size: 14pt;"><span style="font-size: 14pt;">Si eres abonado o abonada, aficionado o aficionada o simplemente te interesa formar parte de nuestro Programa de Voluntariado, completa el siguiente formulario. Te contestaremos con la mayor brevedad posible.</span></li>
</ul>
</article>
</div>
</div>
</div>
</div>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Botón de Itinerario</title>
  <link href="https://forms.gle/DRpEqwdZ8gsF2BbB8">
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
      font-family: 'Montserrat', sans-serif; /* Aplica la fuente Montserrat al cuerpo del documento */
    }
    .container1 {
      max-width: 700px; /* Ancho máximo del contenido */
      margin: auto; /* Centra el contenedor */
      font-size: 18px; /* Tamaño de la fuente ajustado a 18px */
      text-align: left; /* Alinea el texto a la izquierda */
    }
    .resaltado1 {
      color: #111827; /* Color de texto #111827 */
      font-weight: bold; /* Texto en negrita */
    }
    .titulo-historia1 {
      color: #E20019; /* Color del título */
      font-size: 32px; /* Tamaño de la fuente del título */
      margin: 20px 0; /* Margen de 20px arriba y abajo, y 0 a los lados */
      text-transform: uppercase; /* Texto en mayúsculas */
      font-weight: bold; /* Negrita */
      text-align: left; /* Alinea el texto a la izquierda */
    }
    .decada1 {
      color: #111111; /* Color del subtítulo */
      font-size: 24px; /* Tamaño de la fuente del subtítulo */
    }
    h31 {
      font-size: 24px; /* Tamaño de la fuente para h3 */
      font-weight: bold; /* Texto en negrita para h3 */
    }
    .button-container1 {
      display: flex;
      justify-content: center; /* Centra el botón horizontalmente */
      align-items: center;
      margin-top: 10px; /* Ajusta este valor para disminuir el espacio */
    }
    .button2 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 155.67px;
      height: 37.19px;
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: white;
      background-color: #E20019;
      text-decoration: none;
      border-radius: 5px;
      cursor: pointer;
    }
    .contact-info a {
      color: #3182CE; /* Color del correo electrónico */
      text-decoration: underline; /* Subrayado del correo electrónico */
    }
  </style>
</head>
<body>
  <div class="container1">
    
    <div class="button-container1">
      <form action="https://forms.gle/DRpEqwdZ8gsF2BbB8" method="get" target="_blank">
        <button class="button2" type="submit">
          Voluntariado
        </button>
      </form>
    </div>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Página con fondo blanco</title>
  <style>
    body {
      background-color: #fff; /* Establece el color de fondo en blanco */
    }
  </style>
</head>
<body>
  </body>
</html>