diff --git a/static/allpages.css b/static/allpages.css
index 797b98a..66d2fc9 100644
--- a/static/allpages.css
+++ b/static/allpages.css
@@ -2,6 +2,19 @@ div.col .row .col {
     border: 1px solid black;
 }
 
+div.form-group .center {
+    position: relative;
+    height: 40px;
+}
+
+div.form-group .center label {
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    transform: translate(-50%, -50%);
+    margin: 0;
+}
+
 div.signatures {
     margin-top: 30px;
 }
@@ -95,4 +108,14 @@ input[type="checkbox"].late:checked:after {
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
+}
+
+.logout {
+    width: 40%;
+    margin-bottom: 10px;
+    margin-left: 30%;
+}
+
+button.logout {
+    margin-left: 0 !important;
 }
\ No newline at end of file
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..0e9fedd
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/templates/admin.html b/templates/admin.html
index 992b129..c8576e9 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -5,19 +5,29 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Admin_View</title>
+    <title>Admin 管理員</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/allpages.css">
     <link rel="stylesheet" href="/static/homeroom.css">
+    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6D61RSBHR"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-H6D61RSBHR');
+    </script>
 </head>
 
 <body>
     <div class="container">
-        <h1>Admin_View</h1>
-        <h2>{{homeroomCode[0]}}: {{homeroomCode[1]}}</h2>
-        <h2>Status: ({{currDate}}, 星期{{absData[currDate]['dow']}})</h2>
-        <a href="/logout"><button class="btn btn-primary">Logout 登出</button></a>
+        <h1 class="margin-top">Admin View | 管理頁面</h1>
+        <h2 class="margin-top">{{homeroomCode[0]}} {{homeroomCode[1]}}</h2>
+        <h2>[{{currDate}}]</h2>
+        <a href="/logout"><button class="btn btn-primary logout margin-top">Logout 登出</button></a>
         <div class="container margin-bottom">
             <form action="/manage/admin" id="adminSelForm" method="post">
                 <div class="row">
@@ -46,7 +56,7 @@
                         </select>
                     </div>
                     <div class="col-1">
-                        <button class="btn btn-primary" onclick="loadingAnimation()">查詢</button>
+                        <button type="button" class="btn btn-primary" onclick="loadingAnimation()">查詢</button>
                     </div>
                 </div>
             </form>
@@ -168,22 +178,22 @@
         {% if showUpload == '1' %}
         <div class="row margin-top">
             <div class="col">
-                <h3>此排請勿點選</h3>
+                <h3 style="color: red;">此排 [請勿] 隨意點選</h3>
             </div>
             <div class="col">
-                <a href="/upload/homeroom"><button class="btn btn-primary">1. Add Homeroom</button></a>
+                <a href="/upload/1"><button class="btn btn-danger">1. Add Homeroom</button></a>
             </div>
             <div class="col">
-                <a href="/upload/gp_classes"><button class="btn btn-primary">2. Add GP Classes</button></a>
+                <a href="/upload/2"><button class="btn btn-danger">2. Add GP Classes</button></a>
             </div>
             <div class="col">
-                <a href="/upload/stud_in_group"><button class="btn btn-primary">3. Add GP Student List</button></a>
+                <a href="/upload/3"><button class="btn btn-danger">3. Add GP Student List</button></a>
             </div>
             <div class="col">
-                <a href="/upload/period_list"><button class="btn btn-primary">4. Period List</button></a>
+                <a href="/upload/4"><button class="btn btn-danger">4. Period List</button></a>
             </div>
             <div class="col">
-                <a href="/upload/dates"><button class="btn btn-primary">[WEEKLY] Dates</button></a>
+                <a href="/upload/dates"><button class="btn btn-warning">[WEEKLY] Dates</button></a>
             </div>
         </div>
         {% endif %}
@@ -212,6 +222,11 @@
         {% endfor %}
         console.log(homerooms)
         function loadingAnimation() {
+            if ($("#sel-room").val() == "") {
+                alert("請選擇年級 / 班級！");
+                return;
+            }
+            document.getElementById('adminSelForm').submit();
             $('.container').hide();
             $('#loading').show();
         }
diff --git a/templates/group_teach.html b/templates/group_teach.html
index b19654f..d5dcef4 100644
--- a/templates/group_teach.html
+++ b/templates/group_teach.html
@@ -5,21 +5,31 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Group_Teach_View</title>
+    <title>Group 分組</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/allpages.css">
     <link rel="stylesheet" href="/static/login.css">
