source: src/main/resources/templates/register_business.html@ 204464d

Last change on this file since 204464d was 204464d, checked in by Gjoko <goko_kostadinov@…>, 21 months ago

Adding register customer functionality
  • Property mode set to 100644
File size: 5.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Register business</title>
6
7 <!-- Font Awesome -->
8 <link
9 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
10 rel="stylesheet"
11 />
12 <!-- Google Fonts -->
13 <link
14 href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
15 rel="stylesheet"
16 />
17 <!-- MDB -->
18 <link
19 href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css"
20 rel="stylesheet"
21 />
22 <link rel="stylesheet" href="css/register.css">
23</head>
24<body>
25<div class="px-4 py-5 px-md-5 text-center text-lg-start" style="background-color: hsl(0, 0%, 96%); height: 100vh;">
26 <div class="container">
27 <div class="row gx-lg-5 align-items-center">
28 <div class="col-lg-6 mb-5 mb-lg-0">
29 <h1 class="my-5 display-3 fw-bold ls-tight">
30 Register as <br />
31 <span class="text-primary">a business</span>
32 </h1>
33 <p style="color: hsl(217, 10%, 50.8%)">
34 Let the new customers come to you.
35 </p>
36 </div>
37
38 <div class="col-lg-6 mb-5 mb-lg-0">
39 <div class="card">
40 <div class="card-body py-5 px-md-5">
41 <form>
42 <!-- 2 column grid layout with text inputs for the first and last names -->
43 <div class="row">
44 <div class="col-md-6 mb-4">
45 <div class="form-outline">
46 <input type="text" id="form3Example1" class="form-control" />
47 <label class="form-label" for="form3Example1">First name</label>
48 </div>
49 </div>
50 <div class="col-md-6 mb-4">
51 <div class="form-outline">
52 <input type="text" id="form3Example2" class="form-control" />
53 <label class="form-label" for="form3Example2">Last name</label>
54 </div>
55 </div>
56 </div>
57
58 <!-- Email input -->
59 <div class="form-outline mb-4">
60 <input type="email" id="form3Example3" class="form-control" />
61 <label class="form-label" for="form3Example3">Email address</label>
62 </div>
63
64 <!-- Password input -->
65 <div class="form-outline mb-4">
66 <input type="password" id="form3Example4" class="form-control" />
67 <label class="form-label" for="form3Example4">Password</label>
68 </div>
69
70 <!-- Checkbox -->
71 <div class="form-check d-flex justify-content-center mb-4">
72 <input class="form-check-input me-2" type="checkbox" value="" id="form2Example33" checked />
73 <label class="form-check-label" for="form2Example33">
74 Subscribe to our newsletter
75 </label>
76 </div>
77
78 <!-- Submit button -->
79 <button type="submit" class="btn btn-primary btn-block mb-4">
80 Sign up
81 </button>
82
83 <!-- Register buttons -->
84 <div class="text-center">
85 <p>or sign up with:</p>
86 <button type="button" class="btn btn-link btn-floating mx-1">
87 <i class="fab fa-facebook-f"></i>
88 </button>
89
90 <button type="button" class="btn btn-link btn-floating mx-1">
91 <i class="fab fa-google"></i>
92 </button>
93
94 <button type="button" class="btn btn-link btn-floating mx-1">
95 <i class="fab fa-twitter"></i>
96 </button>
97
98 <button type="button" class="btn btn-link btn-floating mx-1">
99 <i class="fab fa-github"></i>
100 </button>
101 </div>
102 </form>
103 </div>
104 </div>
105 </div>
106 </div>
107 </div>
108</div>
109<!-- Jumbotron -->
110<!-- MDB -->
111<script
112 type="text/javascript"
113 src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
114></script>
115</body>
116</html>
Note: See TracBrowser for help on using the repository browser.