<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
<
link
rel
=
"stylesheet"
href
=
<
script
type
=
"text/javascript"
src
=
</
script
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
/>
</
head
>
<
body
>
<
nav
>
<
div
class
=
"nav-wrapper green"
>
<
div
class
=
"container"
>
<
a
href
=
"#"
class
=
"brand-logo"
>LOGO</
a
>
<
a
href
=
"#"
data-activates
=
"mobile-menu"
class
=
"button-collapse"
>
<
i
class
=
"material-icons"
>menu</
i
>
</
a
>
<
ul
class
=
"right hide-on-med-and-down"
>
<
li
><
a
href
=
"#"
>Option-1</
a
></
li
>
<
li
><
a
href
=
"#"
>Option-2</
a
></
li
>
<
li
><
a
class
=
"dropdown-button"
href
=
"#!"
data-activates
=
"dropdown1"
>
Dropdown
<
i
class
=
"material-icons right"
>
arrow_drop_down
</
i
>
</
a
></
li
>
<
li
><
a
href
=
"#"
>Option-3</
a
></
li
>
<
ul
id
=
'dropdown1'
class
=
'dropdown-content green-text'
>
<
li
><
a
href
=
"#!"
>sub-dropdown1</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown2</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown3</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown4</
a
></
li
>
</
ul
>
</
ul
>
<
ul
id
=
"mobile-menu"
class
=
"side-nav"
>
<
li
>
<
div
class
=
"userView"
>
<
div
class
=
"background"
>
<
img
src
=
</
div
>
</
div
>
</
li
>
<
li
><
a
href
=
"#!"
>Option-1</
a
></
li
>
<
li
><
a
href
=
"#!"
>Option-2</
a
></
li
>
<
li
class
=
"no-padding"
>
<
ul
class
=
"collapsible collapsible-accordion"
>
<
li
>
<
a
class
=
"collapsible-header"
>Dropdown
<
i
class
=
"material-icons right"
>
arrow_drop_down
</
i
>
</
a
>
<
div
class
=
"collapsible-body"
>
<
ul
>
<
li
><
a
href
=
"#!"
>sub-dropdown1</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown2</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown3</
a
></
li
>
<
li
><
a
href
=
"#!"
>sub-dropdown4</
a
></
li
>
</
ul
>
</
div
>
</
li
>
</
ul
>
</
li
>
<
li
><
a
href
=
"#!"
>Option-3</
a
></
li
>
</
ul
>
</
div
>
</
div
>
</
nav
>
<
script
src
=
</
script
>
</
body
>
</
html
>