Skip to content

Commit 2bb6d67

Browse files
SCodeGitSCodeGit
authored
Add files via upload
1 parent aab8fb4 commit 2bb6d67

File tree

9 files changed

+402
-476
lines changed

9 files changed

+402
-476
lines changed

‎about.html‎

Lines changed: 6 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,9 @@
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
10-
11-
<!-- Fixed header -->
1210
<header class="site-header">
1311
<div class="container header-row">
14-
<a href="index.html" class="brand">
15-
<div class="logo">PF</div>
16-
<div>
17-
<p class="org-name">Pacesetters Foundation</p>
18-
<p class="tagline">Impacting lives</p>
19-
</div>
20-
</a>
21-
22-
<button class="nav-toggle">☰</button>
23-
12+
<div class="brand"><div class="logo">PF</div><div><h1 class="org-name">Pacesetters Foundation</h1></div></div>
2413
<nav class="nav">
2514
<a href="index.html">Home</a>
2615
<a href="about.html">About</a>
@@ -30,13 +19,13 @@
3019
<a href="donate.html" class="btn small">Donate</a>
3120
<a href="contact.html">Contact</a>
3221
</nav>
22+
<button class="nav-toggle">☰</button>
3323
</div>
3424
</header>
3525

36-
<!-- Main content -->
3726
<main class="container section">
3827
<h2>History</h2>
39-
<p>Pacesetters Foundation was established in 2015 to respond to gaps in education and health in underserved communities. We started with one school renovation and a scholarship program; today we work with district partners across regions, implementing programs in education, health, and youth empowerment. Over the years, our reach has expanded to thousands of students and families, ensuring better access to resources and opportunities.</p>
28+
<p><!-- EDIT: Full history text -->Pacesetters Foundation was established in 2015 to respond to gaps in education and health in underserved communities. We started with one school renovation and a scholarship program; today we work with district partners across regions.</p>
4029

4130
<h3>Our Aims</h3>
4231
<ul>
@@ -53,26 +42,18 @@ <h3>Objectives</h3>
5342
</ol>
5443

5544
<h3>Mission</h3>
56-
<p>To empower underserved communities to reach their potential through integrated education, health and livelihoods interventions.</p>
45+
<p><!-- EDIT: Mission -->To empower underserved communities to reach their potential through integrated education, health and livelihoods interventions.</p>
5746
</main>
5847

59-
<!-- Footer -->
6048
<footer class="footer">
6149
<div class="container footer-grid">
6250
<div><strong>Pacesetters Foundation</strong></div>
63-
<div>
64-
<nav class="footer-nav">
65-
<a href="index.html">Home</a>
66-
<a href="programs.html">Programs</a>
67-
</nav>
68-
</div>
69-
<div><small class="muted">© 2025 Pacesetters Foundation Built by SCode Studio</small></div>
51+
<div><nav class="footer-nav"><a href="index.html">Home</a><a href="programs.html">Programs</a></nav></div>
52+
<div><small class="muted">© 2025 Pacesetters Foundation</small></div>
7053
</div>
7154
</footer>
7255

73-
<!-- Back-to-top button -->
7456
<button id="topBtn" title="Back to top">↑</button>
75-
7657
<script src="script.js"></script>
7758
</body>
7859
</html>

‎contact.html‎

Lines changed: 3 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,14 @@
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
10-
11-
<!-- Header -->
1210
<header class="site-header">
1311
<div class="container header-row">
14-
<a href="index.html" class="brand">
15-
<div class="logo">PF</div>
16-
<div>
17-
<p class="org-name">Pacesetters Foundation</p>
18-
<p class="tagline">Impacting lives</p>
19-
</div>
20-
</a>
21-
12+
<div class="brand"><div class="logo">PF</div><div><h1 class="org-name">Pacesetters Foundation</h1></div></div>
13+
<nav class="nav"><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="donate.html" class="btn small">Donate</a></nav>
2214
<button class="nav-toggle">☰</button>
23-
24-
<nav class="nav">
25-
<a href="index.html">Home</a>
26-
<a href="contact.html">Contact</a>
27-
<a href="donate.html" class="btn small">Donate</a>
28-
</nav>
2915
</div>
3016
</header>
3117

