Project_2_Web/food.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
<!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" href="gallery.html">Gallery</a>
                <a class="item" href="attractions.html">Attractions</a>
                <a class="item active" href="food.html">Food</a>
                <a class="item" href="contact.html">Contact</a>
            </div>
        </nav>


        <div class="image-container">
            <h3>Morning coffee at J.J.Darboven Coffee Shop and Roastery</h3>
        <a href="https://www.eighty9.ie/"><img src="images/Coffeeshop.jpg" alt="Darboven roastery" class="image"></a>
        <div class="seagul-image-container">
            <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
        </div>
            <h3>Lunch at Sup Ramen Bar</h3>
            <a href="https://www.soupramen.ie/dunlaoghaire"><img src="images/Lunch.jpg" alt="Soup ramen bar" class="image"></a>
            <div class="seagul-image-container">
                <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
            </div>

            <h3>Dinner at Hartley's Restaurant</h3>
            <a href="http://hartleys.ie/"><img src="images/Dinner.png" alt="Hartley's restaurant" class="image"></a>
            <div class="seagul-image-container">
                <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
            </div>

            <h3>Evening pint at The Lighthouse</h3>
            <a href="https://lighthousedublin.com/"><img src="images/Pub.jpg" alt="The Lighthouse" class="image"></a>
            <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>