forked from AnselmPowell/single-portal-prototype
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (182 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ensures no search engine will display page: -->
<meta name="robots" content="noindex, nofollow">
<title>Sport Wales Portal</title>
<link rel="icon" href="../assets/icons/sw_favicon.ico" type="image/x-icon">
<!-- FONTAWESOME -->
<script src="https://kit.fontawesome.com/937b7e56e6.js" crossorigin="anonymous"></script>
<!-- FLAGS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"
/>
<!-- GOOGLE FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
<!-- STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="css/global/styles.css">
<link rel="stylesheet" type="text/css" href="css/single_signon/styles.css">
<link rel="stylesheet" type="text/css" href="css/portal/styles.css"/>
<link rel="stylesheet" type="text/css" href="assets/components/headers_footers/header_footer.css">
<link rel="stylesheet" type="text/css" href="assets/components/login_signin_forms/login_signin_forms.css">
<link rel="stylesheet" type="text/css" href="assets/components/buttons/buttons.css">
<link rel="stylesheet" type="text/css" href="assets/components/cards/cards.css"/>
<link rel="stylesheet" type="text/css" href="css/booking/styles.css" />
<link rel="stylesheet" type="text/css" href="assets/components/headers_footers/header_footer.css"/>
<link rel="stylesheet" type="text/css" href="css/education/education.css" />
<link rel="stylesheet" type="text/css" href="assets/components/login_signin_forms/login_signin_forms.css"/>
<link rel="stylesheet" type="text/css" href="assets/components/buttons/buttons.css"/>
<!-- THIRD PARTY CDNs -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- Add your common meta tags, stylesheets, and scripts here -->
<title>Sport Wales Portal</title>
</head>
<body>
<!-- navbar -->
<!-- SPORT WALES HEADER 1 -->
<div class="sw_header1">
<div class="sw_logo">
<a href="index.html"><img src="assets/img/Sport Wales logos/Logos - White/Sport Wales - Logo_White.svg" alt="Sport Wales Logo"></a>
</div>
<div class="sw_nav">
<ul class="hover-list">
<li><a href="pages/portal.html">Home</a></li>
<li><a href="pages/funding.html">Funding</a></li>
<li><a href="pages/booking.html">Booking</a></li>
<li><a href="pages/education.html">Learning</a></li>
</ul>
</div>
<div class="account">
<i style="color: white;" class="fa-solid fa-cart-shopping"></i>
<i style="color: white;" class="fa-solid fa-user"></i>
<button onclick="translateToggle()" class="lang-picker_en" type="button">
<span class="fi fi-gb"></span>
<p style="color: black;">EN</p>
<i style="color: black;" class="fa-solid fa-chevron-down"></i>
</button>
</div>
</div>
<div class="container-fluid" id="test_banner">
<span id="banner_test_flag">TEST</span>
<span id="banner_test_text">This website is a test. Please do not input any personal information.</span>
</div>
<!-- NUNJUCKS CHILD TEMPLATE CONTENT -->
<div class="main">
<div class="container">
<div class="sw_title">
<h1 class="font-weight-bold mt-5 mb-5">Welcome to Sport Wales Portal</h1>
</div>
<div class="single-portal-layout">
<!-- LOGIN FORM -->
<div class="login_signin-container ">
<form id="login-form" class="login_signin-form login login-validation" novalidate>
<h2>Log in to your account</h2>
<div class="form-outline" >
<div style="margin: 10px 0px;" class="invalid-feedback invalid-user_pass">Username or password is incorrect please try again </div>
<label for="username">Username or email address</label>
<input type="text" class="form-control" name="username" required>
<div class="invalid-feedback">Please enter your username or email</div>
</div>
<div class="">
<label for="password">Password:</label>
<div class="form-outline password_input">
<input type="password" class="form-control" name="password" value="" required>
<div class="invalid-feedback">Please enter your password</div>
<!-- <i class="fa-regular fa-eye"></i> -->
</div>
</div>
<div class="or_separator">
<span></span>
<p>or</p>
<span></span>
</div>
<div class="social-login-container">
<button class="social-button google"><i class="fa-brands fa-google"></i></button>
<button class="social-button facebook"><i class="fa-brands fa-facebook"></i></button>
<button class="social-button apple"><i class="fa-brands fa-apple"></i></button>
</div>
<button class="btn btn-danger" type="submit"><a style="color: white;" >Login</a></button>
</div>
</form>
<div class="vertical_separator"> </div>
<!-- SIGNIN FORM -->
<div class="login_signin-container">
<form id="signup-form" class="login_signin-form signin signup-validation" novalidate>
<h2>Register account</h2>
<div class="form-outline">
<div style="margin: 10px 0px;" class="invalid-feedback invalid-user_taken">Username or email is already taken </div>
<label for="username">Username or email address</label>
<input type="text" class="form-control" id="username_signup" name="username" value="" required>
<div class="invalid-feedback">Please choose a username or email</div>
</div>
<div class="form-outline">
<label for="password">Password:</label>
<div class="password_input">
<input type="password" class="form-control" id="password_signup" name="password" required>
<div class="invalid-feedback">Please choose a password</div>
<!-- <i class="fa-regular fa-eye"></i> -->
</div>
</div>
<div class="or_separator">
<span></span>
<p>or</p>
<span></span>
</div>
<div class="social-login-long-container">
<button class="social-button google"><i class="fa-brands fa-google"></i> <p>Sign up with Google</p> </button>
<button class="social-button facebook"><i class="fa-brands fa-facebook"></i> <p>Sign up with Facebook</p> </button>
<button class="social-button apple"><i class="fa-brands fa-apple"></i> <p>Sign up with Apple</p> </button>
</div>
<button class="btn btn-danger" type="submit"><a style="color: white;" >Sign up</a></button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="home sw_footer1">
<div class="sw_logo">
<a href="index.html"
><img
src="assets/img/Sport Wales logos/Logos - White/Sport Wales - Logo_White.svg"
alt="Sport Wales Logo"
/></a>
</div>
<div class="sw_footer-nav">
<ul>
<li><a class="title-list" href="index.html">Sport Wales</a></li>
<li><a href="index.html">About us</a></li>
<li><a href="index.html">Main Website</a></li>
<li><a href="index.html">Where we are</a></li>
</ul>
<ul>
<li><a class="title-list" href="index.html">Find out more</a></li>
<li><a href="index.html">Privacy</a></li>
<li><a href="index.html">Accessibility</a></li>
<li><a href="index.html">Cookie policy</a></li>
<li><a href="index.html">Freedom of Information</a></li>
</ul>
</div>
<div class="account-btn-container">
<div class="btn btn-danger">Register</div>
<div class="btn btn-light">Log in</div>
</div>
</div>
</div>
<!-- THIRD PARTY JS CDNs -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Global JS -->
<script src="../js/global/global.js"></script>
<!-- Page Translations -->
<script src="../js/translation/translation.js"></script>
</body>
</html>