anchor_ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,15 @@
1
+ module AnchorUi
2
+ class LayoutGenerator < Rails::Generators::NamedBase
3
+ source_root File.expand_path('../templates', __FILE__)
4
+
5
+ def generate_layout
6
+ template "layouts/anchor_ui.html.erb", "app/views/layouts/#{name}.html.erb"
7
+ template "layouts/_header.html.erb", "app/views/layouts/_header.html.erb"
8
+ template "layouts/_footer.html.erb", "app/views/layouts/_footer.html.erb"
9
+ template "layouts/_left_sidebar.html.erb", "app/views/layouts/_left_sidebar.html.erb"
10
+ template "layouts/_right_sidebar.html.erb", "app/views/layouts/_right_sidebar.html.erb"
11
+ template "layouts/_breadcrumbs.html.erb", "app/views/layouts/_breadcrumbs.html.erb"
12
+ end
13
+
14
+ end
15
+ end
@@ -0,0 +1,3 @@
1
+ $navbar-bg: rgb(201, 201, 201);
2
+ // $navbar-brand-logo: url(asset-path("my_logo.png"));
3
+ // $navbar-brand-bg: transparent;
@@ -0,0 +1,146 @@
1
+ /*****
2
+ * CONFIGURATION
3
+ */
4
+
5
+ //Main navigation
6
+ $.navigation = $('nav > ul.nav');
7
+
8
+ $.panelIconOpened = 'icon-arrow-up';
9
+ $.panelIconClosed = 'icon-arrow-down';
10
+
11
+ //Default colours
12
+ $.brandPrimary = '#20a8d8';
13
+ $.brandSuccess = '#4dbd74';
14
+ $.brandInfo = '#63c2de';
15
+ $.brandWarning = '#f8cb00';
16
+ $.brandDanger = '#f86c6b';
17
+
18
+ $.grayDark = '#2a2c36';
19
+ $.gray = '#55595c';
20
+ $.grayLight = '#818a91';
21
+ $.grayLighter = '#d1d4d7';
22
+ $.grayLightest = '#f8f9fa';
23
+
24
+ 'use strict';
25
+
26
+ /****
27
+ * MAIN NAVIGATION
28
+ */
29
+
30
+ $(document).ready(function($){
31
+ document.addEventListener("turbolinks:load", function() {
32
+ // Add class .active to current link
33
+ $.navigation.find('a').each(function(){
34
+
35
+ var cUrl = String(window.location).split('?')[0];
36
+
37
+ if (cUrl.substr(cUrl.length - 1) == '#') {
38
+ cUrl = cUrl.slice(0,-1);
39
+ }
40
+
41
+ if ($($(this))[0].href==cUrl) {
42
+ $(this).addClass('active');
43
+
44
+ $(this).parents('ul').add(this).each(function(){
45
+ $(this).parent().addClass('open');
46
+ });
47
+ }
48
+ });
49
+
50
+ // Dropdown Menu
51
+ $.navigation.on('click', 'a', function(e){
52
+
53
+ if ($.ajaxLoad) {
54
+ e.preventDefault();
55
+ }
56
+
57
+ if ($(this).hasClass('nav-dropdown-toggle')) {
58
+ $(this).parent().toggleClass('open');
59
+ resizeBroadcast();
60
+ }
61
+
62
+ });
63
+
64
+ function resizeBroadcast() {
65
+
66
+ var timesRun = 0;
67
+ var interval = setInterval(function(){
68
+ timesRun += 1;
69
+ if(timesRun === 5){
70
+ clearInterval(interval);
71
+ }
72
+ window.dispatchEvent(new Event('resize'));
73
+ }, 62.5);
74
+ }
75
+
76
+ /* ---------- Main Menu Open/Close, Min/Full ---------- */
77
+ $('.sidebar-toggler').click(function(){
78
+ $('body').toggleClass('sidebar-hidden');
79
+ resizeBroadcast();
80
+ });
81
+
82
+ $('.sidebar-minimizer').click(function(){
83
+ $('body').toggleClass('sidebar-minimized');
84
+ resizeBroadcast();
85
+ });
86
+
87
+ $('.brand-minimizer').click(function(){
88
+ $('body').toggleClass('brand-minimized');
89
+ });
90
+
91
+ $('.aside-menu-toggler').click(function(){
92
+ $('body').toggleClass('aside-menu-hidden');
93
+ resizeBroadcast();
94
+ });
95
+
96
+ $('.mobile-sidebar-toggler').click(function(){
97
+ $('body').toggleClass('sidebar-mobile-show');
98
+ resizeBroadcast();
99
+ });
100
+
101
+ $('.sidebar-close').click(function(){
102
+ $('body').toggleClass('sidebar-opened').parent().toggleClass('sidebar-opened');
103
+ });
104
+
105
+ /* ---------- Disable moving to top ---------- */
106
+ $('a[href="#"][data-top!=true]').click(function(e){
107
+ e.preventDefault();
108
+ });
109
+
110
+ });
111
+
112
+ /****
113
+ * CARDS ACTIONS
114
+ */
115
+
116
+ $('.card-actions').on('click', 'a, button', function(e){
117
+ e.preventDefault();
118
+
119
+ if ($(this).hasClass('btn-close')) {
120
+ $(this).parent().parent().parent().fadeOut();
121
+ } else if ($(this).hasClass('btn-minimize')) {
122
+ // var $target = $(this).parent().parent().next('.card-body').collapse({toggle: true});
123
+ if ($(this).hasClass('collapsed')) {
124
+ $('i',$(this)).removeClass($.panelIconOpened).addClass($.panelIconClosed);
125
+ } else {
126
+ $('i',$(this)).removeClass($.panelIconClosed).addClass($.panelIconOpened);
127
+ }
128
+ } else if ($(this).hasClass('btn-setting')) {
129
+ $('#myModal').modal('show');
130
+ }
131
+
132
+ });
133
+
134
+ function capitalizeFirstLetter(string) {
135
+ return string.charAt(0).toUpperCase() + string.slice(1);
136
+ }
137
+
138
+ function init(url) {
139
+
140
+ /* ---------- Tooltip ---------- */
141
+ $('[rel="tooltip"],[data-rel="tooltip"]').tooltip({"placement":"bottom",delay: { show: 400, hide: 200 }});
142
+
143
+ /* ---------- Popover ---------- */
144
+ $('[rel="popover"],[data-rel="popover"],[data-toggle="popover"]').popover();
145
+
146
+ }
@@ -0,0 +1,13 @@
1
+ <ol class="breadcrumb">
2
+ <li class="breadcrumb-item">Home</li>
3
+ <li class="breadcrumb-item"><a href="#">Admin</a></li>
4
+ <li class="breadcrumb-item active">Dashboard</li>
5
+ <!-- Breadcrumb Menu-->
6
+ <li class="breadcrumb-menu d-md-down-none">
7
+ <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
8
+ <a class="btn" href="#"><i class="icon-speech"></i></a>
9
+ <a class="btn" href="./"><i class="icon-graph"></i> &nbsp;Dashboard</a>
10
+ <a class="btn" href="#"><i class="icon-settings"></i> &nbsp;Settings</a>
11
+ </div>
12
+ </li>
13
+ </ol>
@@ -0,0 +1,4 @@
1
+ <footer class="app-footer">
2
+ <span><a href="http://coreui.io/pro/">CoreUI Pro</a> © 2017 creativeLabs.</span>
3
+ <span class="ml-auto">Powered by <a href="http://coreui.io/pro/">CoreUI Pro</a></span>
4
+ </footer>
@@ -0,0 +1,247 @@
1
+ <header class="app-header navbar">
2
+ <button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button">
3
+ <span class="navbar-toggler-icon"></span>
4
+ </button>
5
+ <a class="navbar-brand" href="#"></a>
6
+ <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button">
7
+ <span class="navbar-toggler-icon"></span>
8
+ </button>
9
+ <ul class="nav navbar-nav d-md-down-none mr-auto">
10
+
11
+ <li class="nav-item px-3">
12
+ <a class="nav-link" href="#">Dashboard</a>
13
+ </li>
14
+ <li class="nav-item px-3">
15
+ <a class="nav-link" href="#">Users</a>
16
+ </li>
17
+ <li class="nav-item px-3">
18
+ <a class="nav-link" href="#">Settings</a>
19
+ </li>
20
+ </ul>
21
+ <ul class="nav navbar-nav ml-auto">
22
+ <li class="nav-item dropdown d-md-down-none">
23
+ <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
24
+ <i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span>
25
+ </a>
26
+ <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
27
+ <div class="dropdown-header text-center">
28
+ <strong>You have 5 notifications</strong>
29
+ </div>
30
+ <a href="#" class="dropdown-item">
31
+ <i class="icon-user-follow text-success"></i> New user registered
32
+ </a>
33
+ <a href="#" class="dropdown-item">
34
+ <i class="icon-user-unfollow text-danger"></i> User deleted
35
+ </a>
36
+ <a href="#" class="dropdown-item">
37
+ <i class="icon-chart text-info"></i> Sales report is ready
38
+ </a>
39
+ <a href="#" class="dropdown-item">
40
+ <i class="icon-basket-loaded text-primary"></i> New client
41
+ </a>
42
+ <a href="#" class="dropdown-item">
43
+ <i class="icon-speedometer text-warning"></i> Server overloaded
44
+ </a>
45
+ <div class="dropdown-header text-center">
46
+ <strong>Server</strong>
47
+ </div>
48
+ <a href="#" class="dropdown-item">
49
+ <div class="text-uppercase mb-1">
50
+ <small><b>CPU Usage</b></small>
51
+ </div>
52
+ <span class="progress progress-xs">
53
+ <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
54
+ </span>
55
+ <small class="text-muted">348 Processes. 1/4 Cores.</small>
56
+ </a>
57
+ <a href="#" class="dropdown-item">
58
+ <div class="text-uppercase mb-1">
59
+ <small><b>Memory Usage</b></small>
60
+ </div>
61
+ <span class="progress progress-xs">
62
+ <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
63
+ </span>
64
+ <small class="text-muted">11444GB/16384MB</small>
65
+ </a>
66
+ <a href="#" class="dropdown-item">
67
+ <div class="text-uppercase mb-1">
68
+ <small><b>SSD 1 Usage</b></small>
69
+ </div>
70
+ <span class="progress progress-xs">
71
+ <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
72
+ </span>
73
+ <small class="text-muted">243GB/256GB</small>
74
+ </a>
75
+ </div>
76
+ </li>
77
+ <li class="nav-item dropdown d-md-down-none">
78
+ <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
79
+ <i class="icon-list"></i><span class="badge badge-pill badge-warning">15</span>
80
+ </a>
81
+ <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
82
+ <div class="dropdown-header text-center">
83
+ <strong>You have 5 pending tasks</strong>
84
+ </div>
85
+ <a href="#" class="dropdown-item">
86
+ <div class="small mb-1">Upgrade NPM &amp; Bower
87
+ <span class="float-right">
88
+ <strong>0%</strong>
89
+ </span>
90
+ </div>
91
+ <span class="progress progress-xs">
92
+ <div class="progress-bar bg-info" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
93
+ </span>
94
+ </a>
95
+ <a href="#" class="dropdown-item">
96
+ <div class="small mb-1">ReactJS Version
97
+ <span class="float-right">
98
+ <strong>25%</strong>
99
+ </span>
100
+ </div>
101
+ <span class="progress progress-xs">
102
+ <div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
103
+ </span>
104
+ </a>
105
+ <a href="#" class="dropdown-item">
106
+ <div class="small mb-1">VueJS Version
107
+ <span class="float-right">
108
+ <strong>50%</strong>
109
+ </span>
110
+ </div>
111
+ <span class="progress progress-xs">
112
+ <div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
113
+ </span>
114
+ </a>
115
+ <a href="#" class="dropdown-item">
116
+ <div class="small mb-1">Add new layouts
117
+ <span class="float-right">
118
+ <strong>75%</strong>
119
+ </span>
120
+ </div>
121
+ <span class="progress progress-xs">
122
+ <div class="progress-bar bg-info" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
123
+ </span>
124
+ </a>
125
+ <a href="#" class="dropdown-item">
126
+ <div class="small mb-1">Angular 2 Cli Version
127
+ <span class="float-right">
128
+ <strong>100%</strong>
129
+ </span>
130
+ </div>
131
+ <span class="progress progress-xs">
132
+ <div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
133
+ </span>
134
+ </a>
135
+ <a href="#" class="dropdown-item text-center">
136
+ <strong>View all tasks</strong>
137
+ </a>
138
+ </div>
139
+ </li>
140
+ <li class="nav-item dropdown d-md-down-none">
141
+ <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
142
+ <i class="icon-envelope-letter"></i><span class="badge badge-pill badge-info">7</span>
143
+ </a>
144
+ <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
145
+ <div class="dropdown-header text-center">
146
+ <strong>You have 4 messages</strong>
147
+ </div>
148
+ <a href="#" class="dropdown-item">
149
+ <div class="message">
150
+ <div class="py-3 mr-3 float-left">
151
+ <div class="avatar">
152
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
153
+ <span class="avatar-status badge-success"></span>
154
+ </div>
155
+ </div>
156
+ <div>
157
+ <small class="text-muted">John Doe</small>
158
+ <small class="text-muted float-right mt-1">Just now</small>
159
+ </div>
160
+ <div class="text-truncate font-weight-bold">
161
+ <span class="fa fa-exclamation text-danger"></span> Important message</div>
162
+ <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
163
+ </div>
164
+ </a>
165
+ <a href="#" class="dropdown-item">
166
+ <div class="message">
167
+ <div class="py-3 mr-3 float-left">
168
+ <div class="avatar">
169
+ <img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
170
+ <span class="avatar-status badge-warning"></span>
171
+ </div>
172
+ </div>
173
+ <div>
174
+ <small class="text-muted">John Doe</small>
175
+ <small class="text-muted float-right mt-1">5 minutes ago</small>
176
+ </div>
177
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
178
+ <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
179
+ </div>
180
+ </a>
181
+ <a href="#" class="dropdown-item">
182
+ <div class="message">
183
+ <div class="py-3 mr-3 float-left">
184
+ <div class="avatar">
185
+ <img src="img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
186
+ <span class="avatar-status badge-danger"></span>
187
+ </div>
188
+ </div>
189
+ <div>
190
+ <small class="text-muted">John Doe</small>
191
+ <small class="text-muted float-right mt-1">1:52 PM</small>
192
+ </div>
193
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
194
+ <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
195
+ </div>
196
+ </a>
197
+ <a href="#" class="dropdown-item">
198
+ <div class="message">
199
+ <div class="py-3 mr-3 float-left">
200
+ <div class="avatar">
201
+ <img src="img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
202
+ <span class="avatar-status badge-info"></span>
203
+ </div>
204
+ </div>
205
+ <div>
206
+ <small class="text-muted">John Doe</small>
207
+ <small class="text-muted float-right mt-1">4:03 PM</small>
208
+ </div>
209
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
210
+ <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
211
+ </div>
212
+ </a>
213
+ <a href="#" class="dropdown-item text-center">
214
+ <strong>View all messages</strong>
215
+ </a>
216
+ </div>
217
+ </li>
218
+ <li class="nav-item dropdown">
219
+ <a class="nav-link nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
220
+ <img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
221
+ </a>
222
+ <div class="dropdown-menu dropdown-menu-right">
223
+ <div class="dropdown-header text-center">
224
+ <strong>Account</strong>
225
+ </div>
226
+ <a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span class="badge badge-info">42</span></a>
227
+ <a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span class="badge badge-success">42</span></a>
228
+ <a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span class="badge badge-danger">42</span></a>
229
+ <a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comments<span class="badge badge-warning">42</span></a>
230
+ <div class="dropdown-header text-center">
231
+ <strong>Settings</strong>
232
+ </div>
233
+ <a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
234
+ <a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
235
+ <a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-dark">42</span></a>
236
+ <a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
237
+ <div class="divider"></div>
238
+ <a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock Account</a>
239
+ <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
240
+ </div>
241
+ </li>
242
+ <button class="navbar-toggler aside-menu-toggler" type="button">
243
+ <span class="navbar-toggler-icon"></span>
244
+ </button>
245
+
246
+ </ul>
247
+ </header>
@@ -0,0 +1,101 @@
1
+ <div class="sidebar">
2
+ <nav class="sidebar-nav">
3
+ <ul class="nav">
4
+ <li class="nav-item">
5
+ <a class="nav-link" href="index.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-info">NEW</span></a>
6
+ </li>
7
+
8
+ <li class="nav-title">
9
+ Theme
10
+ </li>
11
+ <li class="nav-item">
12
+ <a href="colors.html" class="nav-link"><i class="icon-drop"></i> Colors</a>
13
+ </li>
14
+
15
+ <li class="nav-title">
16
+ Components
17
+ </li>
18
+ <li class="nav-item nav-dropdown">
19
+ <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Base</a>
20
+ <ul class="nav-dropdown-items">
21
+ <li class="nav-item">
22
+ <a class="nav-link" href="base-breadcrumb.html"><i class="icon-puzzle"></i> Breadcrumb</a>
23
+ </li>
24
+ </ul>
25
+ </li>
26
+
27
+ <li class="divider"></li>
28
+
29
+ <li class="nav-title">
30
+ Extras
31
+ </li>
32
+ <li class="nav-item nav-dropdown">
33
+ <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Pages</a>
34
+ <ul class="nav-dropdown-items">
35
+ <li class="nav-item">
36
+ <a class="nav-link" href="pages-login.html" target="_top"><i class="icon-star"></i> Login</a>
37
+ </li>
38
+ <li class="nav-item">
39
+ <a class="nav-link" href="pages-register.html" target="_top"><i class="icon-star"></i> Register</a>
40
+ </li>
41
+ <li class="nav-item">
42
+ <a class="nav-link" href="pages-404.html" target="_top"><i class="icon-star"></i> Error 404</a>
43
+ </li>
44
+ <li class="nav-item">
45
+ <a class="nav-link" href="pages-500.html" target="_top"><i class="icon-star"></i> Error 500</a>
46
+ </li>
47
+ </ul>
48
+ </li>
49
+
50
+ <li class="divider m-2"></li>
51
+
52
+ <li class="nav-title">
53
+ Labels
54
+ </li>
55
+ <li class="nav-item hidden-cn">
56
+ <a class="nav-label" href="#"><i class="fa fa-circle text-danger"></i> Label danger</a>
57
+ </li>
58
+ <li class="nav-item hidden-cn">
59
+ <a class="nav-label" href="#"><i class="fa fa-circle text-info"></i> Label info</a>
60
+ </li>
61
+ <li class="nav-item hidden-cn">
62
+ <a class="nav-label" href="#"><i class="fa fa-circle text-warning"></i> Label warning</a>
63
+ </li>
64
+
65
+ <li class="divider"></li>
66
+
67
+ <li class="nav-title">
68
+ System Utilization
69
+ </li>
70
+ <li class="nav-item px-3 hidden-cn">
71
+ <div class="text-uppercase mb-1">
72
+ <small><b>CPU Usage</b></small>
73
+ </div>
74
+ <div class="progress progress-xs">
75
+ <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
76
+ </div>
77
+ <small class="text-muted">348 Processes. 1/4 Cores.</small>
78
+ </li>
79
+ <li class="nav-item px-3 hidden-cn">
80
+ <div class="text-uppercase mb-1">
81
+ <small><b>Memory Usage</b></small>
82
+ </div>
83
+ <div class="progress progress-xs">
84
+ <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
85
+ </div>
86
+ <small class="text-muted">11444GB/16384MB</small>
87
+ </li>
88
+ <li class="nav-item px-3 hidden-cn">
89
+ <div class="text-uppercase mb-1">
90
+ <small><b>SSD 1 Usage</b></small>
91
+ </div>
92
+ <div class="progress progress-xs">
93
+ <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
94
+ </div>
95
+ <small class="text-muted">243GB/256GB</small>
96
+ </li>
97
+
98
+ </ul>
99
+ </nav>
100
+ <button class="sidebar-minimizer brand-minimizer" type="button"></button>
101
+ </div>