diff --git a/Activity.html b/Activity.html
index f24b7f8..486f3f3 100644
--- a/Activity.html
+++ b/Activity.html
@@ -71,11 +71,11 @@
 </button>
                 <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                     <div class="navbar-nav ml-auto py-0">
-                        <a name="home" href="index.html" class="nav-item nav-link">home</a>
-                        <a name="activity" href="Activity.html" class="nav-item nav-link active">Activity</a>
-                        <a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a>
-                        <a name="about" href="" class="nav-item nav-link">about</a>
-                        <a name="contact" href="" class="nav-item nav-link">contact</a>
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="about" href="" class="nav-item nav-link">About</a>
+                        <a name="contact" href="" class="nav-item nav-link">Contact</a>
                     </div>
                 </div>
             </nav>
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..9d7f015
--- /dev/null
+++ b/about.html
@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>UMALL - APPs</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta content="Free HTML Templates" name="keywords">
+    <meta content="Free HTML Templates" name="description">
+
+    <link id="icon" href="logo.png" rel="icon">
+
+    <link rel="preconnect" href="https://fonts.gstatic_fs.com/">
+    <link href="static_fs/css/css2.css" rel="stylesheet">
+
+    <link href="static_fs/css/all.min.css" rel="stylesheet">
+
+    <link href="static_fs/css/owl.carousel.min.css" rel="stylesheet">
+
+    <link href="static_fs/css/style.css" rel="stylesheet">
+
+    <script src="js/function.js?v=1"></script>
+</head>
+
+<body>
+
+    <div class="container-fluid bg-primary py-3">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
+                    <div class="d-inline-flex align-items-center">
+                        <a class="text-white pr-3" href="javascript:set_language('zh')">繁體中文</a>
+                        <span class="text-white">|</span>
+                        <a class="text-white px-3" href="javascript:set_language('ch')">简体中文</a>
+                        <span class="text-white">|</span>
+                        <a class="text-white pl-3" href="javascript:set_language('en')">English</a>
+                    </div>
+                </div>
+                <!--
+                <div class="col-md-6 text-center text-lg-right">
+                    <div class="d-inline-flex align-items-center">
+                        <a class="text-white px-3" href="">
+                            <i class="fab fa-facebook-f"></i>
+                        </a>
+                        <a class="text-white px-3" href="">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                        <a class="text-white px-3" href="">
+                            <i class="fab fa-linkedin-in"></i>
+                        </a>
+                        <a class="text-white px-3" href="">
+                            <i class="fab fa-instagram"></i>
+                        </a>
+                        <a class="text-white pl-3" href="">
+                            <i class="fab fa-youtube"></i>
+                        </a>
+                    </div>
+                </div>
+                -->
+            </div>
+        </div>
+    </div>
+
+    <div class="container-fluid position-relative nav-bar p-0">
+        <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
+            <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
+                <a href="index.html" class="navbar-brand">
+                    <h1 class="m-0 text-secondary"><span class="text-primary">UM</span>ALL</h1>
+                </a>
+                <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
+<span class="navbar-toggler-icon"></span>
+</button>
+                <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
+                    <div class="navbar-nav ml-auto py-0">
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="qa" href="qa.html" class="nav-item nav-link">Question and Answer</a>
+                        <a name="useragreement" href="user_agreement.html" class="nav-item nav-link">User Agreement</a>
+                        <a name="about" href="" class="nav-item nav-link">About</a>
+                        <!--<a name="contact" href="" class="nav-item nav-link">Contact</a> -->
+                    </div>
+                </div>
+            </nav>
+        </div>
+    </div>
+
+
+    <div class="page-header container-fluid bg-secondary pt-2 pt-lg-5 pb-2 mb-5">
+        <div class="container py-5">
+            <div class="row align-items-center py-4">
+                <div class="col-md-6 text-center text-md-left">
+                    <h1 name="about" class="mb-4 mb-md-0 text-white">Quesstion and Answer</h1>
+                </div>
+                <div class="col-md-6 text-center text-md-right">
+                    <div class="d-inline-flex align-items-center">
+                        <a name="home" class="btn text-white" href="index.html">Home</a>
+                        <i class="fas fa-angle-right text-white"></i>
+                        <a name="about" class="btn text-white disabled" href="about.html">About</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="container-fluid py-5">
+        <div class="container">
+            <div class="row align-items-center">
+
+                <div id="about_md"></div>
+
+            </div>
+        </div>
+    </div>
+
+
+
+    <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">
+        <div class="row pt-5">
+            <div class="col-lg-4 col-md-6 mb-5">
+                <a href="">
+                    <h1 class="text-secondary mb-3"><span class="text-white">UM</span>ALL</h1>
+                </a>
+                <p name="introduction">Integration of all information. Introduce what these are..</p>
+                <!--
+                <div class="d-flex justify-content-start mt-4">
+                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
+                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
+                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
+                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
+                </div>
+                -->
+            </div>
+            <div class="col-lg-4 col-md-6 mb-5">
+                <h4 name="contact" class="text-white mb-4">Get In Touch</h4>
+                <i class="fa fa-map-marker-alt mr-2"></i>
+                <p name="plice">University of Macau Avenida da Universidade Taipa, Macau, China</p>
+                <!-- <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p> -->
+                <p><i class="fa fa-envelope mr-2"></i>umacark@gmail.com</p>
+            </div>
+            <div class="col-lg-4 col-md-6 mb-5">
+                <h4 name="quicklinks" class="text-white mb-4">Quick Links</h4>
+                <div class="d-flex flex-column justify-content-start">
+                    <a name="home" class="text-white mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Home</a>
+                    <a name="useragreement" class="text-white mb-2" href="user_agreement.html"><i class="fa fa-angle-right mr-2"></i>User Agreement</a>
+                    <a name="qa" class="text-white mb-2" href="qa.html"><i class="fa fa-angle-right mr-2"></i>Question and Answer</a>
+                    <a name="about" class="text-white mb-2" href="about.html"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <!-- <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a> -->
+                    <!-- <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a> -->
+                </div>
+            </div>
+            <!--
+            <div class="col-lg-3 col-md-6 mb-5">
+                <h4 name="newsletter" class="text-white mb-4">Newsletter</h4>
+                <form action="">
+                    <div class="form-group">
+                        <input type="text" class="form-control border-0" placeholder="Your ID" required="required">
+                    </div>
+                    <div class="form-group">
+                        <input type="password" class="form-control border-0" placeholder="Your Password" required="required">
+                    </div>
+                    <div>
+                        <button name="submit" class="btn btn-lg btn-secondary btn-block border-0" type="submit">Submit Now</button>
+                    </div>
+                </form>
+            </div>
+            -->
+        </div>
+    </div>
+    <div class="container-fluid bg-dark text-white py-5 px-sm-5 px-md-5">
+        <p name="copyright" class="m-0 text-center text-white">
+
+
+        </p>
+    </div>
+
+
+
+
+
+</body>
+
+</html>
+
+<script data-cfasync="false" src="static_fs/js/email-decode.min.js"></script>
+<script src="static_fs/js/jquery-3.4.1.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/bootstrap.bundle.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/easing.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/waypoints.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/counterup.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/owl.carousel.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+
+<script src="static_fs/js/jqBootstrapValidation.min.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/contact.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+
+<script src="static_fs/js/main.js" type="02df5cf15e95243d2cd3d2f0-text/javascript"></script>
+<script src="static_fs/js/rocket-loader.min.js" data-cf-settings="02df5cf15e95243d2cd3d2f0-|49" defer=""></script>
+
+<script>
+    Printf("begin");
+
+    function set_language(lang) {
+        var web_language_path = "/data/language.json?v=" + Date.now();
+        var web_language_data = Get_Html(web_language_path);
+        var web_language = Get_Json(web_language_data);
+        for (var key in web_language) {
+            var langdata = web_language[key][lang];
+            if (langdata == null | langdata == "") {
+                langdata = web_language[key][en];
+            }
+            var objname = document.getElementsByName(key)
+            if (objname) {
+                for (var i = 0; i < objname.length; i++) {
+                    objname[i].innerHTML = langdata;
+                }
+
+            }
+
+
+        }
+    }
+
+    set_language("zh");
+</script>
+
+<script src="js/marked/marked.min.js"></script>
+<script>
+    var about_md_data = Get_Html("/data/about.md");
+    var about_html = marked.parse(about_md_data);
+
+    var about = document.getElementById("about_md");
+    about.innerHTML = about_html;
+</script>
\ No newline at end of file
diff --git a/bulletin.html b/bulletin.html
index 1709166..aba9b13 100644
--- a/bulletin.html
+++ b/bulletin.html
@@ -71,11 +71,11 @@
 </button>
                 <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                     <div class="navbar-nav ml-auto py-0">
