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>Login - Pizza Price Prediction</title>
7 <style>
8 body, html {
9 background-color: #C5FFF8;
10 height: 100%;
11 margin: 0;
12 font-family: Arial, sans-serif;
13 display: flex;
14 justify-content: center;
15 align-items: center;
16 /* background-image: url('{{ url_for('static', filename='images/background.jpg') }}'); */
17 background-size: cover;
18 background-position: center;
19 }
20 .login-container {
21 background-color: rgba(0, 123, 255, 0.9); /* Blue background with opacity */
22 padding: 40px; /* Increased padding */
23 border-radius: 10px;
24 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
25 text-align: center;
26 width: 400px; /* Increased width */
27 }
28 .login-container h1 {
29 margin-bottom: 20px;
30 font-size: 24px;
31 color: white; /* Changed text color to white */
32 }
33 .login-container form {
34 display: flex;
35 flex-direction: column;
36 }
37 .login-container input[type="email"],
38 .login-container input[type="password"] {
39 padding: 15px; /* Increased padding */
40 margin: 10px 0;
41 border: 1px solid #ccc;
42 border-radius: 5px;
43 font-size: 16px; /* Increased font size */
44 }
45 .login-container input[type="submit"] {
46 padding: 15px; /* Increased padding */
47 margin: 10px 0;
48 border: none;
49 border-radius: 5px;
50 background-color: #28a745;
51 color: white;
52 cursor: pointer;
53 font-size: 18px; /* Increased font size */
54 }
55 .login-container input[type="submit"]:hover {
56 background-color: #218838;
57 }
58 .login-container .form-check {
59 display: flex;
60 align-items: center;
61 justify-content: center;
62 margin-bottom: 10px;
63 margin-top: 10px;
64 justify-content: flex-start;
65 }
66 .login-container .form-check-label {
67 color: white;
68 margin-left: 10px;
69
70 }
71 .login-container .register-link {
72 margin-top: 10px;
73 color: white; /* Changed text color to white */
74 }
75 .login-container .register-link a {
76 color: white; /* Changed link color to white */
77 font-weight: bold; /* Bolded link text */
78 }
79 .application-name {
80 font-size: 32px; /* Increased font size */
81 color: white; /* Changed text color to white */
82 margin-bottom: 10px;
83 }
84 </style>
85</head>
86<body>
87 <div class="login-container">
88 <div class="application-name">Pizza Price Predictor</div>
89 <h1>Login</h1>
90 <form action="{{ url_for('login') }}" method="post">
91 <input type="email" name="email" placeholder="Email" required>
92 <input type="password" name="password" placeholder="Password" required>
93 <div class="form-check">
94 <input type="checkbox" class="form-check-input" id="remember" name="remember">
95 <label class="form-check-label" for="remember">Remember me</label>
96 </div>
97 <input type="submit" value="Login">
98 </form>
99 <div class="register-link">
100 <p>Not registered? <a href="{{ url_for('register') }}">Register here</a></p>
101 </div>
102 </div>
103</body>
104</html>
105
106
107
108
109<!-- <h1>login page form</h1> -->
110<!-- <!DOCTYPE html>
111<html lang="en">
112<head>
113 <meta charset="UTF-8">
114 <meta name="viewport" content="width=device-width, initial-scale=1.0">
115 <title>Login for Pizza Price Prediction</title>
116 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
117 <style>
118 body {
119 background-color: #f7f7f7;
120 display: flex;
121 justify-content: center;
122 align-items: center;
123 height: 100vh;
124 margin: 0;
125 }
126 .login-container {
127 background-color: #fff;
128 padding: 40px;
129 border-radius: 10px;
130 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
131 width: 100%;
132 max-width: 400px;
133 text-align: center;
134 }
135 .login-container h1 {
136 color: #333;
137 margin-bottom: 30px;
138 }
139 .login-container .form-group {
140 margin-bottom: 20px;
141 text-align: left;
142 }
143 .login-container .form-control {
144 border-radius: 5px;
145 padding: 10px;
146 }
147 .login-container .btn {
148 background-color: #36C2CE;
149 border: none;
150 border-radius: 5px;
151 padding: 10px;
152 color: #fff;
153 font-size: 16px;
154 width: 100%;
155 }
156 .login-container .btn:hover {
157 background-color: #0056b3;
158 }
159 .login-container .custom-control-label {
160 color: #333;
161 }
162 </style>
163</head>
164<body>
165 <div class="login-container">
166 <h1>Welcome to Pizza Price Prediction</h1>
167 <form action="{{ url_for('login')}}" method="post">
168 <div class="form-group">
169 <label for="email">Email address</label>
170 <input type="email" class="form-control" id="email" name="email" placeholder="Enter email" required>
171 </div>
172 <div class="form-group">
173 <label for="password">Password</label>
174 <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
175 </div>
176 <div class="form-group form-check">
177 <input type="checkbox" class="form-check-input" id="remember" name="remember">
178 <label class="form-check-label" for="remember">Remember me</label>
179 </div>
180 <button type="submit" class="btn btn-primary">Login</button>
181 </form>
182 </div>
183
184 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
185 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
186 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
187</body>
188</html> -->
189