St Francis Hockey Club :root { --green: #489250; --black: #000000; --white: #FBFCFB; --dark-green: #0D220B; --soft-green: #A6B9A8; } <pre><code>* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, sans-serif; color: var(--black); background-color: var(--white); line-height: 1.6; } header { background: var(--black); color: var(--white); display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; } header img { height: 50px; } nav a { color: var(--white); text-decoration: none; margin: 0 1rem; font-weight: 500; } nav a:hover { color: var(--green); } .cta { background: var(--green); color: var(--white); padding: 0.5rem 1rem; border-radius: 4px; text-decoration: none; } .hero { background: url('https://images.unsplash.com/photo-1601323917305-1a86c1cb8b3c?auto=format&amp;fit=crop&amp;w=1920&amp;q=80') center/cover no-repeat; color: var(--white); height: 80vh; display: flex; align-items: center; justify-content: center; text-align: center; } .hero h1 { font-size: 3rem; background-color: rgba(0, 0, 0, 0.6); padding: 1rem 2rem; border-radius: 4px; } .utility-strip { display: flex; justify-content: center; background: var(--white); border-top: 2px solid var(--soft-green); border-bottom: 2px solid var(--soft-green); padding: 1rem 0; } .utility-strip div { margin: 0 1.5rem; color: var(--green); font-weight: 600; cursor: pointer; } .content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; padding: 2rem; background: var(--white); } .card { background: var(--soft-green); padding: 2rem; border-radius: 6px; text-align: center; } .fixtures { background: var(--black); color: var(--white); text-align: center; padding: 2rem; } .fixtures h2 { color: var(--green); } .sponsors { display: flex; flex-wrap: wrap; justify-content: center; background: var(--white); padding: 2rem; gap: 2rem; } .sponsors img { height: 50px; filter: grayscale(100%); } footer { background: var(--black); color: var(--white); display: flex; flex-direction: column; align-items: center; padding: 2rem; font-size: 0.9rem; } footer a { color: var(--green); text-decoration: none; } @media (max-width: 768px) { .hero h1 { font-size: 2rem; } nav { display: none; } } </code></pre>  Home Teams Fixtures Juniors Sponsors Join 
St Francis Hockey Club
Fixtures
Results
Training
Club Shop
Men's 1st XI
Men's 2nd XI
Leprechauns Juniors
Upcoming Matches
Men's 1s vs Opponent — Saturday 14:00
Men's 2s vs Opponent — Saturday 15:30
   
© 2026 St Francis Hockey Club | St Francis Social & Sports Club