Skip to content

Commit c363ffc

Browse files
whos2saywhos2say
authored
Create contact-thank-you.html
1 parent dc2d37b commit c363ffc

File tree

1 file changed

+141
-0
lines changed

1 file changed

+141
-0
lines changed

‎contact-thank-you.html‎

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Message Sent | Who’s to Say ? Foundation</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="description" content="Thank you for contacting Who’s to Say ? Foundation." />
8+
9+
<!-- Keep consistent with the rest of the site -->
10+
<script src="/assets/js/theme.js" defer></script>
11+
<link rel="stylesheet" href="/assets/css/styles.css" />
12+
</head>
13+
14+
<body data-page="contact-thank-you">
15+
<a class="skip-link" href="#main">Skip to content</a>
16+
17+
<!-- Canonical Header -->
18+
<header class="site-header">
19+
<div class="header-inner">
20+
<a class="brand" href="/" aria-label="Who’s to Say ? Foundation Home">
21+
<img class="brand-logo logo-dark" src="/assets/images/logo-white-dark.png" alt="Who’s to Say ? Foundation logo (dark)" />
22+
<img class="brand-logo logo-light" src="/assets/images/logo-black-light.png" alt="Who’s to Say ? Foundation logo (light)" />
23+
</a>
24+
25+
<nav class="site-nav" aria-label="Primary navigation">
26+
<a class="nav-link" data-nav="home" href="/">Home</a>
27+
28+
<div class="nav-item has-submenu" data-submenu="programs">
29+
<a class="nav-link" data-nav="programs" href="/programs.html" aria-haspopup="true" aria-expanded="false">
30+
Programs
31+
</a>
32+
<div class="nav-submenu" role="menu" aria-label="Programs submenu">
33+
<a class="submenu-link" role="menuitem" href="/programs.html#digital">Digital Path</a>
34+
<a class="submenu-link" role="menuitem" href="/programs.html#sports">Sports Path</a>
35+
<a class="submenu-link" role="menuitem" href="/programs.html#independence">Independence Path</a>
36+
<a class="submenu-link" role="menuitem" href="/programs.html#community">Community Path</a>
37+
<a class="submenu-link" role="menuitem" href="/programs.html#art">Art Path</a>
38+
<a class="submenu-link" role="menuitem" href="/programs.html#entertainment">Entertainment Path</a>
39+
</div>
40+
</div>
41+
42+
<a class="nav-link" href="https://givebutter.com/whostosayfoundation" target="_blank" rel="noopener">Donate</a>
43+
<a class="nav-link active" data-nav="contact" href="/contact.html">Contact</a>
44+
</nav>
45+
46+
<div class="header-actions">
47+
<button class="theme-toggle" type="button" aria-label="Toggle theme" aria-pressed="false"></button>
48+
</div>
49+
</div>
50+
</header>
51+
52+
<main id="main" class="program-page contact-page">
53+
<!-- HERO -->
54+
<section class="program-hero contact-hero">
55+
<div class="program-hero-card">
56+
<div class="program-hero-media contact-hero-media">
57+
<!-- Use an existing site asset; swap if you prefer -->
58+
<img src="/assets/images/Abstract_Program-hero.png" alt="" loading="lazy" decoding="async" />
59+
</div>
60+
61+
<div class="program-hero-body">
62+
<div class="breadcrumb">
63+
<a href="/">Home</a><span>›</span><a href="/contact.html">Contact</a><span>›</span><span>Success</span>
64+
</div>
65+
66+
<h1>Message Sent</h1>
67+
<p class="program-subtitle">
68+
Thanks for reaching out — we received your message and will respond as soon as we can.
69+
</p>
70+
71+
<div class="pills">
72+
<span class="pill">Received</span>
73+
<span class="pill">In Review</span>
74+
<span class="pill">Reply Soon</span>
75+
</div>
76+
77+
<div class="btn-row" style="margin-top: 14px;">
78+
<a class="btn btn-primary" href="/programs.html">Explore Programs</a>
79+
<a class="btn btn-secondary" href="/">Back Home</a>
80+
</div>
81+
</div>
82+
</div>
83+
</section>
84+
85+
<!-- 60/40 shell -->
86+
<section class="program-shell program-shell--6040 contact-shell">
87+
<!-- LEFT -->
88+
<article class="program-content">
89+
<section class="program-section">
90+
<h2>What happens next?</h2>
91+
<p>
92+
If your message includes a specific question or request, we’ll reply to the email you provided.
93+
If your inquiry is time-sensitive, email us directly or call.
94+
</p>
95+
96+
<div class="program-section" style="margin-top: 16px;">
97+
<h3>Quick links</h3>
98+
<ul>
99+
<li><a href="/programs.html">The Possibility Paths</a></li>
100+
<li><a href="https://givebutter.com/whostosayfoundation" target="_blank" rel="noopener">Support our mission</a></li>
101+
<li><a href="/contact.html">Send another message</a></li>
102+
</ul>
103+
</div>
104+
</section>
105+
</article>
106+
107+
<!-- RIGHT -->
108+
<aside class="program-sidebar">
109+
<div class="program-sidebar-card">
110+
<h3>Contact</h3>
111+
<ul class="contact-list">
112+
<li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
113+
<li><strong>Phone:</strong> <a href="tel:+17323141943">(732) 314-1943</a></li>
114+
</ul>
115+
</div>
116+
117+
<div class="program-sidebar-card">
118+
<h3>Prefer email?</h3>
119+
<p class="muted" style="margin-top: 8px;">
120+
Send a note and include “Programs”, “Partnership”, or “Media” in the subject line.
121+
</p>
122+
<div class="btn-row" style="margin-top: 12px;">
123+
<a class="btn btn-secondary" href="mailto:[email protected]?subject=Who%E2%80%99s%20to%20Say%20%E2%80%94%20Contact">Email Us</a>
124+
</div>
125+
</div>
126+
</aside>
127+
</section>
128+
</main>
129+
130+
<footer class="site-footer">
131+
© <span id="year"></span> Who’s to Say ? Foundation
132+
</footer>
133+
134+
<script>
135+
(function () {
136+
var el = document.getElementById("year");
137+
if (el) el.textContent = new Date().getFullYear();
138+
})();
139+
</script>
140+
</body>
141+
</html>

0 commit comments

Comments
 (0)