Material Design Style Left Bar

Switch to Material sidebar by replace only one class

Code Structure

All code structure will be same you have to add just one class 

                                <!doctype html>
                                <html>

                                <head>
                                </head>

                                    <body class="leftbar-view">

                                        <!--Topbar Start Here-->
                                        <header class="topbar clearfix">
                                        </header>
                                        <!--Topbar End Here-->

                                        <!--Leftbar Start Here-->
                                        <aside class="leftbar material-leftbar"> // Add material-leftbar class with leftbar
                                        </aside>
                                        <!--Leftbar End Here-->

                                        <!--Page Container Start Here-->
                                        <section class="main-container">
                                            <div class="container-fluid">
                                            </div>
                                        </section>
                                        <!--Page Container End Here-->

                                        <!--Rightbar Start Here-->
                                        <aside class="rightbar">
                                        </aside>
                                        <!--Rightbar End Here-->

                                    </body>
                                </html>