HistoryMaster.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site1.Master" AutoEventWireup="true" CodeBehind="HistoryMaster.aspx.cs" Inherits="YoadMadrid.Pages.WebForm6" %>
<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-image: url(/Images/History_test.png);
            background-repeat: no-repeat;
            background-position: center +50px;
            background-size: cover;
            font-family: Arial, sans-serif;
            margin: 0;
            overflow: hidden;
            height: 100vh;
        }

        h1 {
            color: #0070c0;
            font-family: 'Real Madrid 19-20', sans-serif;
            font-size: 75px;
            margin: 0;
            padding-top: 140px;
        }

        p.paragraph1 {
            color: white;
            font-family: David;
            font-size: 33px;
            margin: 0px 0;
           
        }
        
        p.paragraph2 {
            color: yellow;
            font-family: David;
            font-size: 33px;
            margin: 0px 0;
           
        }
        
        p.paragraph3 {
            color: red;
            font-family: David;
            font-size: 33px;
            margin: 0px 0;
           
        }
        
        p.paragraph4 {
            color: #00529f;
            font-family: David;
            font-size: 33px;
            margin: 0px 0;
           
        }

        #barHistory a {
            background-color: #bfdbfe;
            color: #3b82f6;
        }



    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


        <div style="height: 48vh; width: 45vw; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px); box-shadow: 20px 0px 25px rgba(0, 0, 0, 0.2); color: white; font-size: 25px; font-family: Bahnschrift">  
            Real Madrid was founded in 1902 and has since become one of the most iconic and successful football clubs in the world. 
            <br />
            <br />
            The club was granted the title of "Real" by King Alfonso XIII, a distinction that reflects its status as a premier institution in Spanish football. 
            <br />
            <br />
            Under the guidance of visionary leaders like Santiago Bernabéu, Real Madrid has established itself as a major force in both Spanish and European football. 
            <br />
            <br />
            In the 1950s and 1960s, the club experienced a golden era, with a team known as the Yé-yé generation dominating Spanish football. 
            <br />
            <br />
            The club continued to experience success in the following decades, with a new generation of home-grown stars emerging in the 1980s and sustained success in the 1990s and 2000s. 
        </div>

        <div style="height: 52vh; width: 37vw; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px); box-shadow: 20px 0px 25px rgba(0, 0, 0, 0.2); color: white; font-size: 25px; font-family: Bahnschrift">
            Over the years, Real Madrid has become synonymous with excellence, attracting top talent from around the world and boasting a loyal fan base. 
            <br />
            <br />
            The club's commitment to developing young players has paid off, with many of its academy graduates going on to become international stars. 
            <br />
            <br />
            Today, Real Madrid remains one of the most successful and beloved clubs in the world, with a legacy that continues to inspire and captivate fans of all ages. 
            <br />
            <br />
            The club's storied history and unwavering dedication to excellence have cemented its place as a true giant of the sport.
        </div>
</asp:Content>