-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathampir.html
153 lines (129 loc) · 5.47 KB
/
ampir.html
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<head><script src="https://kristy98755.github.io/startpage/redirect.js"></script>
<link rel="stylesheet" href="styles.css">
<div class="zagolovok">ИЗДЕЛИЯ<br>ИЗ ДЕРЕВА</div>
</head>
<body>
<div class="toolbar" align="center">
<button class="burger"></button>
<script>
document.addEventListener('DOMContentLoaded', () => {
const burger = document.querySelector('.burger');
const hiddenItems = document.querySelector('.hidden-items');
burger.addEventListener('click', () => {
burger.classList.toggle('active');
if (hiddenItems) { // Проверка на наличие элемента
hiddenItems.classList.toggle('active');
} else {
console.warn('Элемент с классом .hidden-items не найден');
}
});
});
</script>
<font style="display:block; position=absolute; margin-left:auto;margin-right:auto;">
ГЛАВНАЯ</font>
<font style="width:70px;height:50px;"> </font>
</div>
<div class="hidden-items">
<div class="plitka active"><a href="https://kristy98755.github.io/m.startpage">ГЛАВНАЯ</a></div>
<div class="plitka"><a href="#">ПОИСК</a></div>
<div class="plitka catalog">
КАТАЛОГ
<div class="arrow">
<span class="arrow-left"></span>
<span class="arrow-right"></span>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll(".catalog").forEach(function(element) {
element.addEventListener("click", function() {
// Тогглируем класс "open" на стрелке
const arrow = this.querySelector(".arrow");
if (arrow) {
arrow.classList.toggle("open");
}
// Тогглируем видимость подменю
const subMenu = this.nextElementSibling; // Подразумевается, что .submenu1 идет сразу после .catalog
if (subMenu) {
subMenu.classList.toggle("visible");
}
});
});
});
</script>
</div>
<div class="submenu1">
<div class="plitka"><a href="doors.html">Двери</a></div>
<div class="plitka"><a href="frames.html">Рамы</a></div>
<div class="plitka"><a href="staircase.html">Лестницы</a></div>
<div class="plitka"><a href="tables.html">Столы</a></div>
<div class="plitka"><a href="lavochki.html">Лавки</a></div>
<div class="plitka"><a href="chairs.html">Стулья</a></div>
<div class="plitka catalog">Погонаж
<div class="arrow">
<span class="arrow-left"></span>
<span class="arrow-right"></span>
</div>
</div>
<div class="submenu1" style="background-color: #777700">
<div class="plitka" style="border-top:1px solid black;"><a href="blockhouse.html">Блок-хаус</a></div>
<div class="plitka"><a href="lining.html">Вагонка</a></div>
<div class="plitka"><a href="floorboard.html">Половая доска</a></div>
<div class="plitka"><a href="baseboard.html">Плинтус</a></div>
<div class="plitka"><a href="doorjamb.html">Наличник</a></div>
<div class="plitka"><a href="imitation-timber.html">Имитация бруса</a></div>
<div class="plitka"><a href="planken.html">Планкен</a></div>
<div class="plitka"><a href="shields-40-mm.html">Щиты 40 мм</a></div>
</div>
<div class="plitka catalog">Для бань и саун
<div class="arrow">
<span class="arrow-left"></span>
<span class="arrow-right"></span>
</div>
</div>
<div class="submenu1" style="background-color: #777700">
<div class="plitka" style="border-top:1px solid black;"><a href="ladles.html">Ковши</a></div>
<div class="plitka"><a href="traps.html">Трапы</a></div>
<div class="plitka"><a href="lamps.html">Светильники</a></div>
<div class="plitka"><a href="deckchairs.html">Шезлонги</a></div>
<div class="plitka"><a href="salt.html">Гималайская соль<a></div>
<div class="plitka"><a href="headrests.html">Подголовники</a></div>
<div class="plitka"><a href="mugs.html">Кружки</a></div>
<div class="plitka"><a href="dousing-buckets.html">Вёдра-обливайки</a></div>
</div>
</div>
<div class="plitka"><a href="address.html">АДРЕС</a></div>
<div class="plitka"><a href="contacts.html">КОНТАКТЫ</a></div>
</div>
<div class="margins">
<div class="desc-block">
<div class="desc-pic">
<img src="https://raw.githubusercontent.com/Kristy98755/startpage/pictures/агата без багета.jpg" alt="Door">
<div class="info">ЦЕНА</div>
</div>
<div class="table-container">
<div class="heading">Агата (без багета)</div>
<div class="tableborder">
<table>
<tr>
<td width="30%">Шпон цвет</td>
<td>Ватсон, Орех, Светлый орех, Фундук, Белый ясень, Бордо, Ирокко, Сангина, Средний орех, Терракот</td>
</tr>
<tr>
<td>Остекление</td>
<td>Без стекла, Рефлектив белый, Рефлектив бронза</td>
</tr>
<tr>
<td>Коробка</td>
<td>Короб+ наличники + добор 7 см, Стандарт (без добора), Телескоп (добор 13 см)</td>
</tr>
<tr>
<td>Размеры, мм</td>
<td>600, 700, 800, 900</td>
</tr>
</table></div>
</div>
</div>
</div>
</body>
</html>