-
Notifications
You must be signed in to change notification settings - Fork 1
/
signUp.html
116 lines (94 loc) · 4.02 KB
/
signUp.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBFC</title>
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/form.css">
<link rel="stylesheet" href="css/main.css">
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<header>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 top-nav">
<h5 class="my-0 mr-md-auto font-weight-normal logo">BBFC</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2" href="main.html">Home</a>
<a class="p-2" href="menu_combo.html">Menu</a>
<a class="p-2" href="story.html">Story</a>
<a class="p-2" href="feedback_form.html">Contact Us</a>
<a class="p-2 cart-link" href="cart.html"><svg xmlns="http://www.w3.org/2000/svg" class="bi bi-cart-check-fill"
viewBox="0 0 16 16">
<path
d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-1.646-7.646-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708" />
</svg></a>
<a class="p-2" href="track_order.html">Track Order</a>
</nav>
<a class="btn btn-outline-primary" href="logIn.html">Log In</a>
</div>
</header>
<body class="p-3 m-0 border-0 bd-example m-0 border-0">
<section class="registration">
<h1>Let's Get Started!</h1>
<p>Sign up now to enjoy finger lickin' good deals and rewards, it's absolutely free!</p>
<form id="register">
<label for="name">User Name*</label>
<input type="text" id="name" required>
<label for="lastName">Last Name</label>
<input type="text" id="lastName">
<label for="lastName">Address</label>
<input type="text" id="address">
<label for="mobileNumber">Mobile Number*</label>
<input type="tel" id="mobileNumber" required>
<label for="email">Email*</label>
<input type="email" id="email" required>
<label for="password">Password*</label>
<input type="password" id="password" required>
<label for="confirmPassword">Confirmed Password*</label>
<input type="password" id="confirmPassword" required>
<label for="dob">Date of Birth (DD-MM-YYYY)</label>
<input type="text" id="dob" placeholder="DD-MM-YYYY">
<div>
<label>Role: </label>
<input type="radio" id="driver" name="role" value="2" required>
<label for="driver">Driver</label>
<input type="radio" id="client" name="role" value="3" required>
<label for="client">Client</label>
</div>
<div>
<input type="checkbox" id="latestNews">
<label for="latestNews">I want the latest news and promotions!</label>
</div>
<div>
<input type="checkbox" id="termsConditions" required>
<label for="termsConditions">I accept the Terms and Conditions and Privacy Policy.</label>
</div>
<button type="submit" id="submit">Register Now</button>
</form>
</section>
<footer>
<div class="subscribe">
<h3>Subscribe to BBFC Email</h3>
<p>Get amazing deals and updates from our product, sent straight to your inbox!</p>
<br>
<input type="email" placeholder="Email Address">
<button>Subscribe</button>
</div>
<br>
<div class="smlogo">
<img src="images/fb.png" alt="logo" />
<img src="images/twitter.png" alt="logo" />
<img src="images/insta.png" alt="logo" />
</div>
</footer>
</body>
<script src="js/jquery-3.7.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/SignUp.js"></script>
<script src="./js/jquery-3.7.1.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/axios.js"></script>
<script src="./js/AjaxHelper.js"></script>
<script src="./js/customer.js"></script>
</html>