<html>
    <head>
        <!--google fonts-->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&family=Explora&display=swap" rel="stylesheet">

        <!--link CSS file-->
        <link rel="stylesheet" type="text/css" href="css/style.css">
      
        <!--responsive design-->
        <meta name="viewport" content="width=device-width, initial-scale=1"> 

        <title>
            Ezreal and Priscilla Wedding Page
        </title>

    </head>
    <body>

        <div id="backdrop">
            <img src="images/green-bg.png">
        </div>

        <header>
            <div class="navigation"><!--banner content margin limit-->

                <div class="logo">

                    <a href="index.html"><img src="images/logo.png" alt="Ezreal and Priscilla Logo"></a>
                    
                </div>
    
                <nav>
                    
                    <ul>
                        <li>
                            <a href="index.php" >Home</a>
                        </li>
                        
                        <li>
                            <a href="event.php">Event</a>
                        </li>

                        <li>
                            <a class="rsvp" href="rsvp.php">RSVP</a>
                        </li>
                    </ul>

                </nav>
            </div>
        </header>