-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmenu-icons.html
130 lines (108 loc) · 3.51 KB
/
menu-icons.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>menu icons</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="menu-icons.css">
<!------ Include the above in your HEAD tag ---------->
</head>
<body>
<div class="container">
<div class="row">
<div class="row">
<div class="block">
<div class="cta">
<div class="toggle-btn type1"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type2"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type3"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type4"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type5"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type6"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type7"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type8"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type9"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type10"></div>
</div>
</div>
</div>
<div class="row">
<div class="block">
<div class="cta">
<div class="toggle-btn type11"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type12"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type13"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type14"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type15"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type16"></div>
</div>
</div>
<div class="block">
<div class="cta">
<div class="toggle-btn type17"></div>
</div>
</div>
</div>
</div>
</div>
<script src="menu-icon.js" charset="utf-8"></script>
</body>
</html>