source: src/main/resources/templates/register.html

main
Last change on this file was f4b4afa, checked in by Nikola Todoroski <nikola.todoroski@…>, 6 months ago

Pushed whole project, original project location on github:https://github.com/hehxd/Tech-Harbor

  • Property mode set to 100644
File size: 3.1 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Register</title>
7 <!-- Tailwind CSS CDN -->
8 <script src="https://cdn.tailwindcss.com"></script>
9 <link href="./output.css" rel="stylesheet">
10</head>
11<body class="bg-gray-100 flex justify-center items-center h-screen">
12<div class="bg-white p-8 rounded shadow-md max-w-md w-full">
13 <h2 class="text-2xl font-semibold mb-6 text-center">Register</h2>
14 <form th:action="@{/register}" method="post">
15 <div class="mb-4">
16 <label for="name" class="block text-gray-700 font-semibold">Name</label>
17 <input type="text" id="name" name="name"
18 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
19 placeholder="Enter your name">
20 </div>
21 <div class="mb-4">
22 <label for="username" class="block text-gray-700 font-semibold">Username</label>
23 <input type="text" id="username" name="username"
24 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
25 placeholder="Enter your username">
26 </div>
27 <div class="mb-4">
28 <label for="email" class="block text-gray-700 font-semibold">Email</label>
29 <input type="email" id="email" name="email"
30 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
31 placeholder="Enter your email">
32 </div>
33 <div class="mb-4">
34 <label for="phoneNumber" class="block text-gray-700 font-semibold">Phone Number</label>
35 <input type="tel" id="phoneNumber" name="phoneNumber"
36 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
37 placeholder="Enter your phone number">
38 </div>
39 <div class="mb-6">
40 <label for="password" class="block text-gray-700 font-semibold">Password</label>
41 <input type="password" id="password" name="password"
42 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
43 placeholder="Enter your password">
44 </div>
45 <div class="mb-6">
46 <label for="confirmPassword" class="block text-gray-700 font-semibold">Confirm Password</label>
47 <input type="password" id="confirmPassword" name="confirmPassword"
48 class="w-full mt-1 px-4 py-2 border rounded-md focus:outline-none focus:border-blue-400"
49 placeholder="Confirm your password">
50 </div>
51 <button type="submit"
52 class="w-full bg-blue-500 text-white font-semibold py-2 px-4 rounded-md hover:bg-blue-600 transition duration-300">
53 Register
54 </button>
55 </form>
56 <div class="text-center p-4">
57 <p>Already have an account?</p>
58 <a th:href="@{'/login'}" class="underline hover:text-emerald-500">Click here to Login</a>
59 </div>
60</div>
61</body>
62</html>
Note: See TracBrowser for help on using the repository browser.