-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (141 loc) · 5.73 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
<!DOCTYPE html>
<html>
<head>
<link href="./style.css" rel="stylesheet" />
<title>Kino Winner</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Giorgos Iliopoulos" />
<meta name="description" content="Find if you win in kino" />
<link
rel="icon"
type="image/png"
href="https://kinowinner.netlify.app/images/share.png"
/>
<title>Kino Winner</title>
<meta name="title" content="Kino Winner" />
<meta name="description" content="Find if you win in kino" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kinowinner.netlify.app/" />
<meta property="og:title" content="Kino Winner" />
<meta property="og:description" content="Find if you win in kino" />
<meta property="og:image" content="./images/share.png" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://kinowinner.netlify.app/" />
<meta property="twitter:title" content="Kino Winner" />
<meta property="twitter:description" content="Find if you win in kino" />
<meta
property="twitter:image"
content="https://kinowinner.netlify.app/images/share.png"
/>
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.10/sweetalert2.min.js"
integrity="sha512-1Jkfcq8ZUmwWGIEHdejGoqwEJp/Zx6r6BKxCpLGHZ7GqJZfYS+VD/Ti9eSlvhFkDBq6ZalxKSU9K8FQtfexe9w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.10/sweetalert2.min.css"
integrity="sha512-cyIcYOviYhF0bHIhzXWJQ/7xnaBuIIOecYoPZBgJHQKFPo+TOBA+BY1EnTpmM8yKDU4ZdI3UGccNGCEUdfbBqw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header>
<div class="container d-flex justify-content-center">
<div class="row align-items-center">
<div class="col text-center" id="time">Ώρα Κλήρωσης</div>
<div class="col text-center" id="draw">Αριθμός Κλήρωσης</div>
<div class="col text-center" id="kino-logo">
<img src="./images/KINNOWINNER.png" />
</div>
<div class="col text-center" id="date"></div>
<div class="col text-center" id="time-now"></div>
</div>
</div>
</header>
<div id="page">
<div class="container d-flex flex-column align-items-center">
<div class="row justify-content-center">
<h2 class="text-white text-center pt-5 pb-5">
Βάλε τα στοιχεία του δελτίου σου και δες αν κέρδισες
</h2>
<form id="kinoform">
<div class="form1">
<label for="drawid"
>Αριθμός κλήρωσης <br />*Αν δεν συμπληρωθεί,ελέγχεται η
τελευταία κλήρωση</label
>
<input
type="number"
onkeyup="this.value=this.value.replace(/[^0-9]/g,'');"
id="drawid"
name="drawid"
/>
</div>
<div class="form2">
<label for="numbers"
>Δώσε τους αριθμούς που έπαιξες. Χρησημοποίησε , για διαχωρισμό
*</label
>
<input type="text" id="numbers" name="numbers" />
</div>
<div class="form3">
<label for="money">Δώσε το ποσό που έπαιξες *</label>
<div id="fl" class="d-flex">
<input type="number" id="money" name="money" />
<div class="euro">€</div>
</div>
</div>
</form>
</div>
<div class="mt-5">
<input type="radio" id="yes" name="kinobonus" value="yes" checked />
<label for="yes">Kino Bonus - Ναι</label>
</div>
<div class="mb-5">
<input type="radio" id="no" name="kinobonus" value="no" />
<label for="no">Kino Bonus - Οχι</label>
</div>
<button id="kinosubmit">Υποβολή</button>
<h3 class="mt-5 pb-3">Ποσό κέρδους: <span class="amount">-</span></h3>
<div class="row numbers-row pb-5 justify-content-center"></div>
</div>
</div>
<footer>
<div class="container">
<div class="row justify-content-center">
<img src="./images/kino_logo.svg" />
<img src="./images/1200px-OPAP_logo.svg.png" />
</div>
<h2 class="mt-5 text-center">
Development by Giorgos Iliopoulos
</h2>
</div>
</footer>
<script src="./index.js"></script>
</body>
</html>