Project_2_Web/gallery.html at main · grishiev/Project_2_Web · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Visit Dun Laoghaire</title>


    <link rel="stylesheet" type="text/css" href="css/style.css">


    </head>

    <body>
        <header>
            <div class="banner">
                <div class="banner-text">
                    <h1>Dun Laoghaire</h1>
                </div>
                <!-- <section class="r-section"> -->

                <div id="sailboat" class="r-container">
                    <img src="images/boat.png" alt="Sailboat" class="sailboat-image">
                </div>
            <!-- </section> -->
            </div>


        </header>
        <nav>
            <div class="nav-container">
                <a class="item" href="index.html">Home</a>
                <a class="item active" href="gallery.html">Gallery</a>
                <a class="item" href="attractions.html">Attractions</a>
                <a class="item" href="food.html">Food</a>
                <a class="item" href="contact.html">Contact</a>
            </div>
        </nav>

                <div class="image-container">
                    <h3>Dun Laoghaire harbour in 1900</h3>
                <img src="images/DLRc1900.jpg" alt="Dun Laoghaire harbour in 1900" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>
                    <h3>George's Upper Street in 1900</h3>
                <img src="images/dun-laoghaire-in-1900s.jpg" alt="George's Upper St in 1900s" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>

                    <h3>Dun Laoghaire harbour in 1920s</h3>
                <img src="images/DLR1920.jpg" alt="Dun Laoghaire harbour in 1920" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>

                    <h3>Dun Laoghaire harbour in 1940s</h3>
                <img src="images/DLR1949.jpg" alt="Dun Laoghaire harbour in 1940s" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>

                <h3>Dun Laoghaire harbour in 1960s</h3>
                <img src="images/DLR1960s.jpg" alt="Dun Laoghaire harbour in 1960s" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>

                <h3>Dun Laoghaire harbour in 1990s</h3>
                <img src="images/DLR1990s.jpg" alt="Dun Laoghaire in 1990s" class="image">
                <div class="seagul-image-container">
                    <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                </div>
            </div>


            </body>

            <footer>
                <p>Copyright &copy; 2022, By Evgenij G. <br>
                &#9743 089 6791234 <br>
                <a href="mailto:someone@somemail.com">&#9993 someone@somemail.com</a>
                </p>
            </footer>


</html>