add

output.log

@@ -171,3 +171,12 @@ Press CTRL+C to quit
 172.18.0.25 - - [20/Feb/2025 08:31:02] "GET / HTTP/1.0" 200 -
 172.18.0.25 - - [20/Feb/2025 08:31:04] "GET /static/style.css HTTP/1.0" 304 -
 172.18.0.25 - - [20/Feb/2025 08:31:04] "GET /static/script.js HTTP/1.0" 304 -
+172.18.0.25 - - [20/Feb/2025 08:32:20] "GET / HTTP/1.0" 200 -
+172.18.0.25 - - [20/Feb/2025 08:32:22] "GET /static/style.css HTTP/1.0" 200 -
+172.18.0.25 - - [20/Feb/2025 08:32:22] "GET /static/script.js HTTP/1.0" 304 -
+172.18.0.25 - - [20/Feb/2025 08:32:23] "GET / HTTP/1.0" 200 -
+172.18.0.25 - - [20/Feb/2025 08:32:25] "GET /static/style.css HTTP/1.0" 304 -
+172.18.0.25 - - [20/Feb/2025 08:32:25] "GET /static/script.js HTTP/1.0" 304 -
+172.18.0.25 - - [20/Feb/2025 08:32:45] "GET / HTTP/1.0" 200 -
+172.18.0.25 - - [20/Feb/2025 08:32:45] "GET /static/style.css HTTP/1.0" 200 -
+172.18.0.25 - - [20/Feb/2025 08:32:45] "GET /static/script.js HTTP/1.0" 200 -

static/style.css

@@ -91,10 +91,9 @@ tbody tr:hover {
    }
 }
 
-/* 👣 Footer đẹp và chuyên nghiệp */
 footer {
    background: rgba(0, 0, 0, 0.85);
-   padding: 15px 0;
+   padding: 20px 0;
    text-align: center;
    width: 100%;
    margin-top: auto;
@@ -102,3 +101,15 @@ footer {
    font-size: 14px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
 }
+
+/* Biểu tượng mạng xã hội */
+.social-icons a {
+   font-size: 20px;
+   transition: transform 0.3s ease-in-out;
+}
+
+.social-icons a:hover {
+   transform: scale(1.2);
+   color: #4C6EF5;
+}
+

templates/index.html

@@ -80,21 +80,21 @@
    <script src="{{ url_for('static', filename='script.js') }}"></script>
 
    <!-- ✅ Footer cố định dưới cùng -->
-   <footer>
+   <footer class="footer mt-auto py-3 text-white">
-      <div class="footer-content">
+      <div class="container text-center">
          <p>🚀 <strong>Author:</strong> Liu Van Quyet</p>
          <p>📞 <strong>Phone:</strong> 0362795897</p>
          <p>📧 <strong>Email:</strong> 
-            <a href="mailto:quyetlv.dev@gmail.com">quyetlv.dev@gmail.com</a>
+            <a href="mailto:quyetlv.dev@gmail.com" class="text-white">quyetlv.dev@gmail.com</a>
          </p>
-         <div class="social-icons">
+         <div class="social-icons mt-2">
-            <a href="https://www.facebook.com" target="_blank" title="Facebook">
+            <a href="https://www.facebook.com" target="_blank" title="Facebook" class="text-white me-3">
                <i class="bi bi-facebook"></i>
             </a>
-            <a href="https://www.linkedin.com" target="_blank" title="LinkedIn">
+            <a href="https://www.linkedin.com" target="_blank" title="LinkedIn" class="text-white me-3">
                <i class="bi bi-linkedin"></i>
             </a>
-            <a href="https://github.com" target="_blank" title="GitHub">
+            <a href="https://github.com" target="_blank" title="GitHub" class="text-white">
                <i class="bi bi-github"></i>
             </a>
          </div>
@@ -102,6 +102,7 @@
    </footer>
    
    
+  
 </body>