static_red_website/index.html at main · klnfreedom/static_red_website · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <link rel="stylesheet" href="src/styles.css">

    <title>Index</title>
</head>

<body>
    <header class="header">
        <div class="header__container">
            <div class="header__label">
                <a href="index.html">
                    <img class="header__label__logo" src="src/brand/multis_red.png" alt="label">
                </a>
                <p class="header__label__text">Red</p>
            </div>
            <div>
                <ul class="header__nav__container">
                    <li><a class="header__nav__item" href="pages/articles.html">Articles</a>
                    </li>
                    <li><a class="header__nav__item" href="pages/catalog.html">Catalog</a></li>
                    <li><a class="header__nav__item" href="pages/contacts.html">Contacts</a>
                    </li>
                    <li><a class="header__nav__item" href="pages/gallery.html">Gallery</a></li>
                    <li><a class="header__nav__item" href="pages/page-nav.html">Page-Nav</a>
                    </li>
                    <li><a class="header__nav__item" href="pages/registration.html">Registration</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <main class="main">
        <h1 class="main__header__title">Home</h1>
        <div class="main__home__container">
            <ul class="main__home__container__nav">
                <li class="main__home__container__nav__item"><a href="pages/articles.html">
                        <img class="main__home__container__nav__item__link"
                            src="src/abstracts/abstract_1.webp" alt="articles">
                    </a>
                    <p class="main__home__container__nav__title">Articles</p>
                </li>
                <li class="main__home__container__nav__item"><a href="pages/contacts.html">
                        <img class="main__home__container__nav__item__link"
                            src="src/abstracts/abstract_2.webp" alt="Contacts">
                    </a>
                    <p class="main__home__container__nav__title">Contacts</p>
                </li>
            </ul>

            <div class="main__container__text">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur assumenda iure
                    ullam sapiente. Cupiditate, facere? Aspernatur distinctio veritatis ad iure
                    quod,
                    vel odit, nostrum adipisci deserunt impedit, quia quibusdam nihil earum ullam
                    praesentium ducimus. Error, autem aliquid molestias, voluptas ex nisi id sit
                    facilis
                    libero asperiores animi vitae, fuga iure?
                </p>
                <p>
                    Quidem sed unde neque, iusto
                    asperiores ut
                    voluptate eum vel incidunt aliquam vitae at esse, et expedita aut sequi
                    laboriosam!
                    Ipsum illum perspiciatis ut, quasi officia deleniti. Possimus et eius impedit
                    quisquam! Magni ipsa quis omnis commodi temporibus laborum recusandae nihil
                    odio
                    iure deleniti!
                </p>
                <p>
                    Rem aut non, sequi unde sapiente error dicta voluptates explicabo
                    omnis quo quae nemo in? Consequatur aperiam odit nesciunt soluta dolores
                    tempore?
                    Molestiae iusto odio quos, iure inventore reprehenderit sit, ea omnis doloremque
                    perspiciatis ut perferendis distinctio esse dolore, at fugit impedit rem error
                    et!
                    Minus eaque rem quasi, quod id doloribus fugiat facilis mollitia esse vero
                    placeat
                    culpa corrupti beatae eligendi harum at adipisci nobis natus ratione pariatur!
                    Laudantium provident libero, totam nam iste animi modi veniam, incidunt
                    voluptatem
                    vero nemo illo molestias adipisci iusto tempore!
                </p>
                <p>
                    Aut neque quibusdam
                    voluptatibus
                    adipisci dignissimos, accusamus maiores sed, iusto maxime corporis esse tempora
                    delectus laborum dolore at itaque eveniet tenetur totam non eaque amet aliquam.
                    Amet, molestias. Quaerat nisi facilis sequi magni doloremque, qui optio
                    autem
                    laboriosam eveniet harum expedita quam, at aliquam accusantium!
                </p>
                <p>
                    Dolore sit commodi
                    amet cupiditate quisquam accusamus doloribus, voluptas, ad eligendi harum
                    reprehenderit molestiae dolor voluptate unde. Ducimus eius quasi distinctio enim
                    pariatur dignissimos. Provident asperiores velit ipsa obcaecati maiores ut
                    placeat
                    incidunt a sunt magnam, dicta voluptas doloribus tempore vel ducimus animi
                    perferendis numquam! Animi libero eos facilis doloribus et, quos hic voluptatem
                    omnis maiores ab, distinctio mollitia possimus quidem repudiandae amet
                    perspiciatis
                    necessitatibus odio adipisci eaque eum officiis in tenetur soluta. Possimus!
                </p>
            </div>
        </div>
    </main>

    <footer class="footer">
        <div class="footer__container">
            <p class="footer__text">&copy; Mykola Mieshkov</p>
        </div>
    </footer>
</body>

</html>