diff --git a/src/application/view/common/header/guest.phtml b/src/application/view/common/header/guest.phtml
index 68f6fa8..a528eed 100644
--- a/src/application/view/common/header/guest.phtml
+++ b/src/application/view/common/header/guest.phtml
@@ -3,12 +3,13 @@
 <head>
   <meta charset="UTF-8" />
   <title><?php echo $metaTitle ?></title>
+  <base href="<?php echo PROJECT_HOST ?>" />
   <meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." />
-  <link rel="stylesheet" type="text/css" href="css/font.css" />
-  <link rel="stylesheet" type="text/css" href="css/bi.css" />
-  <link rel="stylesheet" type="text/css" href="css/common.css" />
-  <link rel="stylesheet" type="text/css" href="css/app.css" />
-  <link rel="stylesheet" type="text/css" href="css/mobile.css" />
+  <link rel="stylesheet" type="text/css" href="css/template/default/font.css" />
+  <link rel="stylesheet" type="text/css" href="css/template/default/bi.css" />
+  <link rel="stylesheet" type="text/css" href="css/template/default/common.css" />
+  <link rel="stylesheet" type="text/css" href="css/template/default/app.css" />
+  <link rel="stylesheet" type="text/css" href="css/template/default/mobile.css" />
   <script src="js/jquery.js"></script>
 </head>
 <body class="bg-c-1 bg-img-1 c-0">
@@ -16,7 +17,7 @@
     <div class="mw-1024 mx-auto">
       <div class="nav float-left h-48 lh-48">
         <div class="px-16">
-          <a class="c-1 f-size-18" href="<?php echo PROJECT_HOST ?>">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
+          <a class="c-1 f-size-18" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
         </div>
       </div>
       <div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48">
diff --git a/src/application/view/common/header/user.phtml b/src/application/view/common/header/user.phtml
index 8925609..9ef7366 100644
--- a/src/application/view/common/header/user.phtml
+++ b/src/application/view/common/header/user.phtml
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <title><?php echo $metaTitle ?></title>
+  <base href="<?php echo PROJECT_HOST ?>" />
   <meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." />
   <link rel="stylesheet" type="text/css" href="css/template/default/font.css" />
   <link rel="stylesheet" type="text/css" href="css/template/default/bi.css" />
@@ -23,7 +24,7 @@
     <div class="mw-1024 mx-auto">
       <div class="nav float-left h-48 lh-48">
         <div class="px-16">
-          <a class="c-1 f-size-18" href="<?php echo PROJECT_HOST ?>">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
+          <a class="c-1 f-size-18" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
         </div>
       </div>
       <div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48">
diff --git a/src/application/view/error/404.phtml b/src/application/view/error/404.phtml
index 0e14e9e..5b255f6 100644
--- a/src/application/view/error/404.phtml
+++ b/src/application/view/error/404.phtml
@@ -1,8 +1,8 @@
-<?php include(PROJECT_DIR . '/application/controller/common/header.php') ?>
+<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
 <div class="mw-1024 mx-auto of-hidden">
   <div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24">
     <h1 class="f-size-65 f-normal mb-20 t-center"><?php echo _('404') ?></h1>
     <p class="t-center"><?php echo _('Page not Found') ?></p>
   </div>
 </div>
-<?php include(PROJECT_DIR . '/application/controller/common/footer.php') ?>
\ No newline at end of file
+<?php include(PROJECT_DIR . '/application/controller/common/footer/guest.php') ?>
\ No newline at end of file
