xxxxxxxxxx
1
<!DOCTYPE html>
2
<html lang="en">
3
4
<head>
5
<meta charset="utf-8">
6
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
<meta http-equiv="x-ua-compatible" content="ie=edge">
8
<title>Azurable - Football stats</title>
9
<!-- Font Awesome -->
10
<link rel="stylesheet" href="font/fontawesome/css/all.css">
11
<!-- Bootstrap core CSS -->
12
<link href="css/bootstrap.min.css" rel="stylesheet">
13
<!-- Material Design Bootstrap -->
14
<link href="css/mdb.min.css" rel="stylesheet">
15
<!-- Your custom styles (optional) -->
16
<link href="css/style.min.css" rel="stylesheet">
17
<style type="text/css">
18
html,
19
body,
20
header,
21
.view {
22
height: 100%;
23
}
24
25
@media (max-width: 740px) {
26
html,
27
body,
28
header,
29
.view {
30
height: 1000px;
31
}
32
.pollux-sm-content-margin-top {
33
margin-top: 55px;
34
}
35
}
36
37
@media (min-width: 740px) and (max-width: 760px) {
38
.pollux-md-content-margin-left {
39
margin-left: 50px;
40
}
41
.pollux-md-content-margin-left-small {
42
margin-left: 30px;
43
}
44
}
45
46
@media (min-width: 1280px) and (max-width: 1380px) {
47
.pollux-md-content-margin-left {
48
margin-left: 50px;
49
}
50
.pollux-md-content-margin-left-small {
51
margin-left: 30px;
52
}
53
}
54
55
@media (min-width: 1024px) and (max-width: 1540px) {
56
.pollux-lg-content-margin-top {
57
margin-top: 80px;
58
}
59
}
60
61
/* @media (min-width: 1500px) and (max-width: 1540px) {
62
.pollux-lg-content-margin-top {
63
margin-top: 80px;
64
}
65
}*/
66
67
@media (min-width: 800px) and (max-width: 850px) {
68
html,
69
body,
70
header,
71
.view {
72
height: 650px;
73
}
74
}
75
@media (min-width: 800px) and (max-width: 850px) {
76
.navbar:not(.top-nav-collapse) {
77
background: #0E1D61!important;
78
}
79
}
80
</style>
81
</head>
82
83
<body style="background-image: url('img/polluxDarkBlueBg.jpg');
84
background-repeat: no-repeat; background-size: cover; height: 100%">
85
86
87
<!-- Content -->
88
<div class="container" style="margin-top: 80px">
89
<div class="row">
90
<div class="col-12 col-md-8 offset-md-2">
91
92
<!-- Card -->
93
<div class="card testimonial-card">
94
95
<!-- Background color -->
96
<div class="card-up indigo lighten-1"></div>
97
98
<!-- Avatar -->
99
<div class="avatar mx-auto white" style="margin-top:15px">
100
<img src="<?php echo $_SESSION['profilePicture']?>" class="rounded-circle" alt="avatar">
101
</div>
102
103
<!-- Card Content -->
104
<div class="card-body">
105
<!-- Name -->
106
<div class="col-12 text-center">
107
<h4 class="card-title">Vytvoření nového účtu</h4>
108
</div>
109
<hr>
110
<!-- Form -->
111
<form id="frmNewUser">
112
113
<!-- Input fields row -->
114
<div class="row">
115
116
117
<!-- Right column -->
118
<div class="col-12 col-md-4">
119
<!-- TeamName -->
120
<div class="form-row">
121
<div class="col-12 md-form" style="color: #0E1D61">
122
<input type="text" id="plxClubName" class="form-control" required>
123
<label for="plxClubName" style="color: #0E1D61; font-weight: 400">Za jaký
124
klub hraješ?</label>
125
<div class="invalid-feedback">Název klubu nesmí být prázdný</div>
126
</div>
127
</div>
128
129
<!-- Age Category -->
130
<div class="form-row">
131
<div class="col-12 md-form" style="color: #0E1D61">
132
<select class="mdb-select md-form">
133
<option value="" disabled selected>Choose your option</option>
134
<option value="1">Option 1</option>
135
<option value="2">Option 2</option>
136
<option value="3">Option 3</option>
137
</select>
138
</div>
139
</div>
140
141
<!-- Player Position -->
142
<div class="form-row">
143
<div class="col-12 md-form" style="color: #0E1D61">
144
<input type="text" id="plxPlayerPosition" class="form-control">
145
<label for="plxPlayerPosition" style="color: #0E1D61; font-weight: 400">Na
146
jakém hraješ postu?</label>
147
</div>
148
</div>
149
150
<!-- Jersey Nr -->
151
<div class="form-row">
152
<div class="col-12 md-form" style="color: #0E1D61">
153
<input type="text" id="plxJerseyNr" class="form-control">
154
<label for="plxJerseyNr" style="color: #0E1D61; font-weight: 400">Jaké máš
155
obvykle číslo dresu?</label>
156
</div>
157
</div>
158
</div>
159
<!-- /Right column -->
160
</div>
161
<!-- /Input field row -->
162
163
<div class="row">
164
<!-- Buttons -->
165
<div class="col-12 text-right">
166
<button id="plxNewAccountCancelButton" class="btn btn-light"
167
type="button">Storno</button>
168
<button id="plxNewAccountCreateButton" class="btn" type="button"
169
style="background-color: #0E1D61; color: #0DD3F5">Vytvořit nový účet</button>
170
</div>
171
</div>
172
173
</form>
174
</div>
175
<!-- Card -->
176
177
</div>
178
</div>
179
</div>
180
</div>
181
<!-- /Content -->
182
183
<!-- JQuery -->
184
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
185
<!-- Bootstrap tooltips -->
186
<script type="text/javascript" src="js/popper.min.js"></script>
187
<!-- Bootstrap core JavaScript -->
188
<script type="text/javascript" src="js/bootstrap.min.js"></script>
189
<!-- MDB core JavaScript -->
190
<script type="text/javascript" src="js/mdb.min.js"></script>
191
<!-- Moments.js -->
192
<script type="text/javascript" src="js/moment.js"></script>
193
<!-- Common application script -->
194
<script type="text/javascript" src="js/pollux-common.js"></script>
195
<!-- Javascripts required for component used on this page -->
196
<script type="text/javascript" src="js/modules/material-select.js"></script>
197
198
<!-- Init scripts -->
199
<script>
200
$(document).ready(function() {
201
$('.mdb-select').materialSelect();
202
});
203
</script>
204
205
206
</body>
207
208
</html>
1
1
1
1
Console errors: 0