Scholarship fund wordpress embed · HTML
:root{
--forest:#1B2A22;
--forest-dark:#111C16;
--gold:#D9A441;
--terracotta:#C0512B;
--cream:#F4F1EC;
--paper:#FFFDFA;
--ink:#2B2A26;
--muted:#7C7768;
--line:#E5DDC8;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--cream);
color:var(--ink);
font-family:Georgia,'Times New Roman',serif;
-webkit-font-smoothing:antialiased;
}
.sans{font-family:Arial,Helvetica,sans-serif;}
a{color:inherit;}
.wrap{max-width:760px;margin:0 auto;padding:0 28px;}
header.hero{
background:radial-gradient(120% 140% at 50% -10%, #24382C 0%, var(--forest) 45%, var(--forest-dark) 100%);
color:var(--paper);
padding:56px 0 74px;
text-align:center;
position:relative;
}
header.hero::after{
content:"";
position:absolute; left:0; right:0; bottom:0; height:6px;
background:linear-gradient(90deg, var(--gold), var(--terracotta), var(--gold));
}
.eyebrow{
font-family:Arial,Helvetica,sans-serif;
font-size:12px; letter-spacing:3px; text-transform:uppercase;
color:var(--gold); margin-bottom:18px;
}
h1.hero-title{
font-size:clamp(30px,5vw,44px);
line-height:1.18;
margin:0 0 20px;
font-weight:normal;
}
.hero-sub{
font-family:Arial,Helvetica,sans-serif;
font-size:15px; line-height:26px; color:#CFC6AE;
max-width:520px; margin:0 auto 34px;
}
.hero-cta{
display:inline-block; font-family:Arial,Helvetica,sans-serif;
font-size:13px; letter-spacing:1.5px; text-transform:uppercase;
background:var(--terracotta); color:var(--paper); text-decoration:none;
padding:14px 30px; border-radius:3px; font-weight:bold;
}
section.covenant{max-width:760px; margin:-42px auto 0; padding:0 28px;}
.seal-card{
background:var(--paper); border:1px solid var(--line); border-radius:6px;
box-shadow:0 20px 40px -20px rgba(27,42,34,0.35);
padding:44px 40px; text-align:center;
}
.seal-card p.lede{font-size:19px; line-height:31px; margin:0;}
.seal-card p.lede em{font-style:italic; color:var(--terracotta);}
section.how-it-works{padding:78px 0 20px;}
.section-head{text-align:center; margin-bottom:46px;}
.section-head .eyebrow{color:var(--terracotta);}
.section-head h2{font-size:28px; font-weight:normal; margin:0; color:var(--forest);}
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:0; position:relative;}
.step{text-align:left; padding:0 18px; position:relative;}
.step .num{
font-family:Georgia,serif; font-size:34px; color:var(--gold); line-height:1;
margin-bottom:12px;
}
.step h3{font-size:16px; color:var(--forest); font-weight:normal; margin:0 0 8px;}
.step p{font-family:Arial,Helvetica,sans-serif; font-size:13.5px; line-height:21px; color:var(--muted); margin:0;}
@media (max-width:680px){
.steps{grid-template-columns:1fr; gap:26px;}
}
section.bank-details{padding:70px 0 10px;}
.bank-card{
background:var(--forest); color:var(--paper); border-radius:8px;
padding:40px 40px 32px;
}
.bank-card h2{font-size:22px; font-weight:normal; margin:0 0 6px; color:var(--paper);}
.bank-card .form-intro{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#C9BFA8; margin:0 0 28px; line-height:22px;}
.bank-grid{
display:grid; grid-template-columns:1fr 1fr; gap:20px 32px;
border-top:1px solid rgba(255,255,255,0.15); padding-top:26px;
}
.bank-item .label{
font-family:Arial,Helvetica,sans-serif; font-size:11px; letter-spacing:1.5px;
text-transform:uppercase; color:var(--gold); margin-bottom:6px;
}
.bank-item .value{font-family:Georgia,serif; font-size:17px;}
@media (max-width:560px){.bank-grid{grid-template-columns:1fr;}}
.ref-note{
margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.15);
font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:22px; color:#C9BFA8;
}
.ref-note strong{color:var(--gold);}
section.form-section{padding:60px 0 90px;}
.form-card{
background:var(--paper); border:1px solid var(--line); border-radius:8px;
padding:44px 40px;
}
.form-card h2{font-size:22px; font-weight:normal; color:var(--forest); margin:0 0 6px;}
.form-card .form-intro{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:var(--muted); margin:0 0 32px; line-height:22px;}
.field{margin-bottom:22px;}
.field label{
display:block; font-family:Arial,Helvetica,sans-serif; font-size:12px;
letter-spacing:0.5px; text-transform:uppercase; color:var(--forest);
font-weight:bold; margin-bottom:8px;
}
.field input[type=text], .field input[type=email], .field select, .field textarea{
width:100%; font-family:Arial,Helvetica,sans-serif; font-size:15px;
padding:12px 14px; border:1px solid #D8D0BC; border-radius:4px;
background:#FFFFFF; color:var(--ink);
}
.field input:focus, .field select:focus, .field textarea:focus{
outline:2px solid var(--gold); outline-offset:1px; border-color:var(--gold);
}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media (max-width:560px){.two-col{grid-template-columns:1fr;}}
.submit-btn{
width:100%; font-family:Arial,Helvetica,sans-serif; font-size:14px;
letter-spacing:1.5px; text-transform:uppercase; font-weight:bold;
background:var(--terracotta); color:var(--paper); border:none;
padding:16px; border-radius:4px; cursor:pointer;
}
.submit-btn:hover{background:#A8451F;}
.submit-btn:focus-visible{outline:3px solid var(--gold); outline-offset:2px;}
.form-note{
font-family:Arial,Helvetica,sans-serif; font-size:12px; color:var(--muted);
text-align:center; margin-top:16px; line-height:19px;
}
#success-message{display:none; text-align:center; padding:30px 10px;}
#success-message .mark-big{
width:56px; height:56px; border-radius:50%; background:var(--forest); color:var(--gold);
display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
font-family:Georgia,serif; font-size:26px;
}
#success-message h3{font-size:22px; color:var(--forest); font-weight:normal; margin:0 0 10px;}
#success-message p{font-family:Arial,Helvetica,sans-serif; font-size:14px; color:var(--muted); line-height:22px; max-width:400px; margin:0 auto;}
footer{
background:var(--forest); color:#B9C4B4; text-align:center; padding:34px 24px;
font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px;
}
footer a{color:var(--gold); text-decoration:none;}
.quote-strip{
text-align:center; font-style:italic; font-size:15px; color:var(--muted);
max-width:480px; margin:0 auto; padding:0 0 20px;
}
Sustained academic, psychosocial, and financial-literacy support for students adopted through our five-sector model.Connected Hands
Scholarship Fund
"Sixty-seven minutes once moved a nation to serve. Your gift moves a child toward a future."
Transfer any amount directly using the banking details below, with your name as reference. Let us know you've given using the short form below, and we'll send confirmation and a thank-you. Your gift funds academic support, psychosocial care, mentorship, and family integration for an adopted student.From your account to a student's future
You give by EFT
We confirm receipt
A student is supported
Give by EFT using the details below. Please use your name as the payment reference. Note: Please email your proof of payment to info@connectedcorp.africa or complete the confirmation form below so we can issue your receipt.Banking Details
This helps us match your EFT to your name and send you a proper thank-you and receipt. We'll send confirmation and a formal thank-you to the email address you provide. Your contribution has been logged. Connected Corp. will send you a confirmation and receipt within 3 working days.Let Us Know You've Given
Thank you for your gift
"It always seems impossible until it is done." — Nelson Mandela
Connected Corp. | Hold Hands™ Campaign
92 Wessels Mota Street, Unit 10, Extension 3, Sebokeng, 1983
const form = document.getElementById('giveForm');
form.addEventListener('submit', async function(e){
e.preventDefault();
const data = new FormData(form);
try{
const res = await fetch(form.action, {
method: 'POST',
body: data,
headers: { 'Accept': 'application/json' }
});
if(res.ok){
form.style.display = 'none';
document.getElementById('success-message').style.display = 'block';
document.getElementById('success-message').scrollIntoView({behavior:'smooth', block:'center'});
} else {
alert('Something went wrong confirming your gift. Please try again or email info@connectedcorp.africa directly.');
}
} catch(err){
alert('Something went wrong confirming your gift. Please try again or email info@connectedcorp.africa directly.');
}
});