CINXE.COM
Get in Touch | BDCC
<!DOCTYPE html> <html lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system')}" x-init="$watch('darkMode', val => localStorage.setItem('darkMode', val))" x-bind:class="{'dark': darkMode === 'dark' || (darkMode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)}"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"> <style> [x-cloak] { display: none; } </style> <link rel="stylesheet" href="/assets/css/vendor.combined.css?1729517261"> <link rel="stylesheet" type="text/css" href="/assets/fonts/font-awesome-4.3.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="/assets/css/app.css?1729517261"> <link rel="icon" href="/assets/images/svg/favicon.svg"> <link rel="mask-icon" href="/assets/images/svg/favicon.svg" color="#000000"> <link rel="apple-touch-icon" href="/assets/images/svg/favicon.svg"> <script src="https://use.typekit.net/toa5etl.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> <!-- site language --> <meta site="en"> <title>Get in Touch | BDCC</title><meta name="generator" content="SEOmatic"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="en" property="og:locale"> <meta content="zh_Hant_TW" property="og:locale:alternate"> <meta content="zh_Hant" property="og:locale:alternate"> <meta content="BDCC" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://www.bdcconline.net/en/contact/" property="og:url"> <meta content="Get in Touch" property="og:title"> <meta content="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1600&h=459&auto=compress%2Cformat&fit=crop&dm=1723731227&s=3d60110ce207e758ae56187aea0fec97" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@"> <meta name="twitter:title" content="Get in Touch"> <meta name="twitter:image" content="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1600&h=459&auto=compress%2Cformat&fit=crop&dm=1723731227&s=3d60110ce207e758ae56187aea0fec97"> <meta name="twitter:image:width" content="1200"> <meta name="twitter:image:height" content="630"> <link href="https://www.bdcconline.net/en/contact/" rel="canonical"> <link href="https://www.bdcconline.net/en/" rel="home"> <link href="https://www.bdcconline.net/zh-hant/contact/" rel="alternate" hreflang="zh-hant-tw"> <link href="https://www.bdcconline.net/zh-hans/contact/" rel="alternate" hreflang="zh-hant"> <link href="https://www.bdcconline.net/en/contact/" rel="alternate" hreflang="x-default"> <link href="https://www.bdcconline.net/en/contact/" rel="alternate" hreflang="en"> <style> .hover-triangle:after { content:''; position: absolute; top:-32px; right:4px; height: 0; width: 0; border: 16px solid transparent; border-bottom-color: #404040; } </style> <style> input#from-name { background: url(/assets/images/svg/cd-icon-user.svg) no-repeat 10px 10px; } input#from-email { background: url(/assets/images/svg/cd-icon-email.svg) no-repeat 10px 10px; } textarea#message { background: url(/assets/images/svg/cd-icon-message.svg) no-repeat 10px 10px; } </style></head> <body id="body" class="en relative text-grayBrand-text bg-white font-work text-base overscroll-none"> <header x-data="{ visible: true, lastScrollY: window.scrollY, ticking: false }" x-init=" // Initialize lastScrollY with the current scroll position lastScrollY = window.scrollY; // Add a scroll event listener to the window window.addEventListener('scroll', () => { // Check if a scroll event is already being processed if (!ticking) { // Use requestAnimationFrame to debounce the scroll event handler window.requestAnimationFrame(() => { // Check the scroll direction if (window.scrollY > lastScrollY) { // If scrolling down, hide the header visible = false; } else { // If scrolling up, show the header visible = true; } // Update lastScrollY with the current scroll position lastScrollY = window.scrollY; // Reset ticking to false to allow future scroll events to be processed ticking = false; }); // Set ticking to true to indicate that a scroll event is being processed ticking = true; } }); " :class="{ 'transform -translate-y-full -top-[85px]': !visible, 'transform translate-y-0 top-0': visible }" class="fixed left-0 right-0 z-50 transition-all duration-500 ease-in-out bg-white overscroll-none" > <a href="#main-content" role="button" aria-label="Skip to main content" class="flex flex-col justify-center skip-main" style="height:40px;">Skip to main content</a> <!-- /.skip-main --> <script src="https://use.typekit.net/toa5etl.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> <!-- site language --> <meta site="en"> <!-- Off-Canvas Menu --> <div x-data="{ open: false }" x-init="$watch('open', value => document.body.classList.toggle('overflow-hidden', value))" class="fixed relative z-50 flex flex-row w-full bg-white border-b border-gray-200 overscroll-none"> <a href="https://www.bdcconline.net/en/" class="px-6 py-2 text-lg font-semibold tracking-widest text-gray-900 uppercase dark-mode:text-white focus:outline-none focus:shadow-outline"> <span title="Biographical Dictionary of Chinese Christianity"> <img src="/assets/images/logo.png" class="w-16 h-16" alt="Biographical Dictionary of Chinese Christianity Home"> </span> <span class="sr-only">Home</span> </a> <div class="flex flex-row items-center gap-2 ml-auto mr-8"> <div x-data="{ open: false }" @mouseleave="open = false" class="relative"> <button class="flex flex-row items-center block gap-1 px-4 py-4 uppercase text-15 font-freight-sans" @mouseover="open = true"> Language <svg class="h-4 w-4 text-gray-400 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg> </button> <div x-show="open" x-cloak x-transition.origin.top.left class="absolute -left-12 mt-2 w-40 rounded-md shadow-md z-[1000] bg-grayBrand border-t-[15px] top-[calc(100%-10px)] border-white hover-triangle"> <a href="https://www.bdcconline.net/zh-hans/contact/" title="Chinese - China" class="block px-4 py-4 text-white/60 hover:text-white hover:bg-grayBrand-hover font-freight-sans"> 中文 (简体) </a> <a href="https://www.bdcconline.net/zh-hant/contact/" title="Chinese - Taiwan" class="block px-4 py-4 text-white/60 hover:text-white hover:bg-grayBrand-hover font-freight-sans"> 中文 (繁體) </a> </div> </div> <!-- Toggle Button --> <button @click="open = !open;" class="flex flex-row items-center gap-2 p-2 uppercase bg-blue-500 font-freight-sans"> Menu <svg class="h-4 w-4" width="40" height="40" viewBox="0 0 100 80" x-show="!open"><path d="M0 0h100v10H0zm0 30h100v10H0zm0 30h100v10H0z"/></svg> </button> </div> <template x-teleport="body"> <!-- Overlay --> <div x-show="open" @click="open = false" class="fixed inset-0 z-50 bg-black/60" x-cloak></div> </template> <template x-teleport="body"> <!-- Off-Canvas Menu --> <div x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="fixed inset-y-0 right-0 z-50 text-white transform bg-grayBrand w-[260px]" x-cloak> <div class="py-8"> <button @click="open = !open" class="absolute flex flex-row items-center gap-2 p-2 ml-auto uppercase bg-blue-500 right-4 top-4 font-freight-sans"> Close <svg class="h-4 w-4 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.001 512.001" x-show="open"><path d="M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z"/></svg> </button> <div x-data="{ expanded: true }"> <button class="flex flex-row items-center justify-between w-full pl-8 pr-4 mt-8 text-lg font-medium text-white uppercase font-freight-sans" @click="expanded = ! expanded"> Discover Stories <svg class="h-4 w-4" width="8px" height="11px" viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" x-show="!expanded"> <!-- Generator: Sketch 3.2 (9961) - http://www.bohemiancoding.com/sketch --> <title>Slice 1</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="cd-arrow" sketch:type="MSLayerGroup" fill="#989890"> <g id="Homepage" sketch:type="MSShapeGroup"> <g id="homepage-products-new"> <g id="header"> <g id="img_x2B_msg-4"> <g id="learn-more"> <path d="M8,5.5 L1.9,11 L0.1,9.4 L4.4,5.6 L0.1,1.8 L2,0.1 L8,5.5" id="Imported-Layers"></path> </g> </g> </g> </g> </g> </g> </g> </svg> <svg class="h-4 w-4 rotate-90" width="8px" height="11px" viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" x-show="expanded"> <!-- Generator: Sketch 3.2 (9961) - http://www.bohemiancoding.com/sketch --> <title>Slice 1</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="cd-arrow" sketch:type="MSLayerGroup" fill="#989890"> <g id="Homepage" sketch:type="MSShapeGroup"> <g id="homepage-products-new"> <g id="header"> <g id="img_x2B_msg-4"> <g id="learn-more"> <path d="M8,5.5 L1.9,11 L0.1,9.4 L4.4,5.6 L0.1,1.8 L2,0.1 L8,5.5" id="Imported-Layers"></path> </g> </g> </g> </g> </g> </g> </g> </svg> </button> <ul x-show="expanded" x-collapse class="mt-4 "> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/stories/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> All Stories </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/stories/latest-stories/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> Latest Stories </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/stories/editors-picks/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> Editors' Picks </a> </li> <hr class="mx-[16px] my-3 border-white/20"> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/collections/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> Collections </a> </li> </ul> </div> <div x-data="{ expanded: false }"> <button class="flex flex-row items-center justify-between w-full pl-8 pr-4 mt-8 text-lg font-medium text-white uppercase font-freight-sans" @click="expanded = ! expanded"> Write A Story <svg class="h-4 w-4" width="8px" height="11px" viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" x-show="!expanded"> <!-- Generator: Sketch 3.2 (9961) - http://www.bohemiancoding.com/sketch --> <title>Slice 1</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="cd-arrow" sketch:type="MSLayerGroup" fill="#989890"> <g id="Homepage" sketch:type="MSShapeGroup"> <g id="homepage-products-new"> <g id="header"> <g id="img_x2B_msg-4"> <g id="learn-more"> <path d="M8,5.5 L1.9,11 L0.1,9.4 L4.4,5.6 L0.1,1.8 L2,0.1 L8,5.5" id="Imported-Layers"></path> </g> </g> </g> </g> </g> </g> </g> </svg> <svg class="h-4 w-4 rotate-90" width="8px" height="11px" viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" x-show="expanded"> <!-- Generator: Sketch 3.2 (9961) - http://www.bohemiancoding.com/sketch --> <title>Slice 1</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="cd-arrow" sketch:type="MSLayerGroup" fill="#989890"> <g id="Homepage" sketch:type="MSShapeGroup"> <g id="homepage-products-new"> <g id="header"> <g id="img_x2B_msg-4"> <g id="learn-more"> <path d="M8,5.5 L1.9,11 L0.1,9.4 L4.4,5.6 L0.1,1.8 L2,0.1 L8,5.5" id="Imported-Layers"></path> </g> </g> </g> </g> </g> </g> </g> </svg> </button> <ul x-show="expanded" x-collapse class="mt-4"> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/write/guidelines/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> Guidelines For Writers </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/write/potential/" class="font-freight-sans text-lg text-white/60 my-1 inline-block pl-8 pr-4"> Potential Subjects </a> </li> </ul> </div> <ul class="mt-4"> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/our-story/" class="pl-4 pr-4 font-freight-sans text-lg text-white/60 my-1 inline-block"> Our Story </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/our-team/ " class="pl-4 pr-4 font-freight-sans text-lg text-white/60 my-1 inline-block"> Our Team </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/donate/" class="pl-4 pr-4 font-freight-sans text-lg text-white/60 my-1 inline-block"> Donate </a> </li> <li class="mx-4 hover:bg-grayBrand-hover"> <a href="https://www.bdcconline.net/en/contact/" class="pl-4 pr-4 font-freight-sans text-lg text-white/60 my-1 inline-block"> Get In Touch </a> </li> </ul><!-- /.mt-4 --> </div> </div> </template> </div> </header> <main id="main-content" aria-label="page content"> <div class="h-[380px] max-h-[380px] relative overflow-hidden mt-[82px]"> <div class="absolute top-0 left-0 w-full h-full py-16 "> <div class="container relative z-20 h-full"> <div class="flex flex-col items-center justify-center w-full h-full gap-8 "> <h1>Contact Us</h1> </div> <!-- /.flex flex-col lg:flex-row --> </div> <!-- /.container --> </div> <div class="absolute inset-0 z-10 w-full h-full bg-grayBrand/[.35]"></div> <figure class="h-full"> <picture class=""> <source media="(max-width: 767.9px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=768&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=9a3a575563d67a9ff530b4baaacce764" width="768" height="380" type="image/jpeg"> <source media="(max-width: 767.9px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=768&h=380&fm=webp&auto=compress&fit=crop&dm=1723731227&s=892e3e6f4f1a710df682c5fab857769b" width="768" height="380" type="image/webp"> <source media="(min-width: 768px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1024&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=67b6f608f07568860f48e1d3ce218965" width="1024" height="380" type="image/jpeg"> <source media="(min-width: 768px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1024&h=380&fm=webp&auto=compress&fit=crop&dm=1723731227&s=56cc8bd4b31d9bb9f3adf7db7ce93b58" width="1024" height="380" type="image/webp"> <source media="(min-width: 1024px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1280&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=c2326f6ce1587c9d0c43f417e0296943" width="1280" height="380" type="image/jpeg"> <source media="(min-width: 1024px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1280&h=380&fm=webp&auto=compress&fit=crop&dm=1723731227&s=9959efa40268fb2055d4181078d45eba" width="1280" height="380" type="image/webp"> <source media="(min-width: 1280px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1600&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=0a7441d36094615608bb14f0e4e68e88" width="1600" height="380" type="image/jpeg"> <source media="(min-width: 1280px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1600&h=380&fm=webp&auto=compress&fit=crop&dm=1723731227&s=d8ae1830ecaddccc80fe6bacb37a516b" width="1600" height="380" type="image/webp"> <source media="(min-width: 1600px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1920&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=f4d4ccab1a2102db5b83cacad87574d6" width="1920" height="380" type="image/jpeg"> <source media="(min-width: 1600px)" srcset="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1920&h=380&fm=webp&auto=compress&fit=crop&dm=1723731227&s=e3b7b04e7e18a1a075c50ea9305890f5" width="1920" height="380" type="image/webp"> <img src="https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1920&h=380&auto=compress%2Cformat&fit=crop&dm=1723731227&s=f4d4ccab1a2102db5b83cacad87574d6" alt="Contact" class="object-cover w-full h-full" width="1920" height="380" loading="lazy" /> </picture> </figure> </div> <section class="border-t border-gray-200 section-y-padding-aa"> <div class="container"> <div class="w-full md:max-w-[670px] mx-auto py-0"> <hr class="section-divider"> <h2 class="italic font-normal text-center text-28 leading-[1.25] font-freight-serif"><p><span>Send us a message by filling out the form below, and we'll get back to you as soon as we can.</span></p></h2> <hr class="section-divider"> </div> <!-- /.w-full --> </div> <!-- /.container --> </section> <div id="component-srvjfm" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://www.bdcconline.net/index.php/actions/sprig-core/components/render/" data-hx-vals="{"sprig:config":"0b3ee678976dd2f37ef2577197d61499b28c62ad75fa9f1960f9f59c2ea487f2{\u0022id\u0022:\u0022component-srvjfm\u0022,\u0022siteId\u0022:2,\u0022template\u0022:\u0022_components\\\/contact-form\u0022}"}"> <section class="py-12"> <div class="container"> <div class="w-full prose prose-lg"> <form class="flex flex-col gap-8 mx-auto lg:w-1/2" method="post" sprig s-method="post" s-action="contact-form/send" accept-charset="UTF-8" data-hx-headers="{"X-CSRF-Token":"GV24EW1n1n8st6Wt_dQC_bD5ZxCHhguB_d4lXnuw5HFmSgxgLtzWUlIoiEMuCrIuavWcmbKgWMXXt19Z_c1YyqqGTWdWyY8ZHAh5J3-J5WQ="}" data-hx-vals="{"sprig:action":"c1029561b077ce9a9fc78d21b7d51503a96ff4a17dc970348d774e26e8088b20contact-form\/send"}" data-hx-post="https://www.bdcconline.net/index.php/actions/sprig-core/components/render/" data-sprig-parsed> <input type="hidden" name="CRAFT_CSRF_TOKEN" value="GV24EW1n1n8st6Wt_dQC_bD5ZxCHhguB_d4lXnuw5HFmSgxgLtzWUlIoiEMuCrIuavWcmbKgWMXXt19Z_c1YyqqGTWdWyY8ZHAh5J3-J5WQ="> <div class="relative"> <input type="text" id="from-name" class="floating-input w-full" name="fromName" value="" autocomplete="name" aria-label="Your Name" placeholder="Your Name"> <label for="from-name" class="floating-label font-freight-sans">Your Name</label> </div> <div class="relative"> <input type="email" id="from-email" class="floating-input w-full" name="fromEmail" value="" autocomplete="email" aria-label="Email Address" placeholder="Email Address"> <label for="from-email" class="floating-label font-freight-sans">Email Address</label> </div><!-- /.relative --> <div class="relative"> <textarea id="message" class="floating-input w-full" name="message" rows="7" cols="40" aria-label="Message" placeholder="Message"></textarea> <label for="message" class="floating-label font-freight-sans">Message</label> </div><!-- /.relative --> <button type="submit" class="self-end font-freight-sans btn bg-[#2c97de] hover:bg-[#42a2e1] text-white hover:text-white">Send Message</button> </form> </div><!-- /.prose --> </div><!-- /.container --> </section> </div> </main> <footer> <footer class="py-20 bg-white"> <div class="container"> <div class="grid flex-row w-full grid-cols-1 gap-8 lg:flex"> <div class="w-full lg:w-1/4"></div> <!-- /.w-full --> <div class="flex flex-col justify-center w-full lg:w-1/2"> <ul class="flex flex-row justify-center gap-6 font-freight-sans" aria-label="Footer Navigation"> <li> <a href="https://www.bdcconline.net/en/" class="font-bold hover:underline"> Home </a> </li> <li> <a href="https://www.bdcconline.net/en/our-story/" class="font-bold hover:underline"> About </a> </li> <li> <a href="https://www.bdcconline.net/en/stories/" class="font-bold hover:underline"> Stories </a> </li> </ul> <!-- /.text-sm --> <p class="mt-2 text-sm text-center font-freight-sans"> © 2005-2024 Biographical Dictionary of Chinese Christianity </p> </div> <!-- /.w-full --> <div class="w-full lg:w-1/4"> </div> <!-- /.w-full --> </div> <!-- /.flex flex-row --> </div> <!-- /.container --> </footer> </footer> <!-- vendor scripts --> <script src="/assets/js/plyr.min.js?1729517262"></script> <script src="/assets/js/scripts.combined.js?1729517262"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://www.bdcconline.net/#identity"},"copyrightHolder":{"@id":"https://www.bdcconline.net/#identity"},"copyrightYear":"2022","creator":{"@id":"#creator"},"dateCreated":"2022-04-20T09:17:26-04:00","dateModified":"2024-08-15T10:15:29-04:00","datePublished":"2022-04-20T09:17:00-04:00","headline":"Get in Touch","image":{"@type":"ImageObject","url":"https://bdcc-online.transforms.svdcdn.com/production/uploads/slider/contact.jpg?w=1600&h=459&auto=compress%2Cformat&fit=crop&dm=1723731227&s=3d60110ce207e758ae56187aea0fec97"},"inLanguage":"en","mainEntityOfPage":"https://www.bdcconline.net/en/contact/","name":"Get in Touch","publisher":{"@id":"#creator"},"url":"https://www.bdcconline.net/en/contact/"},{"@id":"https://www.bdcconline.net/#identity","@type":"WebSite","image":{"@type":"ImageObject","height":"928","url":"https://bdcc-online.transforms.svdcdn.com/staging/uploads/logo.png?w=932&h=928&auto=compress%2Cformat&fit=crop&dm=1724187123&s=817d75fdb8873f266d263ea290e53ebd","width":"932"},"inLanguage":"en","name":"BDCC","url":"https://www.bdcconline.net/"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.bdcconline.net/en/","name":"Home","position":1},{"@type":"ListItem","item":"https://www.bdcconline.net/en/contact/","name":"Get in Touch","position":2}],"name":"Breadcrumbs"}]}</script><script src="https://www.bdcconline.net/cpresources/e5860853/htmx.min.js?v=1729517392"></script></body> </html>