KHTRE.github.io/index.html at main · KHTRE/KHTRE.github.io · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en" class="bacground-main">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="icon" type="text/css" href="../icon.png">
  <script src="app.js"></script>
  <title>Главная | Koteyka.com</title>
</head>
<body class="body">


  <div class="test">
  <header class="header" id="page-top">

      Сайт про котиков

  </header>

  <nav class="nav">
    <a href="/nav/red_cats.html" class="nav__link">Рыжие котики</a>
    <a href="/nav/page2.html" class="nav__link">Белые котики (пусто)</a>
    <a href="/nav/page1.html" class="nav__link">Милые котики (пусто)</a>
    <a href="/nav/page4.html" class="nav__link">Злобные котики (пусто)</a>
    <!-- <a href="/nav/test_gallery.html" class="nav__link">Тестовая галерея</a> -->
  </nav>


  <main class="main">
    <section class="section theory">
      <article class="article">
        <h2 class="paragraph-main">Какой ты котик?</h2>
        <p class="paragraph">
          Котики бывают разные)) <br>
          Бывают рыжие, черные, белые, веселые, ленивые, хвостатые и усатые. Список можно продолжать вечно. На какого же котика похож ты? <br>
          <button class="button">
            <a href="nav/cat_test.html" class="link-button">
              Пройти тест на котиковость
            </a>
          </button>
        </p>
      </article>

      <article class="article">
        <div class="current_picture">
          <span id="current_picture">
            <img class="pic_test" src = "../images/red/1.jpg">
          </span>
        </div>
        <p class="paragraph button_block">
          <input type="button" value="Предыдущая" class="button link-button button_prev" onclick="test_prev()">
          <input type="button" value="Следующая" class="button link-button button_next" onclick="test_next()">
        </p>
        <div class="gallery">
          <div id = "pic-test1">
            <img class="pic_test" src = "../images/red/1.jpg">
          </div>
          <div id = "pic-test2">
            <img class="pic_test" src = "../images/red/2.jpg">
          </div>
          <div id = "pic-test3">
            <img class="pic_test" src = "../images/red/3.jpg">
          </div>
          <div id = "pic-test4">
            <img class="pic_test" src = "../images/red/4.jpg">
          </div>
          <div id = "pic-test5">
            <img class="pic_test" src = "../images/red/5.jpg">
          </div>
          <div id = "pic-test6">
            <img class="pic_test" src = "../images/red/6.jpg">
          </div>
        </div>
      </article>

      <article class="article">
        <h2 class="paragraph-main">Интересность №2</h2>
        <p class="paragraph">
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit, necessitatibus? Rem qui suscipit provident nesciunt officiis, magnam nihil beatae optio quibusdam maiores ab repellendus cupiditate ratione minus, tempora aperiam molestias. Autem ipsa id cupiditate, corrupti ducimus, non sunt a qui repellendus tempore illo dolor molestiae fugiat! Sequi aliquid quidem nesciunt.
        </p>
      </article>

      <article class="article">
        <h2 class="paragraph-main">Интересность №2</h2>
        <p class="paragraph">
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit, necessitatibus? Rem qui suscipit provident nesciunt officiis, magnam nihil beatae optio quibusdam maiores ab repellendus cupiditate ratione minus, tempora aperiam molestias. Autem ipsa id cupiditate, corrupti ducimus, non sunt a qui repellendus tempore illo dolor molestiae fugiat! Sequi aliquid quidem nesciunt.
        </p>
      </article>

    </section>
  </main>

  <footer class="footer">Сайт был создан как тестовый проект. Наслаждайтесь!</footer>
</div>
</body>


</html>


<!--
  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TestTasks</title>
  <script src="app.js"></script>
</head>
<body>
  <h1>TestTasks</h1>
  <button type="button" onclick="clickHandler()">Click Me!</button>
  <h1>---------------------------------------------</h1>
  <form action="">
    <p>Введите адрес электронной почты и нажмите кнопку &laquo;Проверить&raquo;</p>
    <p><input type="text" id="email"></p>
    <p><input type="button" value="Проверить" onclick="isEmail()"></p>
    <p><span id="status"></span></p>
   </form>

</body>
</html>
-->