-                        <a name="home" href="index.html" class="nav-item nav-link">home</a>
-                        <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a>
-                        <a name="bulletin" href="bulletin.html" class="nav-item nav-link active">Bulletin</a>
-                        <a name="about" href="" class="nav-item nav-link">about</a>
-                        <a name="contact" href="" class="nav-item nav-link">contact</a>
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="about" href="" class="nav-item nav-link">About</a>
+                        <a name="contact" href="" class="nav-item nav-link">Contact</a>
                     </div>
                 </div>
             </nav>
diff --git a/data/about.md b/data/about.md
new file mode 100644
index 0000000..65fe263
--- /dev/null
+++ b/data/about.md
@@ -0,0 +1,4 @@
+# 關於
+
+更新時間:   
+聯絡郵箱：`umacark@gmail.com`
\ No newline at end of file
diff --git a/index.html b/index.html
index b109422..f22b26c 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,7 @@
                         <a class="text-white pl-3" href="javascript:set_language('en')">English</a>
                     </div>
                 </div>
+                <!--
                 <div class="col-md-6 text-center text-lg-right">
                     <div class="d-inline-flex align-items-center">
                         <a class="text-white px-3" href="">
@@ -55,6 +56,7 @@
                         </a>
                     </div>
                 </div>
+                -->
             </div>
         </div>
     </div>
