default

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace con Estilo Personalizado</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
    <style>
        .link-container {
    display: flex;
    gap: 20px;
    margin-top: 5px;
    
}

.custom-link {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: background-color 0.3s, box-shadow 0.3s;
}

.custom-link:hover {
    background-color: #e0e0e0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.link-logo {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.link-text {
    font-size: 16px;
    color: #333;
}
    </style>
</head>
<body>
    <div class="link-container">
        <a href="https://statics-maker.llt-services.com/fer/images/2024/06/12/original/f13cb2fb-7d58-42d3-8c86-60e2d05a9265-970.jpg" class="custom-link">
            <i class="fas fa-file-pdf link-logo"></i>
            <span class="link-text">Condición de acceso y permanencia en recintos deportivos</span>
        </a>
        <a href="https://statics-maker.llt-services.com/fer/documents/2024/03/15/6c4ed24d-5ae9-424a-ae2e-8955fe0e598d-784.pdf" class="custom-link">
            <i class="fas fa-file-pdf link-logo"></i>
            <span class="link-text">Condiciones de acceso y permanencia en A Malata</span>
        </a>
    </div>
</body>
</html>

<div class="vc_row wpb_row vc_row-fluid">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="text-align: left;"><span dir="ltr" role="presentation">El Estadio de A Malata, de propiedad municipal, fue inaugurado el 29 de </span><span dir="ltr" role="presentation">agosto de 1993. Dispone de oficinas, almacenes, vestuarios y gimnasio. </span><span dir="ltr" role="presentation">Las instalaciones están cedidas, mediante convenio, al Racing Club de </span><span dir="ltr" role="presentation">Ferrol SAD.</span> <br role="presentation"><br role="presentation"><span dir="ltr" role="presentation">Inauguración 1993 | Dimensiones 105x68 metros | Capacidad: 11.669</span></p>
</div>
</div>
</div>
</div>
</div>
</div>

<!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>


<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace con Iconos Personalizados</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .container {
            display: flex;
            justify-content: center; /* Centra horizontalmente el contenedor */
            margin-top: 20px;
        }


        .custom-link {
            display: flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: background-color 0.3s, box-shadow 0.3s;
        }

        .custom-link:hover {
            background-color: #e0e0e0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        .link-logo {
            font-size: 24px;
            margin-right: 10px;
        }

        .link-text {
            font-size: 16px;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
            <i class="fas fa-star link-logo"></i>
    </div>
</body>
</html>


<h3 style="text-align: center;"><span>Inauguración</span></h3>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace con Iconos Personalizados</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .container {
            display: flex;
            justify-content: center; /* Centra horizontalmente el contenedor */
            margin-top: 20px;
        }


        .custom-link {
            display: flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: background-color 0.3s, box-shadow 0.3s;
        }

        .custom-link:hover {
            background-color: #e0e0e0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        .link-logo {
            font-size: 24px;
            margin-right: 10px;
        }

        .link-text {
            font-size: 16px;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
<i class="fas fa-futbol link-logo"></i>

<h3 style="text-align: center;"><span> Dimensiones</span></h3>

<p style="text-align: center;">105x68 metros</p>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace con Iconos Personalizados</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .container {
            display: flex;
            justify-content: center; /* Centra horizontalmente el contenedor */
            margin-top: 20px;
        }


        .custom-link {
            display: flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: background-color 0.3s, box-shadow 0.3s;
        }

        .custom-link:hover {
            background-color: #e0e0e0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        .link-logo {
            font-size: 24px;
            margin-right: 10px;
        }

        .link-text {
            font-size: 16px;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
<i class="fas fa-futbol link-logo"></i></html>

<h3 style="text-align: center;"><span>Dimensiones Anexo</span></h3>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlace con Iconos Personalizados</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .container {
            display: flex;
            justify-content: center; /* Centra horizontalmente el contenedor */
            margin-top: 20px;
        }


        .custom-link {
            display: flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: background-color 0.3s, box-shadow 0.3s;
        }

        .custom-link:hover {
            background-color: #e0e0e0;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

        .link-logo {
            font-size: 24px;
            margin-right: 10px;
        }

        .link-text {
            font-size: 16px;
            color: #333;
        }
    </style>
</head>
<body>
    <div class="container">
<i class="fas fa-users link-logo"></i>    </div>
</body>
</html>

<h3 style="text-align: center;"><span> Capacidad</span></h3>