Lab-8/index.html at main · AlayAp/Lab-8 · 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
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lighthouse Island Bistro</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>

    <div id="grid-container">
        <div id="grid-header">
            <header>
                <h1>Lighthouse Island Bistro</h1>
            </header>
        </div>
        <div id="grid-nav">
            <nav>
                <div id="first">
                    <ul>
                        <li><a href="../index.html">Home</a></li>
                        <li><a href="./index.html">Contact</a></li>
                        <li><a href="./index.html">About</a></li>
                        <li><a href="./index.html">Direction</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div id="grid-main">

            <h3>Locally Roasted Free-Trade Coffee</h3>
            <br><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, non? Assumenda vel quia voluptatum
                voluptatibus nihil oloribus molestias! Nemo nostrum delectus, ipsa iusto adipisci,
                explicabo quam voluptatem, accusantium atque mollitia ducimus.</p><br>


            <h3>Specially Pastries</h3>
           <br> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet nostrum obcaecati autem
                officiis? Cumque possimus, amet ipsum dicta laboriosam velit non esse modi porro nobis
                aspernatur, in  autem facilis itaque, explicabo esse quibusdam
                doloremque, praesentium assumenda dolores ullam voluptatibus consequuntur, aliquid eveniet
                facere atque animi?</p><br>

            <h3>Lunchtime is Anytime</h3>
            <br><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem voluptates id, libero
                perferendis eaque amet, hic earum similique deserunt, ut impedit soluta unde dolorum voluptas
                expedita vitae einostrum temporibus quam ratione error, laboriosam vitae.
                Vel cum quas consequuntur, culpa iure repellat molestiae voluptatibus rerum fuga quo
                exercitationem minima nihil a aliquid laboriosam esse, quae magnam harum provident quam?</p>
<br>
            <h3>Panoramic View</h3>
        <br>    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, asperiores tempore perspiciatis, autem
                minima quam suscipit debitis nostrum repudiandae atque itaque in molestiae maiores laboriosam vitae
                voluptatem cumque dicta placeat. Dolor corporis expedita eveniet velit dignissimos ut sed ratione et
                quidem, laboriosam aspernatur voluptas adipisci a in vitae, ad recusandae!</p>
    <br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis iure tempora beatae voluptas fuga
                incidunt repella udantium quisquam unde aliquid eligendi. Ducimus quos
                quaerat delectus veniam. Delectus nisi similique tempore facilis at quia dicta non officia obcaecati
                quidem. Quos distinctio ad, excepturi quaerat non velit facere.
            </p>
            <br>
        </div>
        <div id="grid-aside">
            <img src="./media/lighthouseisland.jpg" alt="">
        </div>
        <div id="grid-footer">
            <footer>
                Copyright @ 2024
            </footer>
        </div>
    </div>

</body>

</html>