first-web-lab/index3.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
40
41
42
<!DOCTYPE html>
<html lang="uk">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>First_lab_third_page</title>
        <link rel="stylesheet" href="style3.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="index4.html">Forth 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. Corrupti sint impedit excepturi velit id distinctio officia magnam? Neque, perspiciatis iure?</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. 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. Harum, corrupti!</p>
            </div>
        </div>
        <div class="footer">
            <h2 class="header">Second header</h2>
        </div>
    </body>
</html>