PlayersMaster,aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site1.Master" AutoEventWireup="true" CodeBehind="PlayersMaster.aspx.cs" Inherits="YoadMadrid.Pages.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
    <style>
        @font-face {
            font-family: 'RealMadrid2019';
            src: url('Fonts/real-madrid-19-20.ttf');
        }

        @font-face {
            font-family: 'BragoFree';
            src: url('Fonts/Bragofree-L3l8E.ttf');
        }

        body {
            background: linear-gradient(0deg, rgba(54,41,231,1) 29%, rgba(140,116,244,1) 59%, rgba(255,255,255,1) 100%);
            font-family: Arial, sans-serif;
            margin: 0;
            overflow-y: auto;
            min-height: 100vh;
        }

        .gallery {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .gallery .row {
            display: flex;
            justify-content: center;
        }

        .row img {
            width: 100%;
            height: 480px;
            max-width: 360px;
            display: block; 
            margin: 20px; 
        }

        p {
            margin-top: 0; 
            font-family: 'BragoFree', sans-serif;
            color: #0070c0;
            font-size: 72px;
            line-height: 1; 
        }

        #barPlayers a {
            background-color: #bfdbfe;
            color: #3b82f6;
        }
    </style>

</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="gallery">
        <div class="row">
            <a href="#"><img src="../Images/courtois.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/lunin.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/kepa.png" alt="Description of Image 3"></a>
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class="row">
            <a href="#"><img src="../Images/carvajal.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/militao.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/alaba.png" alt="Description of Image 3"></a>
            <a href="#"><img src="../Images/nacho.png" alt="Description of Image 3"></a>
        </div>
        <div class="row">
            <a href="#"><img src="../Images/vazquez.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/garcia.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/rudiger.png" alt="Description of Image 3"></a>
            <a href="#"><img src="../Images/mendy.png" alt="Description of Image 3"></a>

        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class="row">
            <a href="#"><img src="../Images/bellingham.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/kroos.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/modric.png" alt="Description of Image 3"></a>
            <a href="#"><img src="../Images/camavinga.png" alt="Description of Image 3"></a>
        </div>
        <div class="row">
            <a href="#"><img src="../Images/valverde.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/tchouameni.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/ceballos.png" alt="Description of Image 3"></a>
            <a href="#"><img src="../Images/guler.png" alt="Description of Image 3"></a>
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class="row">
            <a href="#"><img src="../Images/vini.png" alt="Description of Image 1"></a>
            <a href="#"><img src="../Images/rodrygo.png" alt="Description of Image 2"></a>
            <a href="#"><img src="../Images/joselu.png" alt="Description of Image 3"></a>
            <a href="#"><img src="../Images/brahim.png" alt="Description of Image 3"></a>
        </div>

        
    </div>


</asp:Content>