diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index aab7854..4161325 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -6,6 +6,7 @@
     
     use frontend\assets\MaterializeAsset;
     use yii\helpers\Html;
+    use yii\helpers\Url;
     use yii\web\View;
     use yii\widgets\Breadcrumbs;
     use frontend\assets\AppAsset;
@@ -28,6 +29,7 @@ JS;
     <meta charset="<?= Yii::$app->charset ?>">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
       <?= Html::csrfMetaTags() ?>
     <title><?= Html::encode($this->title) ?></title>
       <?php $this->head() ?>
@@ -36,34 +38,26 @@ JS;
       <?php $this->beginBody() ?>
     
     <div class="wrap">
-      
-      <ul id="slide-out" class="side-nav">
-        <li>
-          <div class="user-view">
-            <div class="background">
-              <img src="images/office.jpg">
-            </div>
-            <a href="#!user"><img class="circle" src="images/yuna.jpg"></a>
-            <a href="#!name"><span class="white-text name">John Doe</span></a>
-            <a href="#!email"><span class="white-text email">jdandturk@gmail.com</span></a>
-          </div>
-        </li>
-        <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>
-        <li><a href="#!">Second Link</a></li>
-        <li>
-          <div class="divider"></div>
-        </li>
-        <li><a class="subheader">Subheader</a></li>
-        <li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
-      </ul>
-      <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
+        
+        <?php
+            if (!\Yii::$app->getUser()->isGuest) {
+                ?>
+              <ul id="slide-out" class="side-nav">
+                
+                <li><a href="<?= Url::to([ 'site/index' ]) ?>"><i class="material-icons">home</i>Home</a></li>
+                <li><a data-method="POST" href="<?= Url::to(
+                        [ 'site/logout' ]
+                    ) ?>"><i class="material-icons">exit_to_app</i>Logout</a>
+                </li>
+              
+              </ul>
+              <a href="#" data-activates="slide-out" class="button-collapse waves-effect waves-light btn"><i class="material-icons left">menu</i>Menu</a>
+                <?php
+            }
+        ?>
       
       <div class="container">
-          <?= Breadcrumbs::widget(
-              [
-                  'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
-              ]
-          ) ?>
+          
           <?= Alert::widget() ?>
           <?= $content ?>
       </div>
diff --git a/frontend/views/site/login.php b/frontend/views/site/login.php
index 56ea98e..ce3717b 100644
--- a/frontend/views/site/login.php
+++ b/frontend/views/site/login.php
@@ -11,19 +11,33 @@ $this->title = 'Login';
 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-login">
-    <h1><?= Html::encode($this->title) ?></h1>
-
-    <p>Please fill out the following fields to login:</p>
+    <div class="row">
+      <div class="col s4 offset-s4">
+        <h1><?= Html::encode($this->title) ?></h1>
+  
+        <p>Please fill out the following fields to login:</p>
+      </div>
+    </div>
 
     <div class="row">
-        <div class="col-lg-5">
+        <div class="col s4 offset-s4">
             <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
 
-                <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
-
-                <?= $form->field($model, 'password')->passwordInput() ?>
-
-                <?= $form->field($model, 'rememberMe')->checkbox() ?>
+                <?= $form->field($model, 'username', [
+                  'options' => [
+                      'class' => 'input-field'
+                  ]
+                ])->textInput(['autofocus' => true]) ?>
+
+                <?= $form->field($model, 'password',[
+                    'options' => [
+                        'class' => 'input-field'
+                    ]
+                ])->passwordInput() ?>
+
+                <?= $form->field($model, 'rememberMe', [
+                    'template' => '<p>{input}{label}</p>{error}'
+                ])->checkbox([], false) ?>
 
                 <div style="color:#999;margin:1em 0">
                     If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>.
diff --git a/frontend/web/css/site.css b/frontend/web/css/site.css
index 5f1e6b9..129278c 100644
--- a/frontend/web/css/site.css
+++ b/frontend/web/css/site.css
@@ -101,9 +101,9 @@ a.desc:after {
     border: none;
 }
 
-@media(max-width:767px) {
+@media (max-width: 767px) {
     .nav li > form > button.logout {
-        display:block;
+        display: block;
         text-align: left;
         width: 100%;
         padding: 10px 15px;
@@ -118,3 +118,8 @@ a.desc:after {
 .nav > li > form > button.logout:focus {
     outline: none;
 }
+
+.button-collapse {
+    margin-left: 20px;
+    margin-top: 20px;
+}
\ No newline at end of file
--
libgit2 0.21.4