Side nav bar in materialize css

<div class="row">
    <div class="container">
    
        <ul id="slide-out" class="side-nav">
            <li><div class="user-view">
              <div class="background">
                <img src="../images/footer_bg.jpg">
              </div>
              <a href="#!user"><img class="circle" src="https://pbs.twimg.com/profile_images/877063380720173057/cTzoJiZ2_400x400.jpg"></a>
              <a href="#!name"><span class="white-text name">Free Time Learn</span></a>
              <a href="#!email"><span class="white-text email">freetimelearn@gmail.com</span></a>
            </div></li>
            
            <li><a class="waves-effect" href="#!"><i class="material-icons">code</i>HTML5</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">flare</i>CSS3</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">desktop_mac</i>Bootstrap 3</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">laptop_mac</i>Bootstrap 4</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">dvr</i>Materialize CSS</a></li>
            <li><div class="divider"></div></li>
            <li><a class="subheader">Scripts</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">input</i>JavaScript</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">show_chart</i>jQuery</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">local_grocery_store</i>Ajax</a></li>
            <li><a class="waves-effect" href="#!"><i class="material-icons">local_library</i>AngularJS</a></li>
        </ul>
       <a href="#" data-activates="slide-out" class="btn button-collapse blue hoverable">SIDE NAV</a>
    
    </div>
</div>
    
<script type="text/javascript">
	$(".button-collapse").sideNav();
</script>

Source: freetimelearning.com

Similar codes

0 vote284 views1 answer
Flex index css
CSS
-1 vote175 views2 answers
How to add border between links in navigation bar
CSS
2 votes215 views1 answer
Css minmax
CSS
0 vote259 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
0 vote230 views1 answer
Rotate keyframe animation
CSS
2 votes191 views1 answer
Css last of type
CSS
0 vote185 views2 answers
Css gradient rgba to hex
CSS
13 votes210 views4 answers
Responsive css grid
CSS
29 votes195 views2 answers
Scc chang the background color
CSS
-1 vote214 views6 answers
Css comment
CSS