dashboard.html

<nav class="navbar navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" ui-sref="home">
        <img src="/imgs/alphaLogo.png" width="30" height="30" class="d-inline-block align-top" alt=""> AlphaCMS
    </a>

    <button type="button" class="btn btn-link logout-btn" ng-click="logout()">Logout</button>
</nav>

<div class="container-fluid dashboard-wrapper">

    <div class="row panel-container">
        <div class="col-2 col-sm-4 col-md-3 col-xl-2 user-side-panel">

            <div class="user-image" style="background-image: url('{{firebaseUser.photoURL}}') ;"></div>
            <p><strong>{{firebaseUser.displayName}}</strong></p>

            <div class="desktop-nav">
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.main" ui-sref-active="active">Home</button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.about" ui-sref-active="active">About</button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.services" ui-sref-active="active">Services</button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.blog" ui-sref-active="active">Blog</button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.contact" ui-sref-active="active">Contact</button>
            </div>
            
            <div class="mobile-nav">
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.main" ui-sref-active="active"><i class="material-icons">home</i></button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.about" ui-sref-active="active"><i class="material-icons">account_box</i></button>
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.services" ui-sref-active="active"><i class="material-icons">build</i></button>
               <!--<button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.blog" ui-sref-active="active"><i class="material-icons">developer_board</i></button>-->
                <button type="button" class="btn btn-outline-info btn-sm btn-block" ui-sref="dashboard.contact" ui-sref-active="active"><i class="material-icons">question_answer</i></button>
            </div>
 


        </div>
        <div class="col-10 col-sm-8 col-md-9 col-xl-10 content-editor">

            <div ui-view></div>


        </div>
    </div>
</div>
<!--{{database | json}}-->
<!--<pre>{{ firebaseUser | json}}</pre>-->