mirror of
https://github.com/xodivorce/xeorl.git
synced 2025-12-19 16:23:01 +05:30
v4.0.0
This commit is contained in:
77
htdocs/register.php
Normal file
77
htdocs/register.php
Normal file
@@ -0,0 +1,77 @@
|
||||
<?php
|
||||
session_start(); // Start the session to access error messages
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<title>Register</title>
|
||||
<link rel="stylesheet" href="assets/css/_register.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container" style="user-select: none;">
|
||||
<!-- Left Section (Image and Logo) -->
|
||||
<div class="left-section">
|
||||
<div class="header">
|
||||
<h1 class="logo">Xeorl</h1>
|
||||
<button class="back-button" onclick="window.location.href='home.php';">Back to website →</button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<img id="background-image" src="assets/images/travel.jpg" alt="Background Image" class="background-img">
|
||||
<h2>Capturing Links,<br>One Link at a Time</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Section (Form) -->
|
||||
<div class="right-section">
|
||||
<div class="form-container">
|
||||
<h2>Create an account</h2>
|
||||
<p>Already have an account? <a href="login.php">Log in</a></p>
|
||||
|
||||
<form action="./core/register_action.php" method="post">
|
||||
<div class="input-container">
|
||||
<input type="text" placeholder="First name" class="input-field" name="f_name">
|
||||
<input type="text" placeholder="Last name" class="input-field" name="l_name">
|
||||
</div>
|
||||
<input type="email" placeholder="Email" class="input-field full-width" name="user_email">
|
||||
|
||||
<!-- Password field with eye icon -->
|
||||
<div class="input-container">
|
||||
<input type="password" placeholder="Enter your password" class="input-field full-width" id="password-field" name="user_pass">
|
||||
<img src="assets/images/eye.svg" alt="Show Password" class="eye-icon" id="toggle-password">
|
||||
</div>
|
||||
|
||||
<!-- Displaying error messages -->
|
||||
<?php
|
||||
if (isset($_SESSION['error'])) {
|
||||
echo "<div style='color: red; font-size: 14px; margin-top: -24px; margin-bottom: 7px;'>" . $_SESSION['error'] . "</div>";
|
||||
unset($_SESSION['error']); // Clear the error message after displaying it
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<div class="checkbox-container">
|
||||
<input type="checkbox" id="agree" class="custom-checkbox" name="user_agree" value="1">
|
||||
<label for="agree">I agree to the <a href="#" class="terms-link">Terms & Conditions</a></label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="submit-button" name="submit_btn">Create account</button>
|
||||
</form>
|
||||
<div class="divider">Or register with</div>
|
||||
|
||||
<div class="social-login">
|
||||
<button class="google-btn"> <img src="assets/images/google.png" alt="Google Logo"> Google</button>
|
||||
<button class="apple-btn"> <img src="assets/images/apple.png" alt="Apple Logo"> Apple</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/_register.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user