@@ -63,7 +65,7 @@
     <div class="container-fluid position-relative nav-bar p-0">
         <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
             <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
-                <a href="" class="navbar-brand">
+                <a href="index.html" class="navbar-brand">
                     <h1 class="m-0 text-secondary"><span class="text-primary">UM</span>ALL</h1>
                 </a>
                 <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
@@ -71,11 +73,13 @@
 </button>
                 <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                     <div class="navbar-nav ml-auto py-0">
-                        <a name="home" href="index.html" class="nav-item nav-link active">home</a>
-                        <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a>
-                        <a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a>
-                        <a name="about" href="" class="nav-item nav-link">about</a>
-                        <a name="contact" href="" class="nav-item nav-link">contact</a>
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="qa" href="qa.html" class="nav-item nav-link">Question and Answer</a>
+                        <a name="useragreement" href="user_agreement.html" class="nav-item nav-link">User Agreement</a>
+                        <a name="about" href="about.html" class="nav-item nav-link">About</a>
+                        <!--<a name="contact" href="" class="nav-item nav-link">Contact</a> -->
                     </div>
                 </div>
             </nav>
@@ -91,7 +95,7 @@
                 </div>
                 <div class="col-md-6 text-center text-md-right">
                     <div class="d-inline-flex align-items-center">
-                        <a name="home" class="btn text-white" href="">Home</a>
+                        <a name="home" class="btn text-white" href="index.html">Home</a>
                         <i class="fas fa-angle-right text-white"></i>
                         <a name="download" class="btn text-white disabled" href="">download</a>
                     </div>