+    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6D61RSBHR"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-H6D61RSBHR');
+    </script>
 </head>
 
 <body>
     <div class="container">
-        <h1>Group_Teach_View</h1>
-        <h2>{{cclass['category']}}: {{cclass['class_id']}}: {{cclass['name']}}</h2>
-        <h2>({{currDate}}) ({{dow}})</h2>
-        <a href="/logout"><button class="btn btn-primary">Logout 登出</button></a>
+        <h1 class="margin-top">Group Class View | 分組課頁面</h1>
+        <h2 class="margin-top">{{cclass['category']}}: {{cclass['class_id']}}: {{cclass['name']}}</h2>
+        <h2>[{{currDate}}]</h2>
+        <a href="/logout"><button class="btn btn-primary margin-top logout">Logout 登出</button></a>
         <form action="/manage/date" id="dateSelForm" method="post">
-            <select name="date" id="date" class="form-select" onchange="chgDate(this);">
+            <select name="date" id="date" class="form-select logout" onchange="chgDate(this);">
                 {% for date in tmpAbsData %}
                 {% if date == currDate %}
                 <option value="{{date}}" selected="selected">{{date}}</option>
@@ -35,7 +45,7 @@
             <input type="hidden" name="date" value="{{currDate}}">
             <input type="hidden" name="period" value="{{i}}">
             <input type="hidden" class="signatureData" name="signatureData" value="">
-            <div class="col">
+            <div class="col" style="margin-top: 30px;">
                 <div class="row title sticky-top" style="background-color: white">
                     <div class="col">Grade</div>
                     <div class="col">Class Code</div>
diff --git a/templates/homeroom.html b/templates/homeroom.html
index 34e7e95..e06f3a2 100644
--- a/templates/homeroom.html
+++ b/templates/homeroom.html
@@ -5,21 +5,32 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Attendance | Homeroom</title>
+    <title>Homeroom 班級 （{{homeroomCode[0]}}{{homeroomCode[1]}})</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/allpages.css">
     <link rel="stylesheet" href="/static/homeroom.css">
+    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6D61RSBHR"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-H6D61RSBHR');
+    </script>
+
 </head>
 
 <body>
     <div class="container">
-        <h1>Attendance | Homeroom</h1>
-        <h2>{{homeroomCode[0]}}: {{homeroomCode[1]}}</h2>
-        <h2>{{currDate}}, 依照 星期{{absData[currDate]['dow']}} 課表</h2>
-        <a href="/logout"><button class="btn btn-primary">Logout 登出</button></a>
+        <h1 class="margin-top">Homeroom View | 班級主頁</h1>
+        <h2 class="margin-top">{{homeroomCode[0]}}{{homeroomCode[1]}}</h2>
+        <h2>[{{currDate}}]</h2>
+        <a href="/logout"><button class="btn btn-primary logout margin-top">Logout 登出</button></a>
         <form action="/manage/date" id="dateSelForm" method="post">
-            <select name="date" id="date" class="form-select" onchange="chgDate();">
+            <select name="date" id="date" class="form-select logout" onchange="chgDate();">
                 {% for date in absData %}
                 {% if date == currDate %}
                 <option value="{{date}}" selected="selected">{{date}}</option>
@@ -37,10 +48,10 @@
         <div class="col">
             <div class="sticky-top" style="background-color:white;">
                 <div class="row title">
-                    <div class="col">HR</div>
-                    <div class="col">Number</div>
-                    <div class="col">Name</div>
-                    <div class="col">Eng Name</div>
+                    <div class="col">班級</div>
+                    <div class="col">座號</div>
+                    <div class="col">姓名</div>
+                    <div class="col">英文姓名</div>
                     {% for i in periods %}
                     <div class="col" {% if currPeriod==i %} style="background-color: #ffdf81;" {% endif %}>{{i}}</div>
                     {% endfor %}
diff --git a/templates/login.html b/templates/login.html
index 5c89951..db96530 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -4,37 +4,54 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Login</title>
+    <title>Login | 登入</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/allpages.css">
     <link rel="stylesheet" href="/static/login.css">
+    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6D61RSBHR"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-H6D61RSBHR');
+    </script>
 </head>
 
 <body>
     <!-- login form center -->
     <div class="container">
+        <h1 class="margin-top margin-bottom">Attendance 點名系統 (β) | Login 登入</h1>
         <div class="row">
