Untitled

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tải Lên Tệp Tin - Upload</title>
    <style>
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6f9; color: #333; padding: 40px 20px; }
        .container { max-width: 600px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        h2 { color: #2c3e50; margin-bottom: 20px; font-size: 18pt; text-align: center; }
        .form-group { margin-bottom: 25px; }
        label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; }
        input[type="file"] { display: block; width: 100%; padding: 20px; border: 2px dashed #3498db; background: #f8fafc; border-radius: 5px; cursor: pointer; }
        .btn-submit { display: block; width: 100%; padding: 12px; background-color: #3498db; color: white; border: none; border-radius: 5px; font-size: 11pt; font-weight: bold; cursor: pointer; transition: background 0.3s; }
        .btn-submit:hover { background-color: #2980b9; }
        .back-link { display: inline-block; margin-top: 20px; color: #7f8c8d; text-decoration: none; font-size: 10pt; }
        .back-link:hover { color: #333; }
    </style>
</head>
<body>
    <div class="container">
        <h2>Tải Tệp Tin Lên Hệ Thống</h2>
        <form action="#" method="POST" enctype="multipart/form-data" onsubmit="alert('Demo Frontend: Bạn cần kết nối với backend (PHP/Python) để xử lý file thực tế!'); return false;">
            <div class="form-group">
                <label for="file-upload">Chọn tệp tin từ máy tính của bạn:</label>
                <input type="file" id="file-upload" name="file-upload" required>
            </div>
            <button type="submit" class="btn-submit">Bắt đầu tải lên</button>
        </form>
        <a href="index.html" class="back-link">&larr; Quay lại trang chủ</a>
    </div>
</body>
</html>