-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (143 loc) · 8.58 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Котяфски 2024!</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="js/bootstrap.bundle.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap.min.js" ></script>
<script src="js/window.js"></script>
<style>
@font-face {
font-family: LemonTuesday;
src: url(fonts/LemonTuesday.otf);
}
@font-face {
font-family: sweetHoliday;
src: url(fonts/SweetHoliday-w1g7n.ttf);
}
h1, h2, h3, h4, h5, h6{
font-family: sweetHoliday;
text-align: center;
}
h1{
font-size: 75px;
color:green;
}
h2{
font-size: 23px;
color: green;
}
h3{
font-size: 55px;
color: green;
}
p{
font-family: LemonTuesday;
text-align: center;
font-size: 42px;
color: green;
}
h4{
font-size: 23px;
color: #f31e9a;
}
.modal-body{
font-family: LemonTuesday;
text-align: center;
font-size: 42px;
color: green;
}
#seven{
color: #d3323f;
}
</style>
</head>
<body>
<div class="container-fluid">
<h1 ><img src="./img/6.jpg" width="90" height="90">Christmas is coming...<img src="./img/3.jpg" width="70" height="90"></h1>
<table class="table table-bordered table-lg border border-success border-5">
<thead>
<tr>
<th scope="col"><h2>Monday</h2></th>
<th scope="col"><h2>Tuesday</h2></th>
<th scope="col"><h2>Wednesday</h2></th>
<th scope="col"><h2>Thursday</h2></th>
<th scope="col"><h2>Friday</h2></th>
<th scope="col"><h2>Saturday</h2></th>
<th scope="col"><h2>Sunday</h2></th>
</tr>
<tbody>
<tr>
<td class="" id="412"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="412">4</h3></td>
<td class="" id="512"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="512">5</h3></td>
<td class="" id="612"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="612">6</h3></td>
<td class="" id="712"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="712">7</h3></td>
<td class="" id="812"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="812">8</h3></td>
<td class="" id="912"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="912">9</h3></td>
<th class="" id="1012" scope="row"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1012">10</h3></th>
</tr>
<tr>
<td class="" id="1112"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1112">11</h3></td>
<td class="" id="1212"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1212">12</h3></td>
<td class="" id="1312"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1312">13</h3></td>
<td class="" id="1412"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1412">14</h3></td>
<td class="" id="1512"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1512">15</h3></td>
<td class="" id="1612"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1612">16</h3></td>
<th class="" id="1712" scope="row"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1712">17</h3></th>
</tr>
<tr>
<td class="" id="1812"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1812">18</h3></td>
<td class="" id="1912"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="1912">19</h3></td>
<td class="" id="2012"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2012">20</h3></td>
<td class="" id="2112"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2112">21</h3></td>
<td class="" id="2212"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2212">22</h3></td>
<td class="" id="2312"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2312">23</h3></td>
<th class="" id="2412" scope="row"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2412">24</h3></th>
</tr>
<tr>
<td class="" id="2512"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2512">25</h3></td>
<td class="" id="2612"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2612">26</h3></td>
<td class="" id="2712"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2712">27</h3></td>
<td class="" id="2812"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2812">28</h3></td>
<td class="" id="2912"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="2912">29</h3></td>
<td class="" id="3012"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="3012">30</h3></td>
<th class="bg-info" id="3112" scope="row"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="3112">31</h3></th>
</tr>
<tr>
<td class="" id="101"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="11">1</h3></td>
<td class="" id="201"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="21">2</h3></td>
<td class="" id="301"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="31">3</h3></td>
<td class="t" id="401"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="41">4</h3></td>
<td class="t" id="501"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="51">5</h3></td>
<td class="" id="601"><h3 data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="61">6</h3></td>
<th class="bg-success" id="701" scope="row" ><h3 id="seven" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="71"><b>7</b></h3></th>
</tr>
</tbody>
</thead>
</table>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">
Mission!
</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>Это текст будет изменен</p>
</div>
<div class="modal-footer">
<h4>❤</h4><img src="./img/5.jpg" width="110" height="110">
<!--button type="button" class="btn btn-success" data-bs-dismiss="modal"><h4>❤</h4></button-->
</div>
</div>
</div>
</div>
</body>
</html>