index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>St. Lawrence Guild</title>
    <link rel="icon" href="C:\Church\public\ch_Y0b_icon.ico" type="ch_Y0b_icon.ico">
     <link rel="icon" href= "https://github.com/Griffin71/st-lawrence-guild/blob/main/ch_Y0b_icon.ico" type="ch_Y0b_icon.ico">
    https://github.com/Griffin71/st-lawrence-guild/blob/main/ch_Y0b_icon.ico
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #00274D; /* Deep blue background */
            color: white;
        }
        .header {
            padding: 50px;
            background-color: #FFCC33; /* Gold header */
            color: #00274D; /* Deep blue text */
        }
        .content {
            margin: 20px;
        }
        a {
            color: #FFCC33; /* Gold links */
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Welcome to the St. Lawrence Guild</h1><img src = "ch_Y0b_icon.ico">
    </div>
    <div class="content">
        <p>Welcome to the official website of the St. Lawrence guild.</p>
        <p><a href="register.html">Register Attendance</a></p>
        <p><a href="records.html">View Records</a></p>
    </div>
</body>
</html>