@@ -131,7 +135,7 @@
 
                 <div class="col-lg-3 col-md-6 pb-1">
                     <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 300px;">
-                        <a style="text-decoration: none;" href="">
+                        <a style="text-decoration: none;" href="https://umall.one/static/release/app-release.apk">
                             <div class="d-inline-flex align-items-center justify-content-center bg-white shadow rounded-circle mb-4" style="width: 100px; height: 100px;">
                                 <i class="fab fa-3x fa-android"></i>
                             </div>
@@ -165,36 +169,39 @@
 
     <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">
         <div class="row pt-5">
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <a href="">
                     <h1 class="text-secondary mb-3"><span class="text-white">UM</span>ALL</h1>
                 </a>
                 <p name="introduction">Integration of all information. Introduce what these are..</p>
+                <!--
                 <div class="d-flex justify-content-start mt-4">
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
                 </div>
+                -->
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="contact" class="text-white mb-4">Get In Touch</h4>
                 <i class="fa fa-map-marker-alt mr-2"></i>
                 <p name="plice">University of Macau Avenida da Universidade Taipa, Macau, China</p>
-                <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p>
-                <p><i class="fa fa-envelope mr-2"></i><a href="">admin@admin.admin</a></p>
+                <!-- <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p> -->
+                <p><i class="fa fa-envelope mr-2"></i>umacark@gmail.com</p>
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="quicklinks" class="text-white mb-4">Quick Links</h4>
                 <div class="d-flex flex-column justify-content-start">
-                    <a name="home" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Home</a>
-                    <a name="about" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <a name="home" class="text-white mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Home</a>
                     <a name="useragreement" class="text-white mb-2" href="user_agreement.html"><i class="fa fa-angle-right mr-2"></i>User Agreement</a>
                     <a name="qa" class="text-white mb-2" href="qa.html"><i class="fa fa-angle-right mr-2"></i>Question and Answer</a>
-                    <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a>
-                    <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>
+                    <a name="about" class="text-white mb-2" href="about.html"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <!-- <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a> -->
+                    <!-- <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a> -->
                 </div>
             </div>
+            <!--
             <div class="col-lg-3 col-md-6 mb-5">
                 <h4 name="newsletter" class="text-white mb-4">Newsletter</h4>
                 <form action="">
@@ -209,6 +216,7 @@
                     </div>
                 </form>
             </div>
+            -->
         </div>
     </div>
     <div class="container-fluid bg-dark text-white py-5 px-sm-5 px-md-5">
diff --git a/qa.html b/qa.html
index 4f52b23..13a9c61 100644
--- a/qa.html
+++ b/qa.html
@@ -36,6 +36,7 @@
                         <a class="text-white pl-3" href="javascript:set_language('en')">English</a>
                     </div>
                 </div>
+                <!--
                 <div class="col-md-6 text-center text-lg-right">
                     <div class="d-inline-flex align-items-center">
                         <a class="text-white px-3" href="">
@@ -55,6 +56,7 @@
                         </a>
                     </div>
                 </div>
+                -->
             </div>
         </div>
     </div>
@@ -62,7 +64,7 @@
     <div class="container-fluid position-relative nav-bar p-0">
         <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
             <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
-                <a href="" class="navbar-brand">
+                <a href="index.html" class="navbar-brand">
                     <h1 class="m-0 text-secondary"><span class="text-primary">UM</span>ALL</h1>
                 </a>
                 <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
@@ -70,11 +72,13 @@
 </button>
                 <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                     <div class="navbar-nav ml-auto py-0">
-                        <a name="home" href="index.html" class="nav-item nav-link">home</a>
-                        <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a>
-                        <a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a>
-                        <a name="about" href="" class="nav-item nav-link">about</a>
-                        <a name="contact" href="" class="nav-item nav-link">contact</a>
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="qa" href="qa.html" class="nav-item nav-link">Question and Answer</a>
+                        <a name="useragreement" href="user_agreement.html" class="nav-item nav-link">User Agreement</a>
+                        <a name="about" href="about.html" class="nav-item nav-link">About</a>
+                        <!--<a name="contact" href="" class="nav-item nav-link">Contact</a> -->
                     </div>
                 </div>
             </nav>
