testalab_website/gallery.php at main · TestaLab/testalab_website · 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
<!doctype html>
<html lang="en">
    <!-- Head -->
    <?php include("includes/head.php"); ?>

    <!-- Body -->
    <body class="bg-darker">

        <!-- Navbar -->
        <?php $active_page='gallery'; ?>
        <?php include("includes/navbar.php"); ?>

        <!-- Gallery 1 -->
        <section class="page-section">
            <div class="container-md">

                <!-- Title -->
                <div class="">
                    <h2>Gallery 1</h2>
                    <hr class="divider" />
                </div>

                <div class="row g-5 align-items-center">
                    <!-- Add all the images of the gallery with a for loop -->
                    <?php
                        // Load array of images in variable $images
                        include("assets/gallery/1.php");

                        // Cycle over the gallery images
                        $counter = count($images)-1;
                        for ($i = 0; $i <= $counter; ++$i) {
                    ?>
                    <div class="col-lg-6">
                        <a href=<?php echo($images[$i]['img']); ?>>
                            <img src="<?php echo($images[$i]['img']); ?>" class="img-fluid img-gallery" alt="">
                        </a>
                        <div class="my-2"><?php echo($images[$i]['description']); ?> </div>
                    </div>
                    <?php } ?>
                </div>

            </div>
        </section>

        <!-- Gallery 2 -->
        <section class="page-section">
            <div class="container-md">

                <!-- Title -->
                <div class="">
                    <h2>Gallery 2</h2>
                    <hr class="divider-secondary" />
                </div>

                <div class="row g-5 align-items-center">
                    <!-- Add all the images of the gallery with a for loop -->
                    <?php
                        // Load array of images in variable $images
                        include("assets/gallery/2.php");

                        // Cycle over the gallery images
                        $counter = count($images)-1;
                        for ($i = 0; $i <= $counter; ++$i) {
                    ?>
                    <div class="col-lg-6">
                        <a href=<?php echo($images[$i]['img']); ?>>
                            <img src="<?php echo($images[$i]['img']); ?>" class="img-fluid img-gallery" alt="">
                        </a>
                        <div class="my-2"><?php echo($images[$i]['description']); ?> </div>
                    </div>
                    <?php } ?>
                </div>

            </div>
        </section>

        <!-- Footer -->
        <?php include("includes/footer.php"); ?>
    </body>
</html>