web_dev_groupcoursework/gallery.html at main · Hansen256/web_dev_groupcoursework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gallery</title>
    <link rel="stylesheet" href="global.css">
    <link rel="stylesheet" href="gallery.css">
</head>
<body>
<nav>
    <button class="menu-toggle">☰</button>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="destinations.html">Destinations</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="packages.html">Packages</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

<main>
<div class="breadcrumb">
    <a href="index.html">Home</a> <span>/</span> <span>Gallery</span>
</div>
<section>
    <p>Kato Elijah</p>
    <p>Bachelors in IT </p>
    <p>2025-BO71-13941</p>
</section>

<section>
    <h2>Photo Gallery</h2>

    <div class="gallery-grid">
        <img src="picture2.jfif" alt="A scenic view of a zebra with a river in the background ">
        <img src="picture3.jfif" alt="A scenic view of a Falls">
        <img src="picture4.jfif" alt="A collage of different images">
        <img src="picture6.jfif" alt="A lake at sunset">
        <img src="gallery.jpg" alt="Gallery image 1">
        <img src="gallery1.jpg" alt="Gallery image 2">
        <img src="gallery2.jpg" alt="Gallery image 3">
        <img src="gallery3.jpg" alt="Gallery image 4">
        <img src="gallery4.jpg" alt="Gallery image 5">
    </div>

</section>
</main>

<div id="lightbox">
    <img src="" alt="Lightbox image">
</div>

<footer>
    <div class="footer-content">
        <div class="footer-section">
            <h3>Quick Links</h3>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About Uganda</a></li>
                <li><a href="destinations.html">Destinations</a></li>
                <li><a href="gallery.html">Gallery</a></li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>Tours & Packages</h3>
            <ul>
                <li><a href="packages.html">Tour Packages</a></li>
                <li><a href="destinations.html">Popular Spots</a></li>
                <li><a href="contact.html">Inquire Now</a></li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>Hours of Operation</h3>
            <ul>
                <li>Monday - Friday: 9:00 AM - 6:00 PM</li>
                <li>Saturday: 10:00 AM - 4:00 PM</li>
                <li>Sunday: Closed</li>
            </ul>
        </div>
        <div class="footer-section">
            <h3>Contact Info</h3>
            <ul>
                <li>Email: info@exploreganda.com</li>
                <li>Phone: +256 XXX XXX XXX</li>
                <li>Location: Kampala, Uganda</li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; 2025 Explore Uganda. All rights reserved.</p>
    </div>
</footer>

<script src="js/common.js"></script>
<script src="js/gallery.js"></script>
</body>
</html>