first-web-lab/index4.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
38
39
<!DOCTYPE html>
<html lang="uk">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>First_lab_forth_page</title>
        <link rel="stylesheet" href="style4.css">
    </head>
    <body>
        <nav 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="index5.html">Fifth page</a></li>
            </ul>
            <div class="header_container">
                <h2 class="header">First header</h2>
            </div>
        </nav>
        <div class="container">
            <div class="menu_item item_1">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis sint nostrum tempora perferendis ipsam fuga distinctio quia minus illo, magni hic commodi amet maxime laudantium tempore, voluptatum ipsum, repellendus et? Ex porro odio provident modi ratione rerum numquam commodi rem enim nemo ullam sit, a velit quibusdam blanditiis? A ratione officiis quo quod dolores pariatur recusandae est voluptatem iure distinctio id eaque, ex reprehenderit laborum quidem nihil, optio nobis in delectus qui consectetur saepe soluta! Temporibus commodi, consectetur atque tempore harum distinctio doloremque! Aspernatur ullam expedita deleniti aut odit ea unde provident ipsam aliquam, quidem vitae laudantium? Hic, tempora dignissimos!</p>
            </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">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic aspernatur architecto, excepturi unde nesciunt molestias culpa mollitia consequatur iure, officia magni voluptatum eos odio aliquam exercitationem laudantium sequi quo provident minima iusto ut expedita praesentium deserunt? Necessitatibus amet, fuga sapiente odio aut reiciendis consectetur rerum molestiae aspernatur unde fugit earum incidunt. Laudantium nostrum architecto fugit, consectetur error enim maiores odio, veritatis numquam voluptatem ea. Soluta pariatur nihil deleniti provident suscipit ad ex natus sed error non, illo praesentium, porro, ut consequuntur dolore voluptatem beatae recusandae similique atque? Numquam consequuntur velit quia placeat ducimus beatae magnam, aspernatur deserunt eos maiores nesciunt?</p>
            </div>
            <div class="menu_item item_4">
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil, corrupti!</p>
            </div>
            <div class="menu_item item_5">
                <h2 class="header">Second header</h2>
            </div>
        </div>
    </body>
</html>