{"id":2259,"date":"2022-01-20T12:48:37","date_gmt":"2022-01-20T12:48:37","guid":{"rendered":"https:\/\/rawtracks.qodeinteractive.com\/?page_id=2259"},"modified":"2025-12-13T16:35:55","modified_gmt":"2025-12-13T16:35:55","slug":"build","status":"publish","type":"page","link":"https:\/\/codcanterburychurch.org\/index.php\/build\/","title":{"rendered":"Building"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2259\" class=\"elementor elementor-2259\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4331ab7 elementor-section-full_width qodef-elementor-content-grid elementor-section-height-default elementor-section-height-default\" data-id=\"4331ab7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e73031f\" data-id=\"e73031f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d30ec40 e-flex e-con-boxed e-con e-parent\" data-id=\"d30ec40\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49a77f3 elementor-widget elementor-widget-image\" data-id=\"49a77f3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-1024x576.jpg\" class=\"attachment-large size-large wp-image-6319\" alt=\"\" srcset=\"https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-1024x576.jpg 1024w, https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-300x169.jpg 300w, https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-768x432.jpg 768w, https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-1536x864.jpg 1536w, https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-2048x1152.jpg 2048w, https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/building-project-vision-2-600x338.jpg 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b149b3a elementor-widget elementor-widget-html\" data-id=\"b149b3a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"building-project-page\">\n    <style>\n        \/* Define the Primary Color Variable *\/\n        :root {\n            --primary-color: #f27e6e; \/* Salmon\/Coral *\/\n            --accent-color: #ffffff;\n            --dark-color: #000000;\n            --button-color: #4CAF50; \/* New: Green for the primary action button *\/\n        }\n\n        \/* General Page Container and Styling *\/\n        .building-project-page {\n            font-family: Arial, sans-serif;\n            color: var(--dark-color);\n            background-color: #f4f4f4; \/* Light background for the main page *\/\n            padding: 0;\n            margin: 0;\n        }\n\n        \/* Hero Section (Main Banner) *\/\n        .hero-banner {\n            \/* Background Pattern & Image Setup *\/\n            background-image: \n                \/* Subtle Dark Gradient Overlay for Text Contrast *\/\n                linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)),\n                \/* NEW: Construction Grid\/Blueprint Pattern *\/\n                linear-gradient(0deg, transparent 24%, rgba(242, 126, 110, 0.1) 25%, rgba(242, 126, 110, 0.1) 26%, transparent 27%, transparent 74%, rgba(242, 126, 110, 0.1) 75%, rgba(242, 126, 110, 0.1) 76%, transparent 77%, transparent),\n                linear-gradient(90deg, transparent 24%, rgba(242, 126, 110, 0.1) 25%, rgba(242, 126, 110, 0.1) 26%, transparent 27%, transparent 74%, rgba(242, 126, 110, 0.1) 75%, rgba(242, 126, 110, 0.1) 76%, transparent 77%, transparent),\n                \/* Image Background *\/\n                url('building-project-vision-2.jpg'); \/* !!! REPLACE with the actual image URL !!! *\/\n            \n            background-size: cover, 100px 100px, 100px 100px, cover; \/* Adjust pattern size as needed *\/\n            background-position: center bottom;\n            color: var(--accent-color);\n            padding: 80px 20px;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n            box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4); \n        }\n\n        .hero-banner h1, .hero-banner h2 {\n            margin: 0;\n            line-height: 1;\n        }\n\n        .hero-banner h2 {\n            font-size: 2.5rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 5px;\n            color: var(--primary-color); \/* Title Accent *\/\n        }\n\n        .hero-banner h1 {\n            font-size: 8rem; \n            font-weight: 900;\n            text-transform: uppercase;\n            color: var(--accent-color);\n            text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);\n            margin-bottom: 30px;\n        }\n\n        .hero-banner p {\n            font-size: 1.5rem;\n            font-weight: 500;\n            margin-top: 20px;\n            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);\n        }\n\n        \/* Core Message \/ Call to Action *\/\n        .cta-strip {\n            background-color: var(--primary-color); \/* Primary color background *\/\n            color: var(--dark-color);\n            text-align: center;\n            padding: 20px;\n        }\n\n        .cta-strip h3 {\n            margin: 0;\n            font-size: 1.8rem;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n\n        \/* Donation Details Section *\/\n        .donation-details-section {\n            padding: 60px 20px;\n            background-color: var(--accent-color);\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 40px;\n        }\n\n        .details-box {\n            background-color: var(--dark-color); \/* Dark background for high contrast *\/\n            color: var(--accent-color);\n            padding: 30px;\n            border-radius: 8px;\n            width: 100%;\n            max-width: 350px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .details-box h4 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--primary-color); \/* Accent color for headings *\/\n            margin-top: 0;\n            border-bottom: 2px solid var(--primary-color);\n            padding-bottom: 10px;\n            margin-bottom: 20px;\n        }\n\n        .details-box ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 15px;\n        }\n\n        .details-box ul li {\n            font-size: 1.2rem;\n            margin-bottom: 15px;\n            padding-left: 20px;\n            position: relative;\n        }\n        \n        \/* Custom bullet points *\/\n        .details-box ul li::before {\n            content: '\u2022';\n            color: var(--primary-color);\n            font-size: 1.5rem;\n            position: absolute;\n            left: 0;\n            top: -5px;\n        }\n        \n        \/* NEW: Primary Donation Button Styling *\/\n        .primary-donate-btn {\n            display: block; \/* Make it full width of the box *\/\n            text-align: center;\n            background-color: var(--button-color); \n            color: var(--accent-color);\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 1.4rem;\n            padding: 15px 20px;\n            border-radius: 5px;\n            margin-top: 30px; \/* Space it from the list above *\/\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);\n            transition: background-color 0.3s;\n        }\n        \n        .primary-donate-btn:hover {\n            background-color: #388E3C; \/* Darker green on hover *\/\n        }\n\n\n        .bank-info p {\n            font-size: 1.2rem;\n            margin: 10px 0;\n            font-weight: 500;\n        }\n        \n        .bank-info strong {\n            display: block;\n            font-size: 1.5rem;\n            color: var(--primary-color);\n            font-weight: 900;\n            margin-top: 5px;\n        }\n\n        \/* QR Code Container *\/\n        .qr-code-container {\n            text-align: center;\n            padding-top: 20px;\n        }\n\n        .qr-code-container img {\n            max-width: 200px;\n            height: auto;\n            border: 5px solid var(--primary-color);\n            border-radius: 5px;\n        }\n        \n        \/* Footer\/Final CTA *\/\n        .footer-cta {\n            background-color: var(--dark-color);\n            color: var(--accent-color);\n            text-align: center;\n            padding: 25px 20px;\n            text-transform: uppercase;\n            font-weight: 700;\n            font-size: 1.5rem;\n        }\n\n        \/* Mobile Adjustments *\/\n        @media (max-width: 768px) {\n            .hero-banner h2 {\n                font-size: 1.5rem;\n                letter-spacing: 3px;\n            }\n            .hero-banner h1 {\n                font-size: 4rem;\n            }\n            .hero-banner p {\n                font-size: 1.2rem;\n            }\n            .details-box {\n                max-width: 100%;\n            }\n            .cta-strip h3 {\n                font-size: 1.5rem;\n            }\n        }\n\n    <\/style>\n\n    <div class=\"hero-banner\">\n        <h2>Building Project<\/h2>\n        <h1>Our Vision<\/h1>\n        <p>A place where the community can grow, connect, and thrive.<\/p>\n    <\/div>\n\n    <div class=\"cta-strip\">\n        <h3>Your support changes everything. Donate today!<\/h3>\n    <\/div>\n\n    <div class=\"donation-details-section\">\n        \n        <div class=\"details-box\">\n            <h4>Payment Options<\/h4>\n            <ul>\n                <li>Quick Support (One-time donation)<\/li>\n                <li>Monthly Direct Debit (Sustained giving)<\/li>\n                <li>Be a Builder (Pledge your gift!)<\/li>\n            <\/ul>\n            \n            <a href=\"https:\/\/Givingrequest.natwestpayit.com\/reusable-links\/2d3f3656-08dc-47eb-b1a2-391615701f3e\" \n               target=\"_blank\" \n               class=\"primary-donate-btn\">\n               Click Link to Give Now\n            <\/a>\n            \n        <\/div>\n        \n\n        <div class=\"details-box bank-info\">\n            <h4>Bank Details<\/h4>\n            <p>\n                Account Name: RCCG City of David Canterbury\n            <\/p>\n            <p>\n                Account No: <strong>34930469<\/strong>\n            <\/p>\n            <p>\n                Sort Code: <strong>60-06-33<\/strong>\n            <\/p>\n            \n            <div class=\"qr-code-container\">\n                <img decoding=\"async\" src=\"https:\/\/codcanterburychurch.org\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-27-at-20.05.49.png\" alt=\"QR Code for Donation\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <footer class=\"footer-cta\">\n        JOIN THE BUILDERS - DONATE NOW.\n    <\/footer>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building Project Our Vision A place where the community can grow, connect, and thrive. Your support changes everything. Donate today! Payment Options Quick Support (One-time donation) Monthly Direct Debit (Sustained [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2259","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/pages\/2259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/comments?post=2259"}],"version-history":[{"count":26,"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/pages\/2259\/revisions"}],"predecessor-version":[{"id":6433,"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/pages\/2259\/revisions\/6433"}],"wp:attachment":[{"href":"https:\/\/codcanterburychurch.org\/index.php\/wp-json\/wp\/v2\/media?parent=2259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}