1 | <!DOCTYPE html>
|
---|
2 | <html style="font-size: 16px;" lang="en"><head>
|
---|
3 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
---|
4 | <meta charset="utf-8">
|
---|
5 | <meta name="keywords" content="">
|
---|
6 | <meta name="description" content="">
|
---|
7 | <title>Sign up</title>
|
---|
8 | <link rel="stylesheet" href="temp.css" media="screen">
|
---|
9 | <link rel="stylesheet" href="Sign-up.css" media="screen">
|
---|
10 | <!--<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
---|
11 | <script class="u-script" type="text/javascript" src="temp.js" defer=""></script>-->
|
---|
12 | <meta name="generator" content="Nicepage 5.4.4, nicepage.com">
|
---|
13 | <meta name="referrer" content="origin">
|
---|
14 | <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
|
---|
15 |
|
---|
16 |
|
---|
17 | <script type="application/ld+json">{
|
---|
18 | "@context": "http://schema.org",
|
---|
19 | "@type": "Organization",
|
---|
20 | "name": "",
|
---|
21 | "logo": "images/logo.png"
|
---|
22 | }</script>
|
---|
23 | <meta name="theme-color" content="#478ac9">
|
---|
24 | <meta property="og:title" content="Sign up">
|
---|
25 | <meta property="og:type" content="website">
|
---|
26 | <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
|
---|
27 | <body style="height: 100vh" class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-header" id="sec-2d07">
|
---|
28 |
|
---|
29 |
|
---|
30 |
|
---|
31 | <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
|
---|
32 | <a href="/" class="u-image u-logo u-image-1" data-image-width="463" data-image-height="339" title="Home">
|
---|
33 | <img src="/images/logo.png" class="u-logo-image u-logo-image-1">
|
---|
34 | </a>
|
---|
35 | <nav class="u-menu u-menu-one-level u-offcanvas u-menu-1">
|
---|
36 | <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
---|
37 | <a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
|
---|
38 | <svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
---|
39 | <svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
---|
40 | </g></svg>
|
---|
41 | </a>
|
---|
42 | </div>
|
---|
43 | <div class="u-custom-menu u-nav-container">
|
---|
44 | <ul class="u-nav u-unstyled u-nav-1">
|
---|
45 |
|
---|
46 | <li class="u-nav-item">
|
---|
47 |
|
---|
48 | <div class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base u-text-palette-1-base" style="padding: 10px 20px;">Hidden div</div>
|
---|
49 |
|
---|
50 | </li>
|
---|
51 |
|
---|
52 | </ul>
|
---|
53 | </div>
|
---|
54 | <div class="u-custom-menu u-nav-container-collapse">
|
---|
55 | <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
---|
56 | <div class="u-inner-container-layout u-sidenav-overflow">
|
---|
57 | <div class="u-menu-close"></div>
|
---|
58 | <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2">
|
---|
59 |
|
---|
60 |
|
---|
61 | <li class="u-nav-item"><div class="u-button-style u-nav-link" >Hidden div</div></li>
|
---|
62 |
|
---|
63 |
|
---|
64 | </ul>
|
---|
65 | </div>
|
---|
66 | </div>
|
---|
67 | <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
---|
68 | </div>
|
---|
69 | </nav>
|
---|
70 | </div>
|
---|
71 |
|
---|
72 |
|
---|
73 |
|
---|
74 | </header>
|
---|
75 | <section style="height: 72.6%" class="u-align-center u-clearfix u-container-align-center u-image u-section-1" id="sec-c3e6" data-image-width="1280" data-image-height="1280">
|
---|
76 | <div class="u-clearfix u-sheet u-sheet-1">
|
---|
77 | <div class="u-align-center u-form u-radius-20 u-white u-form-1">
|
---|
78 | <form method="post" action="/processSignup" class="u-clearfix u-form-spacing-15 u-form-vertical u-inner-form" name="form" style="padding: 23px;">
|
---|
79 | <h4 class="u-align-center u-form-group u-form-text u-text u-text-1">Sign up</h4>
|
---|
80 | <div class="u-form-email u-form-group">
|
---|
81 | <label for="email-4c18" class="u-label">Username</label>
|
---|
82 | <input type="text" placeholder="Enter a valid username" id="email-4c18" name="username" class="u-border-2 u-border-grey-10 u-grey-10 u-input u-input-rectangle u-radius-10" required="">
|
---|
83 | </div>
|
---|
84 | <div class="u-form-email u-form-group">
|
---|
85 | <label for="full-name-4c19" class="u-label">Full Name</label>
|
---|
86 | <input type="text" placeholder="Enter a valid name" id="full-name-4c19" name="full_name" class="u-border-2 u-border-grey-10 u-grey-10 u-input u-input-rectangle u-radius-10">
|
---|
87 | </div>
|
---|
88 | <div class="u-form-group u-form-name">
|
---|
89 | <label for="name-4c18" class="u-label">Password</label>
|
---|
90 | <input type="password" placeholder="Enter your password" id="name-4c18" name="password" class="u-border-2 u-border-grey-10 u-grey-10 u-input u-input-rectangle u-radius-10" required="">
|
---|
91 | </div>
|
---|
92 | <div class="u-form-group u-form-name">
|
---|
93 | <label for="name-4c20" class="u-label">Confirm Password</label>
|
---|
94 | <input type="password" placeholder="Confirm your password" id="name-4c20" name="password2" class="u-border-2 u-border-grey-10 u-grey-10 u-input u-input-rectangle u-radius-10" required="">
|
---|
95 | </div>
|
---|
96 | <!--<div class="u-align-center u-form-group u-form-submit">
|
---|
97 | <button type="submit" class="u-active-palette-3-base u-border-3 u-border-active-palette-3-base u-border-hover-palette-3-base u-border-palette-2-base u-btn u-btn-round u-btn-submit u-button-style u-hover-palette-3-base u-palette-2-base u-radius-50 u-btn-1">Sign up</button>
|
---|
98 | </div>-->
|
---|
99 |
|
---|
100 | <div class="u-align-center u-form-group u-form-submit">
|
---|
101 | <button type="submit" class="u-active-palette-3-base u-border-3 u-border-active-palette-3-base u-border-hover-palette-3-base u-border-palette-2-base u-hover-palette-3-base u-palette-2-base u-radius-50 u-btn u-btn-round u-button-style u-btn-1">Sign up</button>
|
---|
102 | </div>
|
---|
103 |
|
---|
104 | <div style="margin: auto auto 20px; color: red; font-weight: bold;"
|
---|
105 | th:if="${invalidRegister==true}">
|
---|
106 | A user with that username already exists!
|
---|
107 | </div>
|
---|
108 | <div style="margin: auto auto 20px; color: red; font-weight: bold;"
|
---|
109 | th:if="${passwordDoNotMatch==true}">
|
---|
110 | The passwords you have entered do not match!
|
---|
111 | </div>
|
---|
112 |
|
---|
113 |
|
---|
114 |
|
---|
115 | <!-- <input type="hidden" value="" name="recaptchaResponse">
|
---|
116 | <input type="hidden" name="formServices" value="14dc455e684d81d7b943a25db939938b">-->
|
---|
117 | </form>
|
---|
118 | </div>
|
---|
119 | </div>
|
---|
120 | </section>
|
---|
121 |
|
---|
122 |
|
---|
123 | <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-9625">
|
---|
124 |
|
---|
125 | <div th:insert="~{_layout :: footer}"></div>
|
---|
126 |
|
---|
127 | </footer>
|
---|
128 | </body></html> |
---|