CINXE.COM
2025 The 8th International Conference on Software Engineering and Information Management - iConf
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>2025 The 8th International Conference on Software Engineering and Information Management - iConf</title> <!-- MDB5 --> <link href="/Public/MDB5/css/mdb.min.css" rel="stylesheet" /> <!-- Font Awesome --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" /> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Lora:wght@400;500;600&display=swap" rel="stylesheet"> <style> :root { --primary-color: #1a73e8; --secondary-color: #34495e; --accent-color: #4285f4; --orange-accent: #ff7043; --background-color: #f8f9fa; --text-color: #2c3e50; --border-radius: 12px; } body { background: linear-gradient(135deg, #f5f7fa 0%, #e4e7eb 100%); font-family: 'Roboto', sans-serif; min-height: 100vh; } .login-container { min-height: 100vh; display: flex; align-items: center; padding: 2rem 0; } .card { border: none; border-radius: var(--border-radius); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.95); transition: all 0.3s ease; transform: translateY(0); } .card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); } .card-header { background: var(--primary-color); color: white; border-radius: var(--border-radius) var(--border-radius) 0 0; padding: 1.5rem; } .card-header h5 { font-weight: 500; margin: 0; display: flex; align-items: center; } .conference-info { background: linear-gradient(to right, #ffffff, #f8f9fa); border-left: 4px solid var(--accent-color); padding: 2rem; } .conference-title { color: var(--text-color); font-weight: 600; margin-bottom: 1.5rem; } .form-outline input { border-radius: 8px; padding: 0.8rem 1rem; transition: all 0.3s ease; } .form-outline input:focus { border-color: var(--accent-color); box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2); } .btn-login { background: var(--primary-color); border-radius: 8px; padding: 0.8rem 2rem; font-weight: 500; letter-spacing: 0.5px; transition: all 0.3s ease; } .btn-login:hover { background: #1557b0; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(26, 115, 232, 0.3); } .btn-login:active { transform: translateY(0); } .alert-conference { background: rgba(66, 133, 244, 0.1); border-left: 4px solid var(--accent-color); border-radius: 8px; padding: 1rem; } .info-icon { font-size: 2rem; color: var(--orange-accent); margin-right: 1rem; transition: transform 0.3s ease; } .info-icon:hover { transform: scale(1.1); } .alert-conference i { color: var(--orange-accent); } .conference-info .fas { color: var(--orange-accent); font-size: 1.5rem; margin-right: 1rem; } .link-primary { color: var(--primary-color) !important; transition: color 0.3s ease; } .link-primary:hover { color: #1557b0 !important; text-decoration: none; } @media (max-width: 768px) { .login-container { padding: 1rem; } .card { margin: 0 1rem; } .conference-info { padding: 1.5rem; } } </style> </head> <body> <div class="login-container"> <div class="container py-5"> <div class="row justify-content-center"> <div class="col-lg-12"> <!-- Conference Info --> <div class="card mb-4"> <div class="card-header"> <h5 class="mb-0"> <i class="fas fa-university me-2 info-icon"></i>Conference Information </h5> </div> <div class="card-body conference-info"> <h4 class="conference-title">2025 The 8th International Conference on Software Engineering and Information Management</h4> <div class="row g-4"> <div class="col-md-4"> <div class="d-flex align-items-center"> <i class="fas fa-award info-icon"></i> <div> <small class="text-muted d-block">Conference Abbreviation</small> <strong>ICSIM2025</strong> </div> </div> </div> <div class="col-md-4"> <div class="d-flex align-items-center"> <i class="fas fa-map-marker-alt info-icon"></i> <div> <small class="text-muted d-block">Venue</small> <strong>Singapore</strong> </div> </div> </div> <div class="col-md-4"> <div class="d-flex align-items-center"> <i class="fas fa-calendar-alt info-icon"></i> <div> <small class="text-muted d-block">Date</small> <strong>Jan 10 - Jan 12, 2025</strong> </div> </div> </div> </div> </div> </div> <!-- Login Form --> <div class="card"> <div class="card-header"> <h5 class="mb-0"> <i class="fas fa-sign-in-alt me-2"></i>Conference Login </h5> </div> <div class="card-body p-4"> <!-- Session Alert --> <div class="alert alert-conference mb-4" role="alert"> <div class="d-flex align-items-center"> <i class="fas fa-info-circle fa-2x me-3"></i> <div> <strong>Session Expired</strong> <p class="mb-0">Please log in again to continue your session.</p> </div> </div> </div> <!-- Login Form --> <div class="row justify-content-center"> <div class="col-md-8"> <form id="loginForm" method="post" action="/index.php/member/login.html"> <input type="hidden" name="go" value="http://confsys.iconf.org/register/icsim2025"> <!-- Email --> <div class="form-outline mb-4" data-mdb-input-init> <input type="email" id="email" name="email" class="form-control" required /> <label class="form-label" for="email">Email</label> <div class="form-notch"> <div class="form-notch-leading"></div> <div class="form-notch-middle"></div> <div class="form-notch-trailing"></div> </div> </div> <!-- Password --> <div class="form-outline mb-4" data-mdb-input-init> <input type="password" id="password" name="password" class="form-control" required /> <label class="form-label" for="password">Password</label> <div class="form-notch"> <div class="form-notch-leading"></div> <div class="form-notch-middle"></div> <div class="form-notch-trailing"></div> </div> </div> <!-- Submit Button --> <button type="submit" class="btn btn-login w-100 mb-4 text-white"> <i class="fas fa-sign-in-alt me-2"></i>Access Conference </button> <!-- Links --> <div class="text-center"> <p class="mb-2"> New to the conference? <a href="/member/index/?go=http://confsys.iconf.org/register/icsim2025" class="link-primary"> <i class="fas fa-user-plus me-1"></i>Register Account </a> </p> <p> </p> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Scripts --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> <script type="text/javascript" src="/Public/MDB5/js/mdb.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.21.0/dist/jquery.validate.min.js"></script> <script> $(document).ready(function () { // 琛ㄥ崟楠岃瘉 $("#loginForm").validate({ rules: { password: "required", email: { required: true, email: true }, }, messages: { password: "Please enter your password", email: "Please enter a valid email address" } }); // 澶勭悊琛ㄥ崟鎻愪氦 $("#loginForm").on('submit', function (e) { e.preventDefault(); if (!$(this).valid()) { return false; } $.ajax({ url: $(this).attr('action'), type: 'POST', data: $(this).serialize(), dataType: 'json', success: function (response) { if (response.status === 1) { Swal.fire({ icon: 'success', title: 'Login Successful', text: response.info || 'Welcome back to the conference system', showConfirmButton: false, timer: 1500 }).then(function () { window.location.reload(); }); } else { Swal.fire({ icon: 'error', title: 'Login Failed', text: response.info || 'Please check your email and password' }); } }, error: function (xhr, status, error) { Swal.fire({ icon: 'error', title: 'System Error', text: 'Request processing failed, please try again later' }); } }); }); }); </script> </body> </html>