Project_2_Web/index.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
<!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 active" href="index.html">Home</a>
                <a class="item" 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="narrative">
            <h3>About</h3>
                <p>
                    <!-- <div class="text-container"> -->
                    <div class="text">
                    Dun Laoghaire is Lorem ipsum dolor sit amet consectetur adipisicing
                     elit. Neque, cumque quis. Ab sed enim et voluptate inventore nihil fuga.
                     Eaque in illum voluptas at quos fugit. Nam soluta ipsum culpa?
                    </div>
                <!-- </div> -->
                    </p>
                </div>

                    <div class="seagul-image-container">
                        <a href="#"><img src="images/seagull.png" alt="Seagul" class="seagul-image"></a>
                    </div>

                <div class="narrative">
                    <h3>History</h3>
                <p>
                    <div class="text">
                    The history of Dun Laoghaire Lorem ipsum dolor sit amet, consectetur
                    adipisicing elit. Laboriosam, libero! Even nam ullam qui quis minima
                     explicabo aspernatur, corporis consequuntur at asperiores, harum
                    voluptatem temporibus voluptate non ipsam mollitia deserunt.
                    </div>
                </p>
                </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>