|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | | - <body> |
5 | | - <!-- Fixed header: use on all pages --> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 6 | + <title>Gallery — Pacesetters Foundation</title> |
| 7 | + <link rel="stylesheet" href="style.css"> |
| 8 | +</head> |
| 9 | +<body> |
| 10 | + |
| 11 | + <!-- Header --> |
6 | 12 | <header class="site-header"> |
7 | 13 | <div class="container header-row"> |
8 | 14 | <a href="index.html" class="brand"> |
|
13 | 19 | </div> |
14 | 20 | </a> |
15 | 21 |
|
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> |
33 | | - <meta charset="utf-8" /> |
34 | | - <meta name="viewport" content="width=device-width,initial-scale=1" /> |
35 | | - <title>Gallery — Pacesetters Foundation</title> |
36 | | - <link rel="stylesheet" href="style.css"> |
37 | | -</head> |
38 | | -<body> |
39 | | - <header class="site-header"> |
40 | | - <div class="container header-row"> |
41 | | - <div class="brand"><div class="logo">PF</div><div><h1 class="org-name">Pacesetters Foundation</h1></div></div> |
42 | | - <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> |
43 | | - <button class="nav-toggle">☰</button> |
44 | | - </div> |
45 | | - </header> |
46 | | - |
47 | | - <main class="container section"> |
48 | | - <h2>Gallery</h2> |
49 | | - <p class="lead">Click any image to enlarge</p> |
50 | | - |
51 | | - <div class="gallery-grid"> |
52 | | - <img src="images/gallery1.jpg" class="gallery-item reveal" data-full="images/gallery1.jpg" alt="gallery1"> |
53 | | - <img src="images/gallery2.jpg" class="gallery-item reveal delay-1" data-full="images/gallery2.jpg" alt="gallery2"> |
54 | | - <img src="images/gallery3.jpg" class="gallery-item reveal delay-2" data-full="images/gallery3.jpg" alt="gallery3"> |
55 | | - <img src="images/gallery4.jpg" class="gallery-item reveal delay-3" data-full="images/gallery4.jpg" alt="gallery4"> |
56 | | - </div> |
57 | | - </main> |
58 | | - |
59 | | - <div id="lightbox" class="lightbox" aria-hidden="true"><div class="lightbox-inner"><button class="lightbox-close">✕</button><img id="lightboxImg" src="" alt=""></div></div> |
60 | | - <footer class="footer"><div class="container footer-grid"><div><strong>Pacesetters Foundation</strong></div><div><small class="muted">© 2025</small></div></div></footer> |
61 | | - <button id="topBtn" title="Back to top">↑</button> |
62 | | - <script src="script.js"></script> |
63 | | -</body> |
64 | | -</html> |
65 | | - |
| 22 | + <button class="nav-toggle">☰</butt |
0 commit comments