forked from jiboncoco/class-bwa-eloquent-orm-tails-freemium
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
449 lines (379 loc) · 24.9 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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home | Football Analytics</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css"/>
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
</head>
<body>
<!-- navbar -->
<section class="h-full w-full border-box transition-all duration-500 linear lg:px-24 md:px-20 px-8 py-8 border-b" style="background-color: #141432">
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.btn-fill-1-2 {
background-color: #ffdda9;
color: #372642;
}
.btn-fill-1-2:hover {
background-color: #fcd396;
color: #372642;
}
nav a.nav-1-2 {
color: #ffffff;
}
nav a.nav-1-2:hover {
color: #ffdda9;
font-weight: 500;
}
nav a.nav-1-2.active {
color: #ffdda9;
}
#menu-toggle-1-2:checked + #menu-1-2,
#menu-toggle-1-2:checked + #menu-1-2 + #menu-1-2 {
display: block;
}
</style>
<div style="font-family: 'Poppins', sans-serif">
<div class="mx-auto flex flex-wrap flex-row items-center justify-between">
<a class="flex font-medium items-center" href="index.html">
<svg
width="42"
height="42"
viewBox="0 0 42 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.5 15.75C3.5 8.98451 8.98451 3.5 15.75 3.5H29.75C30.7165 3.5 31.5 4.2835 31.5 5.25C31.5 6.21649 30.7165 7 29.75 7H15.75C10.9175 7 7 10.9175 7 15.75V29.75C7 30.7165 6.2165 31.5 5.25 31.5C4.2835 31.5 3.5 30.7165 3.5 29.75V15.75Z"
fill="white"
/>
<path
d="M10.5 17.5C10.5 13.634 13.634 10.5 17.5 10.5H31.5C35.366 10.5 38.5 13.634 38.5 17.5V31.5C38.5 35.366 35.366 38.5 31.5 38.5H17.5C13.634 38.5 10.5 35.366 10.5 31.5V17.5Z"
fill="white"
/>
</svg>
</a>
<label for="menu-toggle-1-2" class="cursor-pointer lg:hidden block">
<svg
class="w-6 h-6"
fill="none"
stroke="#FFFFFF"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
></path>
</svg>
</label>
<input class="hidden" type="checkbox" id="menu-toggle-1-2" />
<div class="hidden lg:flex lg:items-center lg:w-auto w-full lg:ml-auto lg:mr-auto flex-wrap items-center text-base justify-center" id="menu-1-2">
<nav class="lg:space-x-12 space-x-0 lg:flex items-center justify-between text-base pt-8 lg:pt-0 lg:space-y-0 space-y-6">
<a class="block cursor-pointer nav-1-2" href="clubs.html">Clubs</a>
<a class="block cursor-pointer nav-1-2" href="players.html">Players</a>
<a class="block cursor-pointer nav-1-2" href="managers.html">Managers</a>
<a class="block cursor-pointer nav-1-2" href="stadiums.html">Stadium</a>
</nav>
</div>
<div class="hidden lg:flex lg:items-center lg:w-auto w-full" id="menu-1-2">
<button class="btn-fill-1-2 items-center border-0 py-3 px-8 focus:outline-none rounded-2xl font-medium text-base mt-6 lg:mt-0">
Next Match
</button>
</div>
</div>
</div>
</section>
<!-- hero -->
<section class="h-full w-full border-box transition-all duration-500 linear" style="background-color: #141432">
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.btn-outline-header-2-3 {
border: 1px solid #707092;
color: #707092;
}
.btn-outline-header-2-3:hover {
border: 1px solid #ffffff;
color: #ffffff;
}
.btn-outline-header-2-3:hover div path {
fill: #ffffff;
}
.box-shadow-header-2-3:hover {
--tw-shadow: inset 0 0px 25px 0 rgba(20, 20, 50, 0.7);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.navigation-header-2-3 a:hover,
.active::after {
font-weight: 600;
}
.navigation-header-2-3 a:hover {
color: #e7e7e8;
}
.navigation-header-2-3 {
color: #707092;
}
.bg-screen-header-2-3 {
background-color: #707092;
}
.bg-popup-header-2-3 {
background-color: #141432;
}
</style>
<div style="font-family: 'Poppins', sans-serif">
<!-- Hero-header-2-3 -->
<div>
<div class="mx-auto flex pt-12 pb-16 lg:pb-20 lg:px-24 md:px-16 sm:px-8 px-8 lg:flex-row flex-col">
<!-- Left Column -->
<div class="lg:flex-grow lg:w-1/2 flex flex-col lg:items-start lg:text-left mb-3 md:mb-12 lg:mb-0 items-center text-center">
<p class="mb-8 leading-relaxed font-semibold text-sm" style="color: #fb6262">
More than Football Community
</p>
<h1 class="lg:block hidden title-font sm:text-5xl lg:text-6xl text-4xl mb-8 font-semibold sm:leading-tight" style="color: #cbcbd2; line-height: 1.2">
The best way <br/>
to analyze your team in the league
</h1>
<h1 class="lg:hidden block title-font sm:text-5xl lg:text-6xl text-4xl mb-8 lg::px-10 md:px-10 sm:px-6 px-0 font-semibold sm:leading-tight" style="color: #cbcbd2; line-height: 1.2">
The best way to analyze your team in the league
</h1>
<div class="inline-block items-center mx-auto lg:mx-0 lg:flex justify-center lg:space-x-8 md:space-x-2 sm:space-x-3 space-x-0">
<button class="inline-flex font-semibold text-white text-base py-4 px-6 rounded-xl mb-4 lg:mb-0 md:mb-0 focus:outline-none box-shadow-header-2-3" style="background: #524eee; font-family: 'Poppins', sans-serif;">
Match Result
</button>
<button class="btn-outline-header-2-3 font-normal text-black text-base py-4 px-6 rounded-xl focus:outline-none bg-transparent rounded hover:border-transparent" style="font-family: 'Poppins', sans-serif">
<div class="flex items-center">
<img style="height: 20px;" class="mr-2" src="/assets/img/icon-1.png" alt="" />
Tables
</div>
</button>
</div>
</div>
<!-- Right Column -->
<div class="w-full lg:w-1/2 text-center justify-center flex pr-0">
<img id="hero-header-2-3" src="/assets/img/hero-1.svg" alt="" />
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<section class="h-full pt-20 pb-12 lg:px-24 md:px-16 sm:px-8 px-4" style="background-color: #141432">
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.list-footer-2-3 li a {
color: #707092;
}
.list-footer-2-3 li a:hover {
color: #ffffff;
cursor: pointer;
}
.border-color-footer-2-3 {
color: #707092;
}
.footer-link-footer-2-3:hover {
color: #ffffff;
cursor: pointer;
}
.social-media-c-footer-2-3:hover circle,
.social-media-p-footer-2-3:hover path {
fill: #ffffff;
cursor: pointer;
}
</style>
<footer class="h-full" style="font-family: 'Poppins', sans-serif">
<div class="pb-24 mx-auto">
<div class="grid lg:grid-cols-4 md:grid-cols-2">
<div class="">
<div class="mb-5">
</div>
<nav class="list-none list-footer-2-3">
<li class="mb-5">
<a>Home</a>
</li>
<li class="mb-5">
<a>About</a>
</li>
<li class="mb-5">
<a>Features</a>
</li>
<li class="mb-5">
<a>Pricing</a>
</li>
<li class="mb-5">
<a>Testimonial</a>
</li>
<li class="mb-5">
<a>Help</a>
</li>
</nav>
</div>
<div class="">
<h2 class="title-font font-semibold text-2xl mb-5 text-white">
Product
</h2>
<nav class="list-none list-footer-2-3">
<li class="mb-5">
<a>Real Time Analytic</a>
</li>
<li class="mb-5">
<a>Easy to Operate</a>
</li>
<li class="mb-5">
<a>Full Secured</a>
</li>
<li class="mb-5">
<a>Analytic Tool</a>
</li>
<li class="mb-5">
<a>Story</a>
</li>
</nav>
</div>
<div class="">
<h2 class="title-font font-semibold text-2xl mb-5 text-white">
Company
</h2>
<nav class="list-none list-footer-2-3">
<li class="mb-5">
<a>Contact Us</a>
</li>
<li class="mb-5">
<a>Blog</a>
</li>
<li class="mb-5">
<a>Culture</a>
</li>
<li class="mb-5">
<a>Security</a>
</li>
</nav>
</div>
<div class="">
<h2 class="title-font font-semibold text-2xl mb-5 text-white">
Support
</h2>
<nav class="list-none list-footer-2-3">
<li class="mb-5">
<a>Getting Started</a>
</li>
<li class="mb-5">
<a>Help Center</a>
</li>
<li class="mb-5">
<a>Server Status</a>
</li>
</nav>
</div>
</div>
</div>
<div class="border-color-footer-2-3 mx-auto">
<div class="">
<hr style="border-color: #2e2e5a" />
</div>
<div class="container mx-auto flex pt-12 flex-col lg:flex-row items-center space-y-5 lg:space-y-0">
<div class="flex title-font font-medium items-center text-gray-900 mb-4 lg:mb-0 md:mb-0 space-x-5" style="cursor: pointer">
<svg
class="social-media-c-footer-2-3"
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="15" cy="15" r="15" fill="#707092" />
<g clip-path="url(#clip0)">
<path d="M17.6648 9.65667H19.1254V7.11267C18.8734 7.078 18.0068 7 16.9974 7C14.8914 7 13.4488 8.32467 13.4488 10.7593V13H11.1248V15.844H13.4488V23H16.2981V15.8447H18.5281L18.8821 13.0007H16.2974V11.0413C16.2981 10.2193 16.5194 9.65667 17.6648 9.65667Z" fill="#141432"/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="16"
height="16"
fill="white"
transform="translate(7 7)"
/>
</clipPath>
</defs>
</svg>
<svg
class="social-media-c-footer-2-3"
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="15" cy="15" r="15" fill="#707092" />
<g clip-path="url(#clip0)">
<path d="M23 10.039C22.405 10.3 21.771 10.473 21.11 10.557C21.79 10.151 22.309 9.513 22.553 8.744C21.919 9.122 21.219 9.389 20.473 9.538C19.871 8.897 19.013 8.5 18.077 8.5C16.261 8.5 14.799 9.974 14.799 11.781C14.799 12.041 14.821 12.291 14.875 12.529C12.148 12.396 9.735 11.089 8.114 9.098C7.831 9.589 7.665 10.151 7.665 10.756C7.665 11.892 8.25 12.899 9.122 13.482C8.595 13.472 8.078 13.319 7.64 13.078C7.64 13.088 7.64 13.101 7.64 13.114C7.64 14.708 8.777 16.032 10.268 16.337C10.001 16.41 9.71 16.445 9.408 16.445C9.198 16.445 8.986 16.433 8.787 16.389C9.212 17.688 10.418 18.643 11.852 18.674C10.736 19.547 9.319 20.073 7.785 20.073C7.516 20.073 7.258 20.061 7 20.028C8.453 20.965 10.175 21.5 12.032 21.5C18.068 21.5 21.368 16.5 21.368 12.166C21.368 12.021 21.363 11.881 21.356 11.742C22.007 11.28 22.554 10.703 23 10.039Z" fill="#141432"/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="16"
height="16"
fill="white"
transform="translate(7 7)"
/>
</clipPath>
</defs>
</svg>
<svg
class="social-media-p-footer-2-3"
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M17.8711 15C17.8711 16.5857 16.5857 17.8711 15 17.8711C13.4143 17.8711 12.1289 16.5857 12.1289 15C12.1289 13.4143 13.4143 12.1289 15 12.1289C16.5857 12.1289 17.8711 13.4143 17.8711 15Z" fill="#707092"/>
<path d="M21.7144 9.92039C21.5764 9.5464 21.3562 9.20789 21.0701 8.93002C20.7923 8.64392 20.454 8.42374 20.0797 8.28572C19.7762 8.16785 19.3203 8.02754 18.4805 7.98932C17.5721 7.94789 17.2997 7.93896 14.9999 7.93896C12.6999 7.93896 12.4275 7.94766 11.5193 7.98909C10.6796 8.02754 10.2234 8.16785 9.92014 8.28572C9.54591 8.42374 9.2074 8.64392 8.92976 8.93002C8.64366 9.20789 8.42348 9.54617 8.28523 9.92039C8.16736 10.2239 8.02705 10.6801 7.98883 11.5198C7.9474 12.428 7.93848 12.7004 7.93848 15.0004C7.93848 17.3002 7.9474 17.5726 7.98883 18.481C8.02705 19.3208 8.16736 19.7767 8.28523 20.0802C8.42348 20.4545 8.64343 20.7927 8.92953 21.0706C9.2074 21.3567 9.54568 21.5769 9.91991 21.7149C10.2234 21.833 10.6796 21.9733 11.5193 22.0115C12.4275 22.053 12.6997 22.0617 14.9997 22.0617C17.3 22.0617 17.5723 22.053 18.4803 22.0115C19.3201 21.9733 19.7762 21.833 20.0797 21.7149C20.8309 21.4251 21.4247 20.8314 21.7144 20.0802C21.8323 19.7767 21.9726 19.3208 22.011 18.481C22.0525 17.5726 22.0612 17.3002 22.0612 15.0004C22.0612 12.7004 22.0525 12.428 22.011 11.5198C21.9728 10.6801 21.8325 10.2239 21.7144 9.92039ZM14.9999 19.4231C12.5571 19.4231 10.5768 17.4431 10.5768 15.0002C10.5768 12.5573 12.5571 10.5773 14.9999 10.5773C17.4426 10.5773 19.4229 12.5573 19.4229 15.0002C19.4229 17.4431 17.4426 19.4231 14.9999 19.4231ZM19.5977 11.4361C19.0269 11.4361 18.5641 10.9733 18.5641 10.4024C18.5641 9.83159 19.0269 9.36879 19.5977 9.36879C20.1685 9.36879 20.6313 9.83159 20.6313 10.4024C20.6311 10.9733 20.1685 11.4361 19.5977 11.4361Z" fill="#707092"/>
<path d="M15 0C6.717 0 0 6.717 0 15C0 23.283 6.717 30 15 30C23.283 30 30 23.283 30 15C30 6.717 23.283 0 15 0ZM23.5613 18.5511C23.5197 19.468 23.3739 20.094 23.161 20.6419C22.7135 21.7989 21.7989 22.7135 20.6419 23.161C20.0942 23.3739 19.468 23.5194 18.5513 23.5613C17.6328 23.6032 17.3394 23.6133 15.0002 23.6133C12.6608 23.6133 12.3676 23.6032 11.4489 23.5613C10.5322 23.5194 9.90601 23.3739 9.35829 23.161C8.78334 22.9447 8.26286 22.6057 7.83257 22.1674C7.39449 21.7374 7.05551 21.2167 6.83922 20.6419C6.62636 20.0942 6.48056 19.468 6.4389 18.5513C6.39656 17.6326 6.38672 17.3392 6.38672 15C6.38672 12.6608 6.39656 12.3674 6.43867 11.4489C6.48033 10.532 6.6259 9.90601 6.83876 9.35806C7.05505 8.78334 7.39426 8.26263 7.83257 7.83257C8.26263 7.39426 8.78334 7.05528 9.35806 6.83899C9.90601 6.62613 10.532 6.48056 11.4489 6.43867C12.3674 6.39679 12.6608 6.38672 15 6.38672C17.3392 6.38672 17.6326 6.39679 18.5511 6.4389C19.468 6.48056 20.094 6.62613 20.6419 6.83876C21.2167 7.05505 21.7374 7.39426 22.1677 7.83257C22.6057 8.26286 22.9449 8.78334 23.161 9.35806C23.3741 9.90601 23.5197 10.532 23.5616 11.4489C23.6034 12.3674 23.6133 12.6608 23.6133 15C23.6133 17.3392 23.6034 17.6326 23.5613 18.5511Z" fill="#707092"/>
</svg>
<svg
class="social-media-c-footer-2-3"
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="15" cy="15" r="15" fill="#707092" />
<g clip-path="url(#clip0)">
<path d="M17.9027 22.4467C17.916 22.4427 17.9287 22.4373 17.942 22.4327C26.0853 19.1973 23.8327 7 15 7C10.5673 7 7 10.6133 7 15C7 20.5513 12.6227 24.5127 17.9027 22.4467ZM10.5207 20.3727C11.0887 19.418 12.9267 16.7247 16.064 15.7953C16.72 17.468 17.18 19.4193 17.2253 21.632C14.848 22.4313 12.3407 21.8933 10.5207 20.3727ZM18.2087 21.2147C18.1213 19.0887 17.6873 17.2033 17.0687 15.57C18.4567 15.3533 20.0633 15.498 21.8853 16.228C21.498 18.402 20.108 20.2293 18.2087 21.2147ZM21.99 15.194C19.9833 14.44 18.2147 14.346 16.684 14.638C16.4473 14.1047 16.1987 13.592 15.9353 13.12C18.284 12.182 19.672 11.0387 20.2933 10.4333C21.39 11.7027 22.0413 13.346 21.99 15.194ZM19.5833 9.72133C19.018 10.2593 17.6867 11.346 15.41 12.2347C14.294 10.4693 13.1007 9.224 12.3447 8.52667C14.7633 7.53067 17.5527 7.956 19.5833 9.72133ZM11.3887 9.01533C11.9593 9.51733 13.212 10.7227 14.4207 12.5867C12.7607 13.1213 10.6793 13.514 8.148 13.5693C8.55067 11.64 9.75333 10.0053 11.3887 9.01533ZM8.02133 14.5733C10.8547 14.5273 13.148 14.08 14.9607 13.4747C15.2113 13.914 15.4493 14.3927 15.678 14.89C12.5213 15.8953 10.5487 18.4907 9.79333 19.6627C8.57467 18.3027 7.90267 16.528 8.02133 14.5733Z" fill="#141432"/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="16"
height="16"
fill="white"
transform="translate(7 7)"
/>
</clipPath>
</defs>
</svg>
</div>
<nav class="mx-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 footer-link-footer-2-3">Terms of Service</a>
<span class="mr-5">|</span>
<a class="mr-5 footer-link-footer-2-3">Privacy Policy</a>
<span class="mr-5">|</span>
<a class="mr-5 footer-link-footer-2-3">Licenses</a>
</nav>
<nav class="flex lg:flex-row flex-col items-center text-base justify-center">
<p>Copyright © 2021 Analystic Max</p>
</nav>
</div>
</div>
</footer>
</section>
</body>
</html>