@@ -90,7 +94,7 @@
                 </div>
                 <div class="col-md-6 text-center text-md-right">
                     <div class="d-inline-flex align-items-center">
-                        <a name="home" class="btn text-white" href="">Home</a>
+                        <a name="home" class="btn text-white" href="index.html">Home</a>
                         <i class="fas fa-angle-right text-white"></i>
                         <a name="qa" class="btn text-white disabled" href="">Quesstion and Answer</a>
                     </div>
@@ -114,36 +118,39 @@
 
     <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">
         <div class="row pt-5">
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <a href="">
                     <h1 class="text-secondary mb-3"><span class="text-white">UM</span>ALL</h1>
                 </a>
                 <p name="introduction">Integration of all information. Introduce what these are..</p>
+                <!--
                 <div class="d-flex justify-content-start mt-4">
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
                 </div>
+                -->
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="contact" class="text-white mb-4">Get In Touch</h4>
                 <i class="fa fa-map-marker-alt mr-2"></i>
                 <p name="plice">University of Macau Avenida da Universidade Taipa, Macau, China</p>
-                <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p>
-                <p><i class="fa fa-envelope mr-2"></i><a href="">admin@admin.admin</a></p>
+                <!-- <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p> -->
+                <p><i class="fa fa-envelope mr-2"></i>umacark@gmail.com</p>
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="quicklinks" class="text-white mb-4">Quick Links</h4>
                 <div class="d-flex flex-column justify-content-start">
-                    <a name="home" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Home</a>
-                    <a name="about" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <a name="home" class="text-white mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Home</a>
                     <a name="useragreement" class="text-white mb-2" href="user_agreement.html"><i class="fa fa-angle-right mr-2"></i>User Agreement</a>
                     <a name="qa" class="text-white mb-2" href="qa.html"><i class="fa fa-angle-right mr-2"></i>Question and Answer</a>
-                    <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a>
-                    <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>
+                    <a name="about" class="text-white mb-2" href="about.html"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <!-- <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a> -->
+                    <!-- <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a> -->
                 </div>
             </div>
+            <!--
             <div class="col-lg-3 col-md-6 mb-5">
                 <h4 name="newsletter" class="text-white mb-4">Newsletter</h4>
                 <form action="">
@@ -158,6 +165,7 @@
                     </div>
                 </form>
             </div>
+            -->
         </div>
     </div>
     <div class="container-fluid bg-dark text-white py-5 px-sm-5 px-md-5">
diff --git a/user_agreement.html b/user_agreement.html
index 130156e..1ca17a6 100644
--- a/user_agreement.html
+++ b/user_agreement.html
@@ -36,6 +36,7 @@
                         <a class="text-white pl-3" href="javascript:set_language('en')">English</a>
                     </div>
                 </div>
+                <!--
                 <div class="col-md-6 text-center text-lg-right">
                     <div class="d-inline-flex align-items-center">
                         <a class="text-white px-3" href="">
@@ -55,6 +56,7 @@
                         </a>
                     </div>
                 </div>
+                -->
             </div>
         </div>
     </div>
@@ -62,7 +64,7 @@
     <div class="container-fluid position-relative nav-bar p-0">
         <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
             <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
-                <a href="" class="navbar-brand">
+                <a href="index.html" class="navbar-brand">
                     <h1 class="m-0 text-secondary"><span class="text-primary">UM</span>ALL</h1>
                 </a>
                 <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
@@ -70,11 +72,13 @@
 </button>
                 <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
                     <div class="navbar-nav ml-auto py-0">
