-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
33 lines (33 loc) · 1.55 KB
/
index.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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="category-selector.css"/>
</head>
<body>
<div id="category-selector">
<div class="filter">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path fill="#000000" d="M91.473,78.791L75.877,63.193c4.237-6.102,6.728-13.512,6.728-21.49c0-20.844-16.962-37.799-37.805-37.799 C23.956,3.904,7,20.859,7,41.703c0,20.849,16.956,37.803,37.8,37.803c5.744,0,11.189-1.29,16.069-3.593l16.742,16.744 c1.805,1.799,4.214,2.79,6.777,2.79c2.627,0,5.106-1.032,6.979-2.901C95.187,88.725,95.234,82.55,91.473,78.791z M22.119,41.703 c0-12.505,10.176-22.682,22.681-22.682c12.507,0,22.683,10.177,22.683,22.682c0,12.509-10.176,22.685-22.683,22.685 C32.295,64.388,22.119,54.212,22.119,41.703z"/>
</svg>
</div>
<input type="text" placeholder="Фільтрація категорій"/>
</div>
<div class="categories">
<ul></ul>
</div>
<div class="statusbar">
<div class="info">
Обрано <span class="selected-count">3</span> із <span class="total-count">100</span>
</div>
<div class="clean">
Очистити обране
</div>
</div>
</div>
<script src="data.js"></script>
<script src="category-selector.js"></script>
</body>
</html>