-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
243 lines (229 loc) · 17.7 KB
/
index.html
File metadata and controls
243 lines (229 loc) · 17.7 KB
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
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/assets/favicon.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>โรงเรียนเตรียมอุดมศึกษา</title>
<meta name="description" content="ประกาศที่นั่งสอบนักเรียนเข้าศึกษาชั้นมัธยมศึกษาปีที่ 4 ปีการศึกษา 2565 (รุ่นที่ 85)" />
<meta name="keywords" content="โรงเรียนเตรียมอุดมศึกษา,ประกาศที่นั่งสอบ,เลขบัตรประจำตัวประชาชน / Passport Number,เบอร์โทรศัพท์,เข้าสู่ระบบ,พิมพ์บัตรประจำตัวผู้เข้าสอบ,มาตราการป้องกัน ป้องปราม การรับนักเรียนโรงเรียนเตรียมอุดมศึกษา ปีการศึกษา 2565,เตรียมอุดม สอบเข้า ม.4 2565,ประกาศผลสอบเตรียมอุดม 2564 วันไหน,ประกาศผลสอบเข้าเตรียมอุดม 2565,เตรียมอุดม สอบเข้า ม.4 2565 วันไหน,วันสอบเข้าเตรียมอุดม 2565,สมัครสอบ,รับสมัคร,สอบ,โรงเรียน,เตรียมอุดม,เตรียมอุดมศึกษา,พญาไท,ปทุมวัน,กรุงเทพมหานคร,หนังสือคู่มือ,ระเบียบการ,สอบเข้าเตรียม,tu85,Triam,Triam Udom,ตอ85,ปีการศึกษา 2565,สอบเข้า ม.4,สอบเตรียมอุดม,กำหนดการสอบ,ประกาศรับสมัคร,triamudomfacts,triamudom,suksa,admission,สายการเรียน,แผนก,วิทย์คณิต,ศิลป์,ภาษา,เกาหลี,ฝรั่งเศส,เยอรมัน,ญี่ปุ่น,สเปน,จีน,รัสเซีย,สอบคัดเลือก,โควตา,ความสามารถพิเศษ,โอลิมปิก,วิชาการ,สอวน,สสวท"
/>
<link href="./index.css" rel="stylesheet" />
</head>
<body>
<!-- SGksIENvbmdyYXRzIG9uIGZpbmRpbmcgb3V0IHRoaXMgbWVzc2FnZS4KCldlIGFyZSBUVUNNQyAoaHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS90dWNtY19vZmZpY2lhbC8pLiAKTGV0J3MgYnVpbGQgYW4gaW1wYWN0ZnVsIHRlY2ggZm9yIG91ciBzY2hvb2wgdG9nZXRoZXIuCkNvbWUgd29yayB3aXRoIHVzISBDb250YWN0IHVzIHZpYSBjbHVic0B0cmlhbXVkb20uYWMudGgKCkZyb20sClRVQ01D -->
<main class="font-display bg-[#F9F9F9]">
<!-- Title Screen -->
<div class="relative flex flex-col items-center justify-center w-full min-h-screen bg-title-screen">
<!-- top -->
<div class="mix-blend-soft-light absolute top-0 opacity-90 h-[200px] w-full bg-repeat bg-contain bg-center bg-pattern"></div>
<header class="relative z-10 flex flex-col items-center justify-center w-full min-h-screen py-6 space-y-4 2xl:space-y-8">
<div class="flex flex-col items-center justify-center text-center">
<img alt="พระเกี้ยว" src="/assets/พระเกี้ยว.svg" class="pb-6 h-[100px] 2xl:h-[160px] w-[55px] 2xl:w-[100px]" />
<div class="">
<h1 id="title" class="text-2xl font-bold leading-none text-gray-700 md:text-3xl 2xl:text-5xl">
โรงเรียนเตรียมอุดมศึกษา
</h1>
<h2 class="text-lg font-light leading-none text-gray-600 md:text-xl 2xl:text-3xl">
Triam Udom Suksa School
</h2>
</div>
</div>
<div class="w-[90vw] sm:w-[640px] 2xl:w-[768px] px-6 sm:px-10 relative">
<!-- Main Image -->
<picture class="object-cover w-full">
<source type="image/avif" srcset="/assets/120868_M_out.jpg?as=avif" />
<source type="image/webp" srcset="/assets/120868_M_out.jpg?as=webp" />
<source type="image/png" srcset="/assets/120868_M_out.jpg" />
<img alt="วันเฉลิมพระชนมพรรษา" src="/assets/120868_M_out.jpg" class="object-cover w-full" />
</picture>
</div>
<nav class="flex flex-col w-[80vw] sm:w-[290px] 2xl:w-[440px] text-sm sm:text-base space-y-4 text-center z-1">
<a href="/website" class="w-full px-6 py-4 text-white transition-opacity rounded-full shadow-md bg-main-btn hover:opacity-80">เข้าสู่เว็บไซต์โรงเรียน</a
>
<!--
<a
href="https://www.triamudom.ac.th/website/index.php/info/std65"
class="text-[#F687B3] w-full bg-white transition-colors hover:text-[#e46698] shadow-md rounded-full py-4 px-6"
>ประกาศรายชื่อผู้ผ่านการคัดเลือกประเภททั่วไป<br />และประเภทโควตาจังหวัด <br />ปีการศึกษา
2565<text class="blink">New</text></a>
-->
</nav>
</header>
<!-- bottom -->
<div
class="mix-blend-soft-light absolute bottom-0 opacity-90 h-[200px] w-full bg-repeat bg-contain bg-center bg-pattern"
></div>
</div>
<!-- **ประกาศ ชั่วคราว** -->
<!-- ประกาศ ชั่วคราว** <article
class="relative z-10 flex flex-col items-center justify-start w-full pt-6 pb-12 sm:pt-12 sm:pb-16" style="padding-top: 20px;
padding-bottom: 0px;"
>
<h2 id="result" class="text-xl py-8 font-semibold text-[#718096] text-center">
ประกาศรายชื่อผู้ผ่านการคัดเลือกประเภทสอบคัดเลือกทั่วไป ปีการศึกษา 2565
</h2>
<div class="px-4 w-full max-w-2xl">**ประกาศ ชั่วคราว** -->
<!-- ข่าวสารและกิจกรรม -->
<!-- **ประกาศ ชั่วคราว**<div class="px-2 w-full py-2 bg-white shadow-lg rounded-2xl">
<div class="py-4 px-6 flex flex-col"> **ประกาศ ชั่วคราว** -->
<!-- เพิ่มข่าวสารตรงนี้ -->
<!--<p style="text-align: center;"><img src="images/banners/news1.png" alt="news1" /></p>-->
<!-- **ประกาศ ชั่วคราว**<a href="https://www.triamudom.ac.th/info65/03/เงื่อนไขพิเศษ.pdf" class="group border-b-[0.5px] border-[#E2E2E2] pt-2 pb-4">
<h3 class="text-sm text-left text-black transition-colors group-hover:text-gray-600 group-hover:underline font-regular">
12.ประกาศรายชื่อผู้ผ่านการคัดเลือก ประเภทเงื่อนไขพิเศษ<text class="blink">New</text>
</h3>
</a>
<a href="https://www.triamudom.ac.th/info65/03/เพิ่มเติมบัญชีสำรอง.pdf" class="group border-b-[0.5px] border-[#E2E2E2] pt-2 pb-4">
<h3 class="text-sm text-left text-black transition-colors group-hover:text-gray-600 group-hover:underline font-regular">
13.ประกาศรายชื่อเพิ่มเติมบัญชีสำรอง
<text class="blink">New</text>
</h3>
</a>
**ประกาศ ชั่วคราว** -->
<!-- จบข่าวสาร -->
</div>
</div>
</div>
</article>
<!-- News -->
<article class="relative z-10 flex flex-col items-center justify-start w-full pt-6 pb-12 sm:pt-12 sm:pb-16" style="padding-top: 0px;padding-bottom: 30px;">
<h2 class="text-xl py-8 font-semibold text-[#718096]">
ข่าวสารและกิจกรรม
</h2>
<div class="px-4 grid grid-cols-1 gap-y-8 sm:gap-8 sm:grid-cols-3 max-w-[1040px]">
<!-- News 1 -->
<a href="https://www.triamudom.ac.th/website/index.php/home/751-4-2569" class="flex flex-col max-w-md bg-white shadow-lg rounded-2xl group">
<!-- News 1 Image -->
<picture class="object-cover w-full transition-opacity group-hover:opacity-75">
<source type="image/avif" srcset="/assets/671224-STD68out.jpg?as=avif" />
<source type="image/webp" srcset="/assets/671224-STD68out.jpg?as=webp" />
<source type="image/jpg" srcset="/assets/671224-STD68out.jpg" />
<img alt="ประกาศโรงเรียนเตรียมอุดมศึกษา" src="/assets/671224-STD68out.jpg" class="object-cover w-full transition-opacity group-hover:opacity-75" />
</picture>
<div class="flex items-center justify-center h-full px-6 py-4">
<h3 class="text-center font-medium text-base text-[#5F6F82] transition-colors group-hover:text-gray-700">
ประกาศโรงเรียนเตรียมอุดมศึกษา<br /> เรื่อง การรับนักเรียนชั้นมัธยมศึกษาปีที่ 4 <br /> ปีการศึกษา 2568 ประเภทโควตาจังหวัด <br />
<text class="blink">ประกาศ ณ วันที่ 24 ธัวาคม 2567</text>
</h3>
</div>
</a>
<!-- News 2 -->
<a href="https://www.triamudom.ac.th/website/index.php/home/751-4-2569" class="flex flex-col max-w-md bg-white shadow-lg rounded-2xl group">
<!-- News 2 Image -->
<picture class="object-cover w-full transition-opacity group-hover:opacity-75">
<source type="image/avif" srcset="/assets/671224-STD_Calendar68out.jpg?as=avif" />
<source type="image/webp" srcset="/assets/671224-STD_Calendar68out.jpg?as=webp" />
<source type="image/jpg" srcset="/assets/671224-STD_Calendar68out.jpg" />
<img alt="ประกาศโรงเรียนเตรียมอุดมศึกษา" src="/assets/671224-STD_Calendar68out.jpg" class="object-cover w-full transition-opacity group-hover:opacity-75" />
</picture>
<div class="flex items-center justify-center h-full px-6 py-4">
<text class="text-center font-medium text-base text-[#5F6F82] transition-colors group-hover:text-gray-700">
ประกาศโรงเรียนเตรียมอุดมศึกษา<br />เรื่อง ปฏิทินการรับนักเรียน<br />ชั้นมัธยมศึกษาปีที่ 4 ปีการศึกษา 2568<br />
<text class="blink">ประกาศ ณ วันที่ 24 ธัวาคม 2567</text>
</text>
</div>
</a>
<!-- ข่าวสารและกิจกรรม -->
<div class="max-w-md px-2 py-2 bg-white shadow-lg rounded-2xl">
<div class="py-4 px-6 flex flex-col overflow-y-scroll h-[275px] 2xl:h-[300px]">
<!-- เพิ่มข่าวสารตรงนี้ -->
<!--<p style="text-align: center;"><img src="images/banners/news1.png" alt="news1" /></p>-->
<a href="https://www.triamudom.ac.th/website/images/65/02/measure-add4-65.pdf" class="group border-b-[0.5px] border-[#E2E2E2] pt-2 pb-4">
<p class="text-[#B0B9C4] mb-2 font-light text-sm">
9 กุมภาพันธ์ 2568
</p>
<h3 class="text-sm text-left text-black transition-colors group-hover:text-gray-600 group-hover:underline font-regular">
ประกาศ เรื่อง มาตรการป้องกัน ป้องปราม การรับนักเรียนโรงเรียนเตรียมอุดมศึกษา ปีการศึกษา ๒๕๖๘<text class="blink">New</text>
</h3>
</a>
<a href="https://www.triamudom.ac.th/website/images/65/01/4_5_2_2565.pdf"
class="group border-b-[0.5px] border-[#E2E2E2] pt-2 pb-4">
<p class="text-[#B0B9C4] mb-2 font-light text-sm">
9 กุมภาพันธ์ 2568
</p>
<h3
class="text-sm text-left text-black transition-colors group-hover:text-gray-600 group-hover:underline font-regular">
ประกาศ เรื่อง การรับนักเรียนชั้นมัธยมศึกษาปีที่ ๔ ปีการศึกษา ๒๕๖๘<text class="blink">New</text>
</h3>
</a>
<!-- จบข่าวสาร -->
</div>
</div>
</div>
</article>
</main>
<!-- Footer -->
<footer class="pt-12 pb-4 px-8 bg-[#3A404D] w-full text-white font-display flex flex-col space-y-4">
<div class="grid items-center justify-center grid-cols-1 gap-y-4 sm:gap-y-0 sm:grid-cols-3">
<div class="text-center sm:text-left">
<p class="text-xl font-bold leading-none">โรงเรียนเตรียมอุดมศึกษา</p>
<p class="font-light">Triam Udom Suksa School</p>
</div>
<div class="rounded-md bg-[#333944] px-6 py-4">
<p class="text-sm text-center">
โรงเรียนเตรียมอุดมศึกษา 227 ถนนพญาไท <br /> เขตปทุมวัน กรุงเทพมหานคร 10330
</p>
</div>
<div>
<p class="text-sm text-center sm:text-right">
โทรศัพท์: 02-254-0287-8, <br /> 02-252-7001, 02-252-7302-3 <br /> โทรสาร: 0-2252-7002
</p>
</div>
</div>
<p class="mt-4 font-semibold text-center">All rights reserved.</p>
</footer>
<!-- Easter Egg -->
<div id="easteregg" class="bg-footer hidden py-4 px-4 sm:px-12 bg-[#3A404D] w-full text-white font-display space-y-4 sm:space-y-0 grid-cols-1 sm:grid-cols-2">
<div class="text-center sm:text-left">
<p class="text-gradient font-regular">Designed by</p>
<p class="text-sm font-semibold text-gradient">Shawn Sirigomez</p>
</div>
<div class="text-center sm:text-right">
<p class="text-gradient font-regular">Developed by</p>
<div class="flex justify-center space-x-4 sm:justify-end">
<p class="text-sm font-semibold text-gradient">Peter Phongpak</p>
<p class="text-sm font-semibold text-gradient">Mark Possawat</p>
<p class="text-sm font-semibold text-gradient">Thee Panithi</p>
</div>
</div>
</div>
<script>
(function() {
const pattern = [
"ArrowUp",
"ArrowUp",
"ArrowDown",
"ArrowDown",
"ArrowLeft",
"ArrowRight",
"ArrowLeft",
"ArrowRight",
"KeyB",
"KeyA",
];
let current = 0;
const keyHandler = function(event) {
// If the key isn't in the pattern, or isn't the current key in the pattern, reset
if (
pattern.indexOf(event.code) < 0 ||
event.code !== pattern[current]
) {
current = 0;
return;
}
// Update how much of the pattern is complete
current++;
// If complete, alert and reset
if (pattern.length === current) {
current = 0;
alert("You found the easter egg!");
document.getElementById("easteregg").style.display = "grid";
}
};
document.addEventListener("keydown", keyHandler, false);
})();
</script>
</body>
</html>