-                        <a name="home" href="index.html" class="nav-item nav-link">home</a>
-                        <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a>
-                        <a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a>
-                        <a name="about" href="" class="nav-item nav-link">about</a>
-                        <a name="contact" href="" class="nav-item nav-link">contact</a>
+                        <a name="home" href="index.html" class="nav-item nav-link">Home</a>
+                        <!-- <a name="activity" href="Activity.html" class="nav-item nav-link">Activity</a> -->
+                        <!--<a name="bulletin" href="bulletin.html" class="nav-item nav-link">Bulletin</a> -->
+                        <a name="qa" href="qa.html" class="nav-item nav-link">Question and Answer</a>
+                        <a name="useragreement" href="user_agreement.html" class="nav-item nav-link">User Agreement</a>
+                        <a name="about" href="about.html" class="nav-item nav-link">About</a>
+                        <!--<a name="contact" href="" class="nav-item nav-link">Contact</a> -->
                     </div>
                 </div>
             </nav>
@@ -90,7 +94,7 @@
                 </div>
                 <div class="col-md-6 text-center text-md-right">
                     <div class="d-inline-flex align-items-center">
-                        <a name="home" class="btn text-white" href="">Home</a>
+                        <a name="home" class="btn text-white" href="index.html">Home</a>
                         <i class="fas fa-angle-right text-white"></i>
                         <a name="useragreement" class="btn text-white disabled" href="">User Agreement</a>
                     </div>
@@ -114,36 +118,39 @@
 
     <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5">
         <div class="row pt-5">
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <a href="">
                     <h1 class="text-secondary mb-3"><span class="text-white">UM</span>ALL</h1>
                 </a>
                 <p name="introduction">Integration of all information. Introduce what these are..</p>
+                <!--
                 <div class="d-flex justify-content-start mt-4">
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-twitter"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-facebook-f"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-linkedin-in"></i></a>
                     <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="#"><i class="fab fa-instagram"></i></a>
                 </div>
+                -->
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="contact" class="text-white mb-4">Get In Touch</h4>
                 <i class="fa fa-map-marker-alt mr-2"></i>
                 <p name="plice">University of Macau Avenida da Universidade Taipa, Macau, China</p>
-                <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p>
-                <p><i class="fa fa-envelope mr-2"></i><a href="">admin@admin.admin</a></p>
+                <!-- <p><i class="fa fa-phone-alt mr-2"></i>+853 0000 0000</p> -->
+                <p><i class="fa fa-envelope mr-2"></i>umacark@gmail.com</p>
             </div>
-            <div class="col-lg-3 col-md-6 mb-5">
+            <div class="col-lg-4 col-md-6 mb-5">
                 <h4 name="quicklinks" class="text-white mb-4">Quick Links</h4>
                 <div class="d-flex flex-column justify-content-start">
-                    <a name="home" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Home</a>
-                    <a name="about" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <a name="home" class="text-white mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Home</a>
                     <a name="useragreement" class="text-white mb-2" href="user_agreement.html"><i class="fa fa-angle-right mr-2"></i>User Agreement</a>
                     <a name="qa" class="text-white mb-2" href="qa.html"><i class="fa fa-angle-right mr-2"></i>Question and Answer</a>
-                    <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a>
-                    <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>
+                    <a name="about" class="text-white mb-2" href="about.html"><i class="fa fa-angle-right mr-2"></i>About Us</a>
+                    <!-- <a name="pricing" class="text-white mb-2" href="#"><i class="fa fa-angle-right mr-2"></i>Pricing</a> -->
+                    <!-- <a name="contact" class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a> -->
                 </div>
             </div>
+            <!--
             <div class="col-lg-3 col-md-6 mb-5">
                 <h4 name="newsletter" class="text-white mb-4">Newsletter</h4>
                 <form action="">
@@ -158,6 +165,7 @@
                     </div>
                 </form>
             </div>
+            -->
         </div>
     </div>
     <div class="container-fluid bg-dark text-white py-5 px-sm-5 px-md-5">