32-
<!-- Main content -->
3318
<main class="container section">
3419
<h2>Contact Us</h2>
3520
<p class="lead">For partnership enquiries, media or donations, use the form below or reach us directly.</p>
@@ -60,17 +45,8 @@ <h4>Office Hours</h4>
6045
</div>
6146
</main>
6247

63-
<!-- Footer -->
64-
<footer class="footer">
65-
<div class="container footer-grid">
66-
<div><strong>Pacesetters Foundation</strong></div>
67-
<div><small class="muted">© 2025</small></div>
68-
</div>
69-
</footer>
70-
71-
<!-- Back-to-top -->
48+
<footer class="footer"><div class="container footer-grid"><div><strong>Pacesetters Foundation</strong></div><div><small class="muted">© 2025</small></div></div></footer>
7249
<button id="topBtn" title="Back to top">↑</button>
73-
7450
<script src="script.js"></script>
7551
</body>
7652
</html>

‎donate.html‎

Lines changed: 10 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -2,36 +2,19 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
5+
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Donate — Pacesetters Foundation</title>
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
10-
11-
<!-- Header -->
1210
<header class="site-header">
1311
<div class="container header-row">
14-
<a href="index.html" class="brand">
15-
<div class="logo">PF</div>
16-
<div>
17-
<p class="org-name">Pacesetters Foundation</p>
18-
<p class="tagline">Impacting lives</p>
19-
</div>
20-
</a>
21-
12+
<div class="brand"><div class="logo">PF</div><div><h1 class="org-name">Pacesetters Foundation</h1></div></div>
13+
<nav class="nav"><a href="index.html">Home</a><a href="donate.html" class="btn small">Donate</a><a href="contact.html">Contact</a></nav>
2214
<button class="nav-toggle">☰</button>
23-
24-
<nav class="nav">
25-
<a href="index.html">Home</a>
26-
<a href="stakeholders.html">Stakeholders</a>
27-
<a href="donate.html" class="btn small">Donate</a>
28-
<a href="gallery.html">Gallery</a>
29-
<a href="contact.html">Contact</a>
30-
</nav>
3115
</div>
3216
</header>
3317

34-
<!-- Main content -->
3518
<main class="container section">
3619
<h2>Support Our Work</h2>
3720
<p class="lead">Choose a convenient method to give — Bank transfer, Mobile Money (MTN, Vodafone, etc.) or Card payments.</p>
@@ -65,6 +48,7 @@ <h4>Mobile Money</h4>
6548
</select>
6649

6750
<div id="momoDetails" style="margin-top:12px">
51+
<!-- Will be populated by JS -->
6852
<p class="muted">Pick a network to see the number and instructions.</p>
6953
</div>
7054
</div>
@@ -74,26 +58,19 @@ <h4>Mobile Money</h4>
7458
<div class="card">
7559
<h4>Card / Online Payment</h4>
7660
<p>Use our secure online checkout to donate by Visa, Mastercard or mobile card.</p>
61+
<!-- EDIT: Replace the href with your Paystack/Flutterwave checkout URL -->
7762
<a id="payBtn" class="btn primary" href="#" target="_blank" rel="noopener">Donate Online (Paystack/Flutterwave)</a>
7863
</div>
7964
</div>
8065
</main>
8166

82-
<!-- Footer -->
83-
<footer class="footer">
84-
<div class="container footer-grid">
85-
<div><strong>Pacesetters Foundation</strong></div>
86-
<div><small class="muted">© 2025</small></div>
87-
</div>
88-
</footer>
67+
<footer class="footer"><div class="container footer-grid"><div><strong>Pacesetters Foundation</strong></div><div><small class="muted">© 2025</small></div></div></footer>
8968

90-
<!-- Back-to-top button -->
9169
<button id="topBtn" title="Back to top">↑</button>
92-
9370
<script src="script.js"></script>
9471

