11<!DOCTYPE html>
22< html lang ="en ">
33< head >
4- < body >
5- <!-- Fixed header: use on all pages -->
6- < header class ="site-header ">
7- < div class ="container header-row ">
8- < a href ="index.html " class ="brand ">
9- < div class ="logo "> PF</ div >
10- < div >
11- < p class ="org-name "> Pacesetters Foundation</ p >
12- < p class ="tagline "> Impacting lives</ p >
13- </ div >
14- </ a >
15-
16- < button class ="nav-toggle "> ☰</ button >
17-
18- < nav class ="nav ">
19- < a href ="index.html "> Home</ a >
20- < a href ="stakeholders.html "> Stakeholders</ a >
21- < a href ="donate.html "> Donate</ a >
22- < a href ="gallery.html "> Gallery</ a >
23- < a href ="contact.html "> Contact</ a >
24- </ nav >
25- </ div >
26- </ header >
27-
28- <!-- Main content goes here: unique per page -->
29- < main >
30- <!-- Put page-specific content here -->
31- </ main >
32- </ body >
334 < meta charset ="utf-8 " />
34- < meta name ="viewport " content ="width=device-width,initial-scale=1 " />
35- < title > Pacesetters Foundation — Home</ title >
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
366 < meta name ="description " content ="Pacesetters Foundation - Empowering communities through education, health and livelihoods. " />
7+ < title > Pacesetters Foundation — Home</ title >
378 < link rel ="stylesheet " href ="style.css ">
389</ head >
3910< body >
40- <!-- Header (shared across pages) -->
11+
12+ <!-- Header -->
4113 < header class ="site-header ">
4214 < div class ="container header-row ">
43- < div class ="brand ">
15+ < a href =" index.html " class ="brand ">
4416 < div class ="logo "> PF</ div >
4517 < div >
4618 < h1 class ="org-name "> Pacesetters Foundation</ h1 >
4719 < div class ="tagline "> Empowering communities across Ghana</ div >
4820 </ div >
49- </ div >
21+ </ a >
22+
23+ < button class ="nav-toggle " aria-label ="Open menu "> ☰</ button >
24+
5025 < nav class ="nav " aria-label ="Main navigation ">
5126 < a href ="index.html "> Home</ a >
5227 < a href ="about.html "> About</ a >
@@ -56,7 +31,6 @@ <h1 class="org-name">Pacesetters Foundation</h1>
5631 < a href ="donate.html " class ="btn small "> Donate</ a >
5732 < a href ="contact.html "> Contact</ a >
5833 </ nav >
59- < button class ="nav-toggle " aria-label ="Open menu "> ☰</ button >
6034 </ div >
6135 </ header >
6236
@@ -73,8 +47,9 @@ <h2 class="reveal">Transforming Lives Through Education & Community Action</h2>
7347 </ div >
7448 </ section >
7549
76- <!-- Quick links / highlights -->
50+ <!-- Main content -->
7751 < main >
52+ <!-- What We Do -->
7853 < section class ="section container ">
7954 < div class ="section-grid ">
8055 < div >
@@ -88,113 +63,4 @@ <h4>Education</h4>
8863 </ article >
8964 < article class ="card reveal delay-1 ">
9065 < h4 > Health</ h4 >
91- < p > Community screenings, maternal support and vaccinations.</ p >
92- </ article >
93- < article class ="card reveal delay-2 ">
94- < h4 > Livelihoods</ h4 >
95- < p > Vocational training, micro-grants and entrepreneurship support.</ p >
96- </ article >
97- </ div >
98- </ div >
99-
100- < aside >
101- < div class ="card stat-card reveal ">
102- < div class ="num " data-target ="5000 "> 0</ div >
103- < div class ="label "> Students Supported</ div >
104- </ div >
105-
106- < div class ="card stat-card reveal delay-1 ">
107- < div class ="num " data-target ="120 "> 0</ div >
108- < div class ="label "> Communities Reached</ div >
109- </ div >
110- </ aside >
111- </ div >
112- </ section >
113-
114- <!-- Profiles fly-in grid (small sample) -->
115- < section class ="section pale ">
116- < div class ="container ">
117- < h3 > Our Team</ h3 >
118- < p class ="lead "> Small but dedicated team</ p >
119-
120- < div class ="profiles-grid flight ">
121- <!-- Replace images & names -->
122- < div class ="profile-card reveal ">
123- < img src ="images/profile1.jpg " alt ="Profile 1 ">
124- < div class ="profile-body ">
125- < strong > Jane Doe</ strong >
126- < small > Executive Director</ small >
127- </ div >
128- </ div >
129-
130- < div class ="profile-card reveal delay-1 ">
131- < img src ="images/profile2.jpg " alt ="Profile 2 ">
132- < div class ="profile-body ">
133- < strong > Kwame Mensah</ strong >
134- < small > Programs Lead</ small >
135- </ div >
136- </ div >
137-
138- < div class ="profile-card reveal delay-2 ">
139- < img src ="images/profile3.jpg " alt ="Profile 3 ">
140- < div class ="profile-body ">
141- < strong > Akua Adjei</ strong >
142- < small > Operations</ small >
143- </ div >
144- </ div >
145- </ div >
146- </ div >
147- </ section >
148-
149- <!-- Call to action -->
150- < section class ="section cta-dark ">
151- < div class ="container ">
152- < div class ="cta-grid ">
153- < div >
154- < h3 > Make a Difference Today</ h3 >
155- < p > Support our programs — your contribution helps build classrooms, fund scholarships and support health outreach.</ p >
156- </ div >
157- < div >
158- < a href ="donate.html " class ="btn primary large "> Donate Now</ a >
159- </ div >
160- </ div >
161- </ div >
162- </ section >
163- </ main >
164-
165- <!-- Footer -->
166- < footer class ="footer ">
167- < div class ="container footer-grid ">
168- < div >
169- < strong > Pacesetters Foundation</ strong > < br >
170- < small class ="muted "> Empowering communities across Ghana</ small >
171- </ div >
172- < div >
173- < nav class ="footer-nav ">
174- < a href ="about.html "> About</ a >
175- < a href ="programs.html "> Programs</ a >
176- < a href ="contact.html "> Contact</ a >
177- </ nav >
178- </ div >
179- < div >
180- < small class ="muted "> © 2025 Pacesetters Foundation — Built by SCode Studio</ small >
181- </ div >
182- </ div >
183- </ footer >
184-
185- <!-- Lightbox for gallery (shared) -->
186- < div id ="lightbox " class ="lightbox " aria-hidden ="true ">
187- < div class ="lightbox-inner ">
188- < button class ="lightbox-close " aria-label ="Close "> ✕</ button >
189- < img src ="" alt ="Full " id ="lightboxImg ">
190- </ div >
191- </ div >
192-
193- <!-- Back to top (static on all pages) -->
194- < button id ="topBtn " title ="Back to top "> ↑</ button >
195-
196- <!-- Shared scripts -->
197- < script src ="script.js "> </ script >
198- </ body >
199- </ html >
200-
66+ < p > Community screenings, maternal support and vaccin
0 commit comments