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

Last change on this file was 77205be, checked in by gjoko kostadinov <gjokokostadinov@…>, 6 months ago

Add entire code
  • Property mode set to 100755
File size: 6.4 KB
RevLine 
[204464d]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
[8bcd64c]5 <title>Register business</title>
[2b0a4db]6 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
7 integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
[a436340]8 <link rel="stylesheet" href="css/login.css">
[204464d]9</head>
10<body>
11<div class="px-4 py-5 px-md-5 text-center text-lg-start" style="background-color: hsl(0, 0%, 96%); height: 100vh;">
12 <div class="container">
13 <div class="row gx-lg-5 align-items-center">
14 <div class="col-lg-6 mb-5 mb-lg-0">
15 <h1 class="my-5 display-3 fw-bold ls-tight">
[2b0a4db]16 Register as <br/>
[204464d]17 <span class="text-primary">a business</span>
18 </h1>
19 <p style="color: hsl(217, 10%, 50.8%)">
20 Let the new customers come to you.
21 </p>
22 </div>
23
24 <div class="col-lg-6 mb-5 mb-lg-0">
25 <div class="card">
26 <div class="card-body py-5 px-md-5">
27 <form>
[a436340]28 <div class="text-center">
[8bcd64c]29 <p>Personal Info</p>
30 </div>
[a436340]31
[204464d]32 <!-- 2 column grid layout with text inputs for the first and last names -->
33 <div class="row">
34 <div class="col-md-6 mb-4">
35 <div class="form-outline">
[46fd0c7]36 <input type="text" id="firstName" class="form-control" placeholder="First name"
37 aria-label="Firstname"/>
[204464d]38 </div>
39 </div>
40 <div class="col-md-6 mb-4">
41 <div class="form-outline">
[2b0a4db]42 <input type="text" id="lastName" class="form-control" placeholder="Last name"
43 aria-label="lastname"/>
[204464d]44 </div>
45 </div>
46 </div>
47
[77205be]48 <!-- Phone number input -->
49 <div class="form-outline mb-4">
50 <input type="number" id="phoneNumber" class="form-control" placeholder="Phone number"
51 aria-label="phonenumber"/>
52 </div>
53
[204464d]54 <!-- Email input -->
55 <div class="form-outline mb-4">
[2b0a4db]56 <input type="email" id="email" class="form-control" placeholder="Email"
57 aria-label="Email"/>
[204464d]58 </div>
59
[a436340]60 <!-- Email input -->
[204464d]61 <div class="form-outline mb-4">
[2b0a4db]62 <input type="text" id="username" class="form-control" placeholder="Username"
63 aria-label="username"/>
[204464d]64 </div>
65
[a436340]66 <!-- Password input -->
67 <div class="form-outline mb-4">
[2b0a4db]68 <input type="password" id="password" class="form-control" placeholder="Password"
69 aria-label="password"/>
[204464d]70 </div>
71
72 <div class="text-center">
[a436340]73 <p>Company Info</p>
74 </div>
[204464d]75
[a436340]76 <div class="form-outline mb-4">
[46fd0c7]77 <input type="text" id="companyName" class="form-control" placeholder="Company Name"
[2b0a4db]78 aria-label="companyName"/>
[a436340]79 </div>
[204464d]80
[a436340]81 <div class="form-outline mb-4">
[2b0a4db]82 <select class="form-select" id="companyType" aria-label="Default select example">
83 <option disabled selected hidden>Company Type</option>
[a436340]84 </select>
85 </div>
[204464d]86
[2b0a4db]87 <div class="text-center">
88 <p>Select from the predefined services or add a new one</p>
89 </div>
90
[46fd0c7]91 <div class="form-outline mb-4">
92 <div class="row">
93 <div class="col-md-10">
94 <div class="form-outline">
95 <input type="text" id="input_service" class="form-control"
96 placeholder="Services"
97 aria-label="services" disabled="true"/>
98 </div>
99 </div>
100 <div class="form-outline col-md-2 d-grid">
101 <button class="btn btn-primary" id="add_service" disabled="true">Add</button>
[2b0a4db]102 </div>
103 </div>
104 </div>
105
106
107 <div id="predefined_services" class="form-outline mb-4">
[204464d]108 </div>
[a436340]109
110
111 <!-- Submit button -->
[950fa0d]112 <button type="button" class="btn btn-primary btn-block mb-4" id="signup_business_button">
[a436340]113 Sign up
114 </button>
[204464d]115 </form>
116 </div>
117 </div>
118 </div>
119 </div>
120 </div>
121</div>
[2b0a4db]122<!-- jQuery library -->
123<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
124 integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
125 crossorigin="anonymous"></script>
126<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
127 integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
128 crossorigin="anonymous"></script>
129<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
[a436340]130<script src="js/register_business.js" type="text/javascript"></script>
[204464d]131</body>
132</html>
Note: See TracBrowser for help on using the repository browser.