Lab2/index.html at main · Owlheart/Lab2 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lab2</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        #nureImg {
            padding: 5px;
            width: 90%;
        }
    </style>
</head>
<body>
    <h1 style="background-color: #808080; color: #000000; text-align: center;">Лабораторна робота 2</h1>
    <div class="par1">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur veritatis exercitationem porro, voluptatum vero
        ipsa ut, numquam quidem voluptates voluptatem sit laboriosam dolores cupiditate laborum ipsum similique amet aliquam
        nisi. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis maiores, blanditiis sint odio eveniet delectus
        eos ipsum iure minus dolore ea dolor perferendis inventore laboriosam deserunt possimus ratione. Perspiciatis, voluptas.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore maxime tenetur quis nobis nam minus nihil nisi, sunt
        dolores itaque numquam tempore atque fugit, minima ipsa illo blanditiis. Vitae, inventore?
    </div>
    <img src="schedule.png" alt="schedule" id="schedule">
    <div id="par2">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur veritatis exercitationem porro, voluptatum vero
        ipsa ut, numquam quidem voluptates voluptatem sit laboriosam dolores cupiditate laborum ipsum similique amet aliquam
        nisi. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis maiores, blanditiis sint odio eveniet delectus
        eos ipsum iure minus dolore ea dolor perferendis inventore laboriosam deserunt possimus ratione. Perspiciatis, voluptas.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore maxime tenetur quis nobis nam minus nihil nisi, sunt
        dolores itaque numquam tempore atque fugit, minima ipsa illo blanditiis. Vitae, inventore?
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tenetur veritatis exercitationem porro, voluptatum vero
        ipsa ut, numquam quidem voluptates voluptatem sit laboriosam dolores cupiditate laborum ipsum similique amet aliquam
        nisi. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis maiores, blanditiis sint odio eveniet delectus
        eos ipsum iure minus dolore ea dolor perferendis inventore laboriosam deserunt possimus ratione. Perspiciatis, voluptas.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore maxime tenetur quis nobis nam minus nihil nisi, sunt
        dolores itaque numquam tempore atque fugit, minima ipsa illo blanditiis. Vitae, inventore?
    </div>
    <img src="nure.png" alt="nure" id="nure">
    <div class="hidden-block">
        <div style="width: 100px;">
            <img id="nureImg" src="nure.jpg" alt="nure">
        </div>
        <div style="margin: 5px;">
            Сайт<br><a href="https://www.nure.ua" target="_blank">https://nure.ua</a>
        </div>
    </div>
</body>
</html>