🎨 Community Banner Collection

Welcome! We’re excited that you want to help spread the word about our Christian community. Below you’ll find a variety of banner sizes that you can easily add to your website, blog, or social media.

📋 How to Use These Banners:

Preview the Banner: Each section shows you exactly how the banner will look on your site.
Copy the Code: Click the blue “Copy Code” button for each banner.
Paste on Your Site: Paste the copied HTML code into your website’s HTML editor, blog post, or sidebar widget.
You’re Done! The banner will automatically display with working buttons that link to our registration and login pages.

💡 Tips for Best Results:

Choose a banner size that fits your available space
The leaderboard (728×90) works great in headers and footers
Square banners (300×250, 250×250) are perfect for sidebars
Skyscraper banners (160×600, 120×600) work well in narrow side columns
All banners are mobile-responsive and will adjust to smaller screens

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 728px; max-width: 100%; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.5em; font-weight: 700;">Join Our Christian Community</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 1em; line-height: 1.6;">Connect with believers, grow in faith, and experience fellowship together</p>
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 468px; max-width: 100%; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.5em; font-weight: 700;">Open Heaven Christian Church</h3>
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 336px; max-width: 100%; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.5em; font-weight: 700;">Open Heaven Christian Church</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 1em; line-height: 1.6;">Join our vibrant community of believers growing together in Christ</p>
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 300px; max-width: 100%; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.5em; font-weight: 700;">Join Our Community</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 1em; line-height: 1.6;">Experience faith, fellowship, and spiritual growth</p>
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 250px; max-width: 100%; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.5em; font-weight: 700;">Open Heaven</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 1em; line-height: 1.6;">Connect with believers today</p>
    <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.95em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 160px; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.1em; font-weight: 700;">Open Heaven Christian Church</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 0.85em; line-height: 1.6;">Join our community of faith</p>
    <div style="display: flex; gap: 5px; flex-direction: column; justify-content: center;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.8em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.8em;">Login to Community</a>
    </div>
</div>

Click the button above to copy the HTML code

<div style="background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border: 4px solid #0284c7; border-radius: 12px; padding: 20px; text-align: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.3); width: 120px; box-sizing: border-box;">
    <div style="font-size: 2.5em; margin-bottom: 15px;">✝️</div>
    <h3 style="color: #0c4a6e; margin: 0 0 10px 0; font-size: 1.1em; font-weight: 700;">Open Heaven</h3>
    <p style="color: #075985; margin: 0 0 20px 0; font-size: 0.85em; line-height: 1.6;">Connect in Christ</p>
    <div style="display: flex; gap: 5px; flex-direction: column; justify-content: center;">
        <a href="https://openheavenchristianchurch.com/registration/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.8em;">Join Christian Community</a>
        <a href="https://openheavenchristianchurch.com/login/" target="_blank" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: white; text-decoration: none; padding: 8px 12px; border-radius: 8px; font-weight: 600; display: inline-block; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3); font-size: 0.8em;">Login to Community</a>
    </div>
</div>

Connect in Christ

Join Christian Community Login to Community

Community Banners

🎨 Community Banner Collection

📋 How to Use These Banners:

💡 Tips for Best Results:

Join Our Christian Community

Open Heaven Christian Church

Open Heaven Christian Church

Join Our Community

Open Heaven

Open Heaven Christian Church

Open Heaven

Submit a Prayer Request