9572
<script>
96-
// Tab functionality
73+
// Simple tab logic (also in script.js but keep local to ensure immediate functionality)
9774
const tabBtns = document.querySelectorAll('.tab-btn');
9875
const tabContents = document.querySelectorAll('.tab-content');
9976
tabBtns.forEach(btn => btn.addEventListener('click', () => {
@@ -103,20 +80,18 @@ <h4>Card / Online Payment</h4>
10380
tabContents.forEach(c => c.id === tab ? c.classList.remove('hidden') : c.classList.add('hidden'));
10481
}));
10582

106-
// MoMo networks
83+
// MoMo networks data
10784
const momoData = {
10885
"MTN": {number:"+233 24 000 0001", name:"Pacesetters Foundation (MTN MoMo)"},
10986
"Vodafone": {number:"+233 20 000 0002", name:"Pacesetters Foundation (Vodafone Cash)"},
11087
"AirtelTigo": {number:"+233 24 000 0003", name:"Pacesetters Foundation (AirtelTigo Money)"}
11188
};
89+
11290
const momoNetwork = document.getElementById('momoNetwork');
11391
const momoDetails = document.getElementById('momoDetails');
11492
momoNetwork.addEventListener('change', () => {
11593
const v = momoNetwork.value;
116-
if (!v) {
117-
momoDetails.innerHTML = '<p class="muted">Pick a network to see the number and instructions.</p>';
118-
return;
119-
}
94+
if (!v) { momoDetails.innerHTML = '<p class="muted">Pick a network to see the number and instructions.</p>'; return; }
12095
const data = momoData[v];
12196
momoDetails.innerHTML = `<p><strong>${data.name}</strong></p><p>Number: <strong>${data.number}</strong></p><p>Send your donation and SMS proof to <a href="mailto:[email protected]">[email protected]</a> or upload proof via our contact page.</p>`;
12297
});

‎gallery.html‎

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,34 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
5+
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Gallery — Pacesetters Foundation</title>
77
<link rel="stylesheet" href="style.css">
88
</head>
99
<body>
10-
11-
<!-- Header -->
1210
<header class="site-header">
1311
<div class="container header-row">
14-
<a href="index.html" class="brand">
15-
<div class="logo">PF</div>
16-
<div>
17-
<p class="org-name">Pacesetters Foundation</p>
18-
<p class="tagline">Impacting lives</p>
19-
</div>
20-
</a>
12+
<div class="brand"><div class="logo">PF</div><div><h1 class="org-name">Pacesetters Foundation</h1></div></div>
13+
<nav class="nav"><a href="index.html">Home</a><a href="gallery.html">Gallery</a><a href="donate.html" class="btn small">Donate</a><a href="contact.html">Contact</a></nav>
14+
<button class="nav-toggle">☰</button>
15+
</div>
16+
</header>
17+
18+
<main class="container section">
19+
<h2>Gallery</h2>
20+
<p class="lead">Click any image to enlarge</p>
21+
22+
<div class="gallery-grid">
23+
<img src="images/gallery1.jpg" class="gallery-item reveal" data-full="images/gallery1.jpg" alt="gallery1">
24+
<img src="images/gallery2.jpg" class="gallery-item reveal delay-1" data-full="images/gallery2.jpg" alt="gallery2">
25+
<img src="images/gallery3.jpg" class="gallery-item reveal delay-2" data-full="images/gallery3.jpg" alt="gallery3">
26+
<img src="images/gallery4.jpg" class="gallery-item reveal delay-3" data-full="images/gallery4.jpg" alt="gallery4">
27+
</div>
28+
</main>
2129

22-
<button class="nav-toggle">☰</butt
30+
<div id="lightbox" class="lightbox" aria-hidden="true"><div class="lightbox-inner"><button class="lightbox-close">✕</button><img id="lightboxImg" src="" alt=""></div></div>
31+
<footer class="footer"><div class="container footer-grid"><div><strong>Pacesetters Foundation</strong></div><div><small class="muted">© 2025</small></div></div></footer>
32+
<button id="topBtn" title="Back to top">↑</button>
33+
<script src="script.js"></script>
34+
</body>
35+
</html>

0 commit comments

Comments
 (0)