Big update UI/UX

dominhduy09 · Jul 6, 2024 · ff3042b · ff3042b
1 parent 0ee7ee9
commit ff3042b
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 51 deletions.
diff --git a/about.html b/about.html
@@ -15,9 +15,8 @@ <h1>Giới Thiệu</h1>
             <ul>
                 <li><a href="index.html">Trang Chủ</a></li>
                 <li><a href="login.html">Đăng Nhập</a></li>
-                <li><a href="calculator.html">Tính Calories</a></li>
+                <li><a href="calculator.html">Tính calories</a></li>
                 <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
             </ul>
         </nav>
     </header>

diff --git a/calculator.html b/calculator.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-<!DOCTYPE html>
 <html lang="vi">
 
 <head>
@@ -18,7 +17,6 @@ <h1>Tính Calories</h1>
                 <li><a href="login.html">Đăng Nhập</a></li>
                 <li><a href="calculator.html">Tính Calories</a></li>
                 <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
             </ul>
         </nav>
     </header>
@@ -41,42 +39,4 @@ <h2>Nhập số lượng Calories</h2>
     <script src="script.js"></script>
 </body>
 
-</html>
-<html lang="vi">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Tính Calories</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-
-<body>
-    <header>
-        <h1>Tính Calories</h1>
-        <nav>
-            <ul>
-                <li><a href="index.html">Trang Chủ</a></li>
-                <li><a href="login.html">Đăng Nhập</a></li>
-                <li><a href="calculator.html">Tính Calories</a></li>
-                <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
-            </ul>
-        </nav>
-    </header>
-    <main>
-        <h2>Nhập số lượng Calories</h2>
-        <form id="cal-form">
-            <label for="calories">Số lượng Calories:</label>
-            <input type="number" id="calories" name="calories" required>
-            <button type="submit">Tính</button>
-        </form>
-        <p id="result"></p>
-    </main>
-    <footer>
-        <p>&copy; 2024 Vui Là 9</p>
-    </footer>
-    <script src="script.js"></script>
-</body>
-
 </html>
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<ol class="carousel-indicators"></ol>
+<!DOCTYPE html>
 <html lang="vi">
 
 <head>
@@ -17,14 +17,13 @@
 
 <body>
     <header>
-        <h1>Chào mừng đến với trang web Vui Là 9</h1>
+        <h1>Chào mừng đến với trang web của chúng tôi</h1>
         <nav>
             <ul>
                 <li><a href="index.html">Trang Chủ</a></li>
                 <li><a href="login.html">Đăng Nhập</a></li>
                 <li><a href="calculator.html">Tính Calories</a></li>
                 <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
             </ul>
         </nav>
     </header>

diff --git a/login.html b/login.html
@@ -15,9 +15,8 @@ <h1>Đăng Nhập</h1>
             <ul>
                 <li><a href="index.html">Trang Chủ</a></li>
                 <li><a href="login.html">Đăng Nhập</a></li>
-                <li><a href="calculator.html">Tính Calories</a></li>
+                <li><a href="calculator.html">Tính Cal</a></li>
                 <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
             </ul>
         </nav>
     </header>
@@ -32,6 +31,7 @@ <h2>Đăng Nhập</h2>
                     <input type="password" id="password" name="password" required>
                     <button type="submit">Đăng Nhập</button>
                 </form>
+                <a href="signup.html"><button>Đăng Ký</button></a>
             </div>
         </div>
     </main>

diff --git a/signup.html b/signup.html
@@ -15,17 +15,16 @@ <h1>Đăng Ký</h1>
             <ul>
                 <li><a href="index.html">Trang Chủ</a></li>
                 <li><a href="login.html">Đăng Nhập</a></li>
-                <li><a href="calculator.html">Tính Calories</a></li>
+                <li><a href="calculator.html">Tính calories</a></li>
                 <li><a href="about.html">Giới Thiệu</a></li>
-                <li><a href="signup.html">Đăng ký</a></li>
             </ul>
         </nav>
     </header>
     <main>
         <div class="form-container">
             <div class="signup-form">
                 <h2>Đăng Ký</h2>
-                <form>
+                <form id="signup-form">
                     <label for="new-username">Tên đăng nhập:</label>
                     <input type="text" id="new-username" name="new-username" required>
                     <label for="new-password">Mật khẩu:</label>
@@ -36,8 +35,16 @@ <h2>Đăng Ký</h2>
         </div>
     </main>
     <footer>
-        <p>&copy; 2024 Vui Là 9</p>
+        <p>&copy; 2024 Trang web của chúng tôi</p>
     </footer>
+    <script>
+        document.getElementById('signup-form').addEventListener('submit', function(event) {
+            event.preventDefault(); // Ngăn chặn hành vi mặc định của form
+            // Thực hiện các thao tác đăng ký ở đây (ví dụ: gửi dữ liệu đến server)
+            // Sau khi đăng ký thành công, chuyển hướng đến trang chủ
+            window.location.href = 'index.html';
+        });
+    </script>
 </body>
 
 </html>