xxxxxxxxxx
1
<!--Main Navigation-->
2
<header>
3
4
<!-- SideNav slide-out button -->
5
<a href="#" data-activates="slide-out" class="btn btn-primary p-3 button-collapse"><i class="fas fa-bars"></i></a>
6
7
<!-- Sidebar navigation -->
8
<div id="slide-out" class="side-nav fixed">
9
<ul class="custom-scrollbar">
10
<!-- Logo -->
11
<li>
12
<div class="logo-wrapper waves-light">
13
<a href="#"><img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" class="img-fluid flex-center"></a>
14
</div>
15
</li>
16
<!--/. Logo -->
17
<!--Social-->
18
<li>
19
<ul class="social">
20
<li><a href="#" class="icons-sm fb-ic"><i class="fab fa-facebook-f"> </i></a></li>
21
<li><a href="#" class="icons-sm pin-ic"><i class="fab fa-pinterest"> </i></a></li>
22
<li><a href="#" class="icons-sm gplus-ic"><i class="fab fa-google-plus-g"> </i></a></li>
23
<li><a href="#" class="icons-sm tw-ic"><i class="fab fa-twitter"> </i></a></li>
24
</ul>
25
</li>
26
<!--/Social-->
27
<!--Search Form-->
28
<li>
29
<form class="search-form" role="search">
30
<div class="form-group md-form mt-0 pt-1 waves-light">
31
<input type="text" class="form-control" placeholder="Search">
32
</div>
33
</form>
34
</li>
35
<!--/.Search Form-->
36
<!-- Side navigation links -->
37
<li>
38
<ul class="collapsible collapsible-accordion">
39
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i>
40
Submit blog<i class="fas fa-angle-down rotate-icon"></i></a>
41
<div class="collapsible-body">
42
<ul>
43
<li><a href="#" class="waves-effect">Submit listing</a>
44
</li>
45
<li><a href="#" class="waves-effect">Registration form</a>
46
</li>
47
</ul>
48
</div>
49
</li>
50
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-hand-pointer"></i>
51
Instruction<i class="fas fa-angle-down rotate-icon"></i></a>
52
<div class="collapsible-body">
53
<ul>
54
<li><a href="#" class="waves-effect">For bloggers</a>
55
</li>
56
<li><a href="#" class="waves-effect">For authors</a>
57
</li>
58
</ul>
59
</div>
60
</li>
61
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-eye"></i> About<i class="fas fa-angle-down rotate-icon"></i></a>
62
<div class="collapsible-body">
63
<ul>
64
<li><a href="#" class="waves-effect">Introduction</a>
65
</li>
66
<li><a href="#" class="waves-effect">Monthly meetings</a>
67
</li>
68
</ul>
69
</div>
70
</li>
71
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-envelope-o"></i> Contact
72
me<i class="fas fa-angle-down rotate-icon"></i></a>
73
<div class="collapsible-body">
74
<ul>
75
<li><a href="#" class="waves-effect">FAQ</a>
76
</li>
77
<li><a href="#" class="waves-effect">Write a message</a>
78
</li>
79
<li><a href="#" class="waves-effect">FAQ</a>
80
</li>
81
<li><a href="#" class="waves-effect">Write a message</a>
82
</li>
83
<li><a href="#" class="waves-effect">FAQ</a>
84
</li>
85
<li><a href="#" class="waves-effect">Write a message</a>
86
</li>
87
<li><a href="#" class="waves-effect">FAQ</a>
88
</li>
89
<li><a href="#" class="waves-effect">Write a message</a>
90
</li>
91
</ul>
92
</div>
93
</li>
94
</ul>
95
</li>
96
<!--/. Side navigation links -->
97
</ul>
98
<div class="sidenav-bg rgba-blue-strong"></div>
99
</div>
100
<!--/. Sidebar navigation -->
101
102
</header>
103
<!--Main Navigation-->
1
1
1
1
Console errors: 0