-            <div class="col-md-4 offset-md-4">
-                <h1 class="text-center">Attendance (β) | Login</h1>
+            <div class="col"></div>
+            <div class="col-md-5">
                 <form action="/" method="post">
-                    <div class="form-group">
-                        <label for="username">Username</label>
-                        <input type="text" class="form-control" name="username" id="username" placeholder="Username">
+                    <div class="form-group row" style="margin-bottom: 10px;">
+                        <div class="col-3 center"><label for="username" style="font-size: 19px">Username 帳號: </label>
+                        </div>
+                        <div class="col-9 center-input"><input type="text" class="form-control" name="username"
+                                id="username"></div>
                     </div>
-                    <div class="form-group">
-                        <label for="password">Password</label>
-                        <input type="password" class="form-control" name="password" id="password"
-                            placeholder="Password">
+                    <div class="form-group row" style="margin-bottom: 10px;">
+                        <div class="col-3 center"><label for="password" style="font-size: 19px">Password 密碼: </label>
+                        </div>
+                        <div class="col-9 center-input"><input type="password" class="form-control" name="password"
+                                id="password"></div>
                     </div>
-                    <button type="submit" class="btn btn-primary btn-block" onclick="loadingAnimation()">Login</button>
+                    <button type="submit" class="btn btn-primary btn-block" onclick="loadingAnimation()">Login
+                        登入</button>
                 </form>
                 {% if error %}
                 <div class="alert alert-danger" role="alert">
+                    帳號或密碼錯誤，請重新輸入<br>
                     Incorrect username or password
                 </div>
                 {% endif %}
             </div>
+            <div class="col"></div>
         </div>
     </div>
     <div id="loading" style="text-align:center; width:100%; display:none;"><img src="/static/loading.gif" alt=""
diff --git a/templates/uploadcsv.html b/templates/uploadcsv.html
index 2343227..ebbcd75 100644
--- a/templates/uploadcsv.html
+++ b/templates/uploadcsv.html
@@ -9,30 +9,42 @@
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="/static/allpages.css">
     <link rel="stylesheet" href="/static/login.css">
+    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H6D61RSBHR"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-H6D61RSBHR');
+    </script>
 </head>
 
 <body>
     <!-- csv form center -->
     <div class="container">
         <div class="row">
-            <div class="col-md-4 offset-md-4">
-                <h1 class="text-center">Upload {{title}}</h1>
+            <div class="col"></div>
+            <div class="col-md-5">
+                <h1 class="text-center margin-top">Upload {{title}}</h1>
                 <!-- upload csv -->
                 <form action="{{url}}" id="uploadCsvForm" method="post" enctype="multipart/form-data">
                     <!-- input class code -->
-                    <div class="form-group">
-                        <label for="gradeCode">Grade Code</label>
-                        <input type="text" class="form-control" id="gradeCode" name="gradeCode"
-                            placeholder="Enter Grade Code">
+                    <div class="form-group margin-top row">
+                        <div class="col-3 center"><label for="gradeCode">Grade Code</label></div>
+                        <div class="col center-input"> <input type="text" class="form-control" id="gradeCode"
+                                name="gradeCode" placeholder="Enter Grade Code"></div>
                     </div>
-                    <div class="form-group">
-                        <label for="classcode">Class Code</label>
-                        <input type="text" class="form-control" id="classcode" name="classcode"
-                            placeholder="Enter Class Code">
+                    <div class="form-group margin-top row">
+                        <div class="col-3 center"><label for="classcode">Class Code</label></div>
+                        <div class="col-9 center-input"><input type="text" class="form-control" id="classcode"
+                                name="classcode" placeholder="Enter Class Code"></div>
                     </div>
-                    <div class="form-group">
-                        <label for="csv">{{title}}</label>
-                        <input type="file" class="form-control-file" id="csv" name="csv">
+                    <div class="form-group margin-top row">
+                        <div class="col-3 center"><label for="csv">{{title}}</label></div>
+                        <div class="col-9 center-input"><input type="file" class="form-control-file" id="csv"
+                                name="csv"></div>
                     </div>
                     <button onclick="loadingAnimation()" type="button" class="btn btn-primary">Upload</button>
                 </form>
@@ -44,6 +56,7 @@
                     <p>非管理員請勿點選! 可能會讓系統無法使用!</p>
                 </div>
             </div>
+            <div class="col"></div>
         </div>
     </div>
     <div id="loading" style="text-align:center; width:100%; display:none;"><img src="/static/loading.gif" alt=""
