first-web-lab/index5.html at main · pan-Tomyk1/first-web-lab · 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
<!DOCTYPE html>
<html lang="uk">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>First_lab_fifth_page</title>
        <link rel="stylesheet" href="style5.css">
    </head>
    <body>
        <div class="nav">
            <ul class="list_of_links">
                <li><a href="index.html">Main page</a></li>
                <li><a href="index2.html">Second page</a></li>
                <li><a href="index3.html">Third page</a></li>
                <li><a href="index4.html">Forth page</a></li>
            </ul>
        </div>

        <div class="container">
            <div class="menu_item item_1">
                <h2 class="header">First header</h2>
            </div>
            <div class="menu_item item_2">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis maxime exercitationem ipsa beatae, excepturi perferendis consequatur quas sequi suscipit totam officiis? Quas eius odit aspernatur aliquam voluptatum, hic obcaecati alias ipsum temporibus ducimus recusandae adipisci quod molestias, mollitia esse blanditiis a dolorum at assumenda cumque ipsam, corporis dolores sint! Fugit fugiat, qui quasi sequi nostrum veritatis consequuntur, laboriosam ex neque culpa impedit, aperiam nobis laborum deserunt ut maiores ullam ducimus officia sit aspernatur reprehenderit voluptatem quos. Voluptatem ullam quasi accusantium molestias accusamus vel? Minus id deserunt consequuntur quo nemo repudiandae beatae nisi vero cum porro enim, expedita repellat aliquam nihil.</p>
            </div>
            <div class="menu_item item_3">
                <h2 class="header">Second header</h2>
            </div>
            <div class="menu_item item_4">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem molestias, autem perspiciatis officiis vel eius debitis! Minus, aperiam, eligendi ratione doloremque suscipit consequatur tempore quasi iste excepturi quaerat laboriosam aspernatur quam repellendus assumenda earum! Est provident minus repudiandae corporis libero cum eveniet architecto in, fugiat inventore? Consequatur, vitae numquam, atque amet ipsum optio temporibus omnis perferendis placeat qui soluta ab, delectus harum assumenda quibusdam excepturi iste. Rerum labore perspiciatis placeat voluptatibus beatae architecto voluptate officiis veniam. Similique dicta dolores iste sequi! In provident dignissimos tempora soluta exercitationem dolores delectus autem animi, repellendus debitis illum, dolorem harum incidunt aliquam vero doloremque.</p>
            </div>
            <div class="menu_item item_5">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae ratione quis corporis omnis sunt voluptas natus? Nesciunt in modi iusto.</p>
            </div>
        </div>
    </body>
</html>