<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Share Our Church</title>
<style>
body {
font-family: "Segoe UI", Roboto, Arial, sans-serif;
text-align: center;
background: #f8f9fa;
margin: 0;
padding: 40px 20px;
color: #333;
}
h1 {
margin-bottom: 10px;
color: #2c3e50;
}
p {
max-width: 500px;
margin: 0 auto 40px;
font-size: 1.1em;
line-height: 1.5;
}
.buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
a.share-btn {
display: inline-block;
padding: 12px 22px;
border-radius: 8px;
color: white;
text-decoration: none;
font-weight: 600;
transition: opacity 0.3s;
}
a.share-btn:hover { opacity: 0.85; }
.facebook { background: #1877f2; }
.twitter { background: #000000; } /* X (Twitter) */
.whatsapp { background: #25d366; }
.instagram{ background: #E1306C; }
.email { background: #555555; }
</style>
</head>
<body>
<h1>Share Our Church</h1>
<p>
Help us spread the good news! Tap a button below to share
<strong>New Life Church LH</strong> with friends and family.
</p>
<div class="buttons">
<!-- FACEBOOK -->
<a class="share-btn facebook"
href="https://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/MyNewLifeChurch.Family/"
target="_blank" rel="noopener">
Share on Facebook
</a>
<!-- INSTAGRAM (manual post info) -->
<a class="share-btn instagram"
href="https://www.instagram.com/newlifechurchlh/"
target="_blank" rel="noopener">
Post on Instagram
</a>
</div>
<p style="margin-top:40px;font-size:0.9em;color:#555;">
© <span id="year"></span> Your Church Name • All rights reserved
</p>
<script>
// Automatically insert current year
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>