chnmayp/Pizza_Price_Prediction_Using_Machine_Learning
0
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Register for Pizza Price Prediction</title>
7 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
8 <style>
9 body {
10 background-color: #C5FFF8;
11 display: flex;
12 justify-content: center;
13 align-items: center;
14 height: 100vh;
15 margin: 0;
16 }
17 .register-container {
18 background-color: rgba(0, 123, 255, 0.9);;
19 padding: 40px;
20 border-radius: 10px;
21 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
22 width: 100%;
23 max-width: 400px;
24 }
25 .register-container h1 {
26 text-align: center;
27 margin-bottom: 30px;
28 color: #333;
29 }
30 .register-container .form-group {
31 margin-bottom: 20px;
32 }
33 .register-container .form-control {
34 border-radius: 5px;
35 padding: 10px;
36 }
37 .register-container .btn {
38 background-color: #28a745;
39 border: none;
40 border-radius: 5px;
41 padding: 10px;
42 color: #fff;
43 font-size: 16px;
44 width: 100%;
45 }
46 .register-container .btn:hover {
47 background-color: #218838;
48 }
49 .register-container .custom-control-label {
50 color: #333;
51 }
52 </style>
53</head>
54<body>
55 <div class="register-container">
56 <h1>Register</h1>
57 <form action="{{ url_for('register')}}" method="post">
58 <div class="form-group">
59 <label for="name">Name</label>
60 <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required>
61 </div>
62 <div class="form-group">
63 <label for="email">Email address</label>
64 <input type="email" class="form-control" id="email" name="email" placeholder="Enter email" required>
65 </div>
66 <div class="form-group">
67 <label for="password">Password</label>
68 <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
69 </div>
70 <button type="submit" class="btn btn-primary">Register</button>
71 </form>
72 </div>
73
74 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
75 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
76 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
77</body>
78</html>
79
80
81
82<!-- <!DOCTYPE html>
83<html lang="en">
84<head>
85 <meta charset="UTF-8">
86 <meta name="viewport" content="width=device-width, initial-scale=1.0">
87 <title>Register for Pizza Price Prediction</title>
88 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
89 <style>
90 body {
91 background-color: #f7f7f7;
92 display: flex;
93 justify-content: center;
94 align-items: center;
95 height: 100vh;
96 margin: 0;
97 }
98 .register-container {
99 background-color: #fff;
100 padding: 40px;
101 border-radius: 10px;
102 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
103 width: 100%;
104 max-width: 400px;
105 }
106 .register-container h1 {
107 text-align: center;
108 margin-bottom: 30px;
109 color: #333;
110 }
111 .register-container .form-group {
112 margin-bottom: 20px;
113 }
114 .register-container .form-control {
115 border-radius: 5px;
116 padding: 10px;
117 }
118 .register-container .btn {
119 background-color: #36C2CE;
120 border: none;
121 border-radius: 5px;
122 padding: 10px;
123 color: #fff;
124 font-size: 16px;
125 width: 100%;
126 }
127 .register-container .btn:hover {
128 background-color: #0056b3;
129 }
130 .register-container .custom-control-label {
131 color: #333;
132 }
133 </style>
134</head>
135<body>
136 <div class="register-container">
137 <h1>Register</h1>
138 <form action="{{ url_for('register')}}" method="post">
139 <div class="form-group">
140 <label for="name">Name</label>
141 <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required>
142 </div>
143 <div class="form-group">
144 <label for="email">Email address</label>
145 <input type="email" class="form-control" id="email" name="email" placeholder="Enter email" required>
146 </div>
147 <div class="form-group">
148 <label for="password">Password</label>
149 <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
150 </div>
151 <div class="form-group form-check">
152 <input type="checkbox" class="form-check-input" id="remember" name="remember">
153 <label class="form-check-label" for="remember">Remember me</label>
154 </div>
155 <button type="submit" class="btn btn-primary">Register</button>
156 </form>
157 </div>
158
159 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
160 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
161 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
162</body>
163</html> -->
164