Ignore:
Timestamp:
02/05/23 19:55:10 (22 months ago)
Author:
Gjoko Kostadinov <gjoko.kostadinov@…>
Branches:
master
Children:
2b0a4db
Parents:
cc52b09
Message:

Adding customer registration

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/register_business.html

    rcc52b09 ra436340  
    33<head>
    44    <meta charset="UTF-8">
    5     <title>Register business</title>
     5    <title>Schedlr</title>
    66
    77    <!-- Font Awesome -->
    … …  
    2020            rel="stylesheet"
    2121    />
    22     <link rel="stylesheet" href="css/register.css">
     22    <link rel="stylesheet" href="css/login.css">
     23
    2324</head>
    2425<body>
    … …  
    4041                    <div class="card-body py-5 px-md-5">
    4142                        <form>
     43                            <div class="text-center">
     44                                <p>Personal Info</p>
     45                            </div>
     46
    4247                            <!-- 2 column grid layout with text inputs for the first and last names -->
    4348                            <div class="row">
    4449                                <div class="col-md-6 mb-4">
    4550                                    <div class="form-outline">
    46                                         <input type="text" id="form3Example1" class="form-control" />
    47                                         <label class="form-label" for="form3Example1">First name</label>
     51                                        <input type="text" id="firstName" class="form-control" />
     52                                        <label class="form-label" for="firstName">First name</label>
    4853                                    </div>
    4954                                </div>
    5055                                <div class="col-md-6 mb-4">
    5156                                    <div class="form-outline">
    52                                         <input type="text" id="form3Example2" class="form-control" />
    53                                         <label class="form-label" for="form3Example2">Last name</label>
     57                                        <input type="text" id="lastName" class="form-control" />
     58                                        <label class="form-label" for="lastName">Last name</label>
    5459                                    </div>
    5560                                </div>
    … …  
    5863                            <!-- Email input -->
    5964                            <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>
     65                                <input type="email" id="email" class="form-control" />
     66                                <label class="form-label" for="email">Email address</label>
     67                            </div>
     68
     69                            <!-- Email input -->
     70                            <div class="form-outline mb-4">
     71                                <input type="email" id="username" class="form-control" />
     72                                <label class="form-label" for="username">Username</label>
    6273                            </div>
    6374
    6475                            <!-- Password input -->
    6576                            <div class="form-outline mb-4">
    66                                 <input type="password" id="form3Example4" class="form-control" />
    67                                 <label class="form-label" for="form3Example4">Password</label>
     77                                <input type="password" id="password" class="form-control" />
     78                                <label class="form-label" for="password">Password</label>
    6879                            </div>
    6980
    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>
     81                            <div class="text-center">
     82                                <p>Company Info</p>
    7683                            </div>
     84
     85                            <div class="form-outline mb-4">
     86                                <input type="email" id="companyName" class="form-control" />
     87                                <label class="form-label" for="companyName">Company Name</label>
     88                            </div>
     89
     90                            <div class="form-outline mb-4">
     91                                <select class="form-select" id="companyType">
     92                                    <option value="" disabled selected hidden>Company Type</option>
     93                                </select>
     94                            </div>
     95
     96                            <div class="form-group form-outline mb-4">
     97                                <label for="services">Services</label>
     98                                <input type="text" class="form-control" placeholder="Services" list="list-timezone" id="services">
     99                                <datalist id="list-timezone">
     100                                </datalist>
     101                            </div>
     102
    77103
    78104                            <!-- Submit button -->
    … …  
    80106                                Sign up
    81107                            </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>
    102108                        </form>
    103109                    </div>
    … …  
    107113    </div>
    108114</div>
    109 <!-- Jumbotron -->
    110 <!-- MDB -->
     115<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
    111116<script
    112117        type="text/javascript"
    113118        src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
    114119></script>
     120<script src="js/register_business.js" type="text/javascript"></script>
     121<script src="js/bootstrap-autocomplete.min.js"></script>
    115122</body>
    116123</html>
Note: See TracChangeset for help on using the changeset viewer.