-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
448 lines (430 loc) · 23 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="./assets/Icon/favicon.ico"> <!--Tạo icon cho title-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'> <!--Để tạo ngôi sao-->
<link rel = "stylesheet" href = "./assets/styles/animate.css"> <!--Hiệu ứng animate-->
<link rel="stylesheet" href="./assets/styles/slick.css"> <!--Dòng 11 và 12 là của slick slider-->
<link rel="stylesheet" href="./assets/styles/slick-theme.css">
<link rel="stylesheet" href="./assets/styles/style.css">
<link rel="stylesheet" href="./assets/styles/tablet.css">
<link rel="stylesheet" href="./assets/styles/mobile.css">
<title>T1 Esport</title>
<!-- <script>
new WOW().init();
</script> -->
</head>
<body>
<div class="header js-header">
<input type="checkbox" id="here">
<nav class="navigation">
<label for="bars" class="bars js-bars">
<i class="fal fa-bars"></i>
</label>
<input type="checkbox" id="bars">
<div class="content">
<div class="logo hover-img">
<a href="https://www.facebook.com/Thanh.Kalley" target="blank">ThanhFullStack</a>
</div>
<ul id="js-nav" class="nav">
<li><a title="Home" class="js-link" href="#">home</a></li>
<li><a title="Members" class="js-link" href="#Members">Members</a></li>
<li><a title="Matchs" class="js-link" href="#matchs">Matchs</a></li>
<li><a title="Uniform" class="js-link" href="#uniform">Uniform</a></li>
<li>
<a href="#more">
more
<i class="fas fa-caret-down"></i>
</a>
<ul class="navi-child">
<li><a title="contact" class="js-link js-test" href="#contact">Contact</a></li>
<li><a title="T1 Shop" class="js-link js-test" target="blank" href="https://shop-t1.gg/">T1 Shop</a></li>
<li><a title="Media" class="js-link js-test" href="#media">Media</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<label for="here" title="Search" class="child-search">
<i class="fas fa-search"></i>
</label>
<form class="search">
<input type="text" required placeholder="Type something to search...">
<button type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
<div id="js-content" class="content">
<div class="slider-contain">
<div id="js-sd1" class="slider js-slider">
<img src="./assets/images/champion.jpg" alt="">
<div class="text-slider">
<p>T1 is the very embodiment of gaming lifestyle and culture, uniting esports enthusiasts around the world through stellar content creation and merchandising.
It is home to the ultra-successful T1 League of Legends (LoL) Champions Korea (LCK) team, along with teams in some of the biggest esports titles like Fortnite,
Dota 2, PUBG, Super Smash Bros., Hearthstone and Apex Legends. The T1 LoL LCK team, previously known as SK Telecom T1, has already won three LoL World Championships (2013, 2015, 2016),
nd T1 is poised to channel that success into even more wins on the world stage.
</p>
<img class="hover-img" src="./assets/images/all.jpg" alt="">
</div>
</div>
<div id="js-sd2" class="slider js-slider">
<img src="./assets/images/champion.jpg" alt="">
<div class="text-slider">
<p>Results of the LCK Spring Split Finals 2020: T1 won against GEN, reaching the top for the 9th time in the LCK.
A game too easy for T1 when they showed superior strength in all aspects compared to GEN. GEN made great efforts to defend and change the game, but their efforts became meaningless, even turning into "self-destruct" situations. <br>
Successfully defending the throne, LCK Spring 2020 has ended with a convincing championship belonging to T1!
</p>
<img class="hover-img" src="./assets/images/2020-champions.jpg" alt="">
</div>
</div>
<div id="js-sd3" class="slider js-slider">
<img src="./assets/images/champion.jpg" alt="">
<div class="text-slider">
<p>The grand finals of the 2019 LCK Summer Split were held in Seoul, Korea on the 31st (KST). Again, Griffin and SK Telecom T1 faced each other for the championship;
Griffin, for their revenge for the spring and their first championship, and SKT, for their 8th LCK championship. <br>
SKT defeated Griffin 3-1 in the LCK Summer 2019 finals today and will now look to make their comeback on the international stage after securing Korea’s first seed heading into the League of Legends World Championship.<br>
SKT showed impressive teamwork throughout the early games, continuously ganking lone enemies in the side lanes. The jungle was owned by SKT throughout multiple games, which allowed the team their dominant map presence.
</p>
<img class="hover-img" src="./assets/images/champion-2019.jpeg" alt="">
</div>
</div>
</div>
<div class="back-img">
<div id="Members" class="all-content">
<p>Members List T1</p>
<p class="wow fadeInUp" >Team T1 has 5 main members and 1 supporting member. In the mid lane is Faker(Lee Sang Hyeok) and he is the captain of this team,
the top lane is Zeus(Choi Woo-je). He's a the youngest member in this team because he was born in 2004, in this year he 18 years old, he replace of Canna left.
Member plays at jungle lane is Oner(Moon Hyeon-joon), he has been playing stably since LCK Winter 2021 until now and compete main
slot play with Cuzz. The bot lane duo is Gumayusi and keria. Gumayusi (Lee Min-hyeong), he's member player has pro skill and
quick processing phases. Finally is support Keria(Ryu Min-seok) is the young player, he's the best support in the world.
However has the last member and supporting member is Asper(Kim Tae-gi), he's playing at support lane.
</p>
<div class="list-member">
<div class="member wow bounceInLeft" data-wow-delay = "0.5s" >
<p>Faker - Mid Lane (이상혁)</p>
<img src="./assets/images/Lee.jpg" alt="">
</div>
<div class="member wow bounceInRight" data-wow-delay = "0.5s">
<p>Gumayusi - AD Carry (이민형)</p>
<img src="./assets/images/guma.jpg" alt="">
</div>
<div class="member wow bounceInLeft" data-wow-delay = "0.5s" >
<p>Oner - Jungle Lane (문현준)</p>
<img src="./assets/images/oner.jpg" alt="">
</div>
<div class="member wow bounceInRight" data-wow-delay = "0.5s" >
<p>Keria - Support (류민석)</p>
<img src="./assets/images/keria.jpg" alt="">
</div>
<div class="member wow bounceInLeft" data-wow-delay = "0.5s" >
<p>Zeus - Top Lane (최우제)</p>
<img src="./assets/images/zeus.jpg" alt="">
</div>
<div class="member wow bounceInRight" data-wow-delay = "0.5s" >
<p>Asper-Support (김태기)</p>
<img src="./assets/images/asper.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- Phần match này bị ẩn đi do không dùng đến -->
<div id="match" class="backgr-black">
<div class="all-content">
<p class="text-white" >LCK Matchs</p>
<p class="text-center text-white" >Remember to book your tickets!</p>
<div class="tour-list">
<ul>
<li>Gen G <span>Sold out</span></li>
<li>Hanwha Life Esports <span>Sold out</span></li>
<li>
Damwon Kia
<span>3</span>
</li>
</ul>
</div>
<div class="list-place">
<div class="place">
<img src="./assets/images/newyork.jpg" alt="">
<div class="place-text">
<p class="text-border">New York</p>
<p class="text-opacity" >Fri 27 Nov 2016</p>
<p>Praesent tincidunt sed tellus ut rutrum sed vitae justo.</p>
<button class="js-open-buytickets" >Buy Tickets</button>
</div>
</div>
<div class="place">
<img src="./assets/images/paris.jpg" alt="">
<div class="place-text">
<p class="text-border" >Paris</p>
<p class="text-opacity" >Sat 28 Nov 2016</p>
<p>Praesent tincidunt sed tellus ut rutrum sed vitae justo.</p>
<button class="js-open-buytickets" >Buy Tickets</button>
</div>
</div>
<div class="place">
<img src="./assets/images/sanfran.jpg" alt="">
<div class="place-text">
<p class="text-bolder" >San Francisco</p>
<p class="text-opacity" >Sun 29 Nov 2016</p>
<p>Praesent tincidunt sed tellus ut rutrum sed vitae justo.</p>
<button class="js-open-buytickets" >Buy Tickets</button>
</div>
</div>
</div>
</div>
</div>
<div id="matchs" class="backgr-black">
<div class="all-content max-w850">
<div class="title wow bounceInDown">
<img src="./assets/images/collab-t1-lck-logo-min.png" alt="">
<p class="text-white" >LCK Matchs T1</p>
</div>
<div class="wow fadeInUp">
<div class="match">
<p> <span>January 27</span><br> Thursday - 6PM</p>
<div class="detail">
<div class="team1">
<h2>T1</h2> <img src="./assets/images/t1.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/nongsim.png" alt=""><h2>NS</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>January 30</span><br> Sunday - 3PM</p>
<div class="detail">
<div class="team1">
<h2>DK</h2> <img src="./assets/images/dk.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/t1.png" alt=""><h2>T1</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>February 9</span><br> Wednesday - 3PM</p>
<div class="detail">
<div class="team1">
<h2>HLE</h2> <img src="./assets/images/hle.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/t1.png" alt=""><h2>T1</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>February 12</span><br> Saturday - 3PM</p>
<div class="detail">
<div class="team1">
<h2>T1</h2> <img src="./assets/images/t1.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/geng.png" alt=""><h2>Gen G</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>February 18</span><br> Friday - 3PM</p>
<div class="detail">
<div class="team1">
<h2>T1</h2> <img src="./assets/images/t1.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/ktroster.png" alt=""><h2>KT</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>February 20</span><br> Sunday - 6PM</p>
<div class="detail">
<div class="team1">
<h2>T1</h2> <img src="./assets/images/t1.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/nongsim.png" alt=""><h2>NS</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
<div class="match">
<p> <span>February 23</span><br> Wednesday - 6PM</p>
<div class="detail">
<div class="team1">
<h2>DK</h2> <img src="./assets/images/dk.png" alt="">
</div>
<p>VS</p>
<div class="team2">
<img src="./assets/images/t1.png" alt=""><h2>T1</h2>
</div>
</div>
<p> <span>LCK</span> <br> BEST OF 3</p>
</div>
</div>
</div>
</div>
<div id="uniform" class="uniform">
<img class="wow bounceInUp" src="./assets/images/01_PC_KOR.jpg" alt="">
<h1>New Release</h1>
<p class="bar"></p>
<p>Check out T1's new product</p>
<div class="list-uniform-1 wow fadeInUp" data-wow-delay = "0.5s">
<div class="uniform-member">
<img src="./assets/images/zeus-uniform.jpg" alt="">
<p>2022 T1 Official Pants</p>
</div>
<div class="uniform-member">
<img src="./assets/images/faker-uniform.png" alt="">
<p>2022 T1 Official Jacket</p>
</div>
<div class="uniform-member">
<img src="./assets/images/oner-uniform.jpg" alt="">
<p>2022 T1 Official Jersey</p>
</div>
</div>
<div class="list-uniform-2 wow fadeInUp" data-wow-delay = "0.5s">
<div class="uniform-member">
<img src="./assets/images/guma-uniform.jpg" alt="">
<p>2022 T1 Official Jersey</p>
</div>
<div class="uniform-member">
<img src="./assets/images/keria-uniform.jpg" alt="">
<p>2022 T1 Official Jersey</p>
</div>
</div>
<div class="custom">
<p class="wow bounceInLeft">CUSTOM OFFICIAL JERSEY</p>
<p class="bar"></p>
<div class="team wow bounceInRight">
<img src="./assets/images/teamjpg.jpg" alt="">
<div class="text">
<h3>T1 Custom Name <br> Official Jersey 2022 </h3>
<br>
<p> Customize your own Jersey, <br>The best experience for you. </p>
<a href="#customize">Customize Now</a>
</div>
</div>
</div>
<img src="./assets/images/sambypen.jpg" alt="">
</div>
<div id="contact" class="all-content">
<p class="text-black">contact Us</p>
<div class="loca-form">
<div class="location">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50647.51188526074!2d127.03283401060042!3d37.49684355607162!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca4235fb589fb%3A0xb331971bc570bb6a!2zR2FuZ25hbS1ndSwgU2VvdWwsIEjDoG4gUXXhu5Fj!5e0!3m2!1svi!2s!4v1643188038411!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div>
<div class="form">
<p><i class="fas fa-map-marker-alt"></i>Gangnam, Seoul, South Korea</p>
<p><i class="fas fa-envelope"></i>[email protected]</p>
<form action="">
<div class="get">
<i class="fas fa-user"></i>
<input class="text" type="text" required placeholder="Name" >
</div>
<div class="get">
<i class="fas fa-envelope"></i>
<input class="email" type="email" required placeholder="Email" >
</div>
<div class="get">
<i class="fas fa-phone-alt"></i>
<input class="message" type="number" required placeholder="Number">
</div>
<button type="submit">Contact Now</button>
</form>
</div>
</div>
<div class="lol-park">
<!-- <img src="./assets/images/game4v-lol-park.png" alt=""> -->
</div>
</div>
<div class="map">
<img src="./assets/images/z3127773724675_b3d5f04ad84a82fdbe9ebfe2d012629c.jpg" alt="">
</div>
</div>
<div id="js-footer" class="footer">
<div class="group-image">
<a href="https://lienminh.garena.vn/" target="blank" class="image-1">
<img src="https://am-a.akamaihd.net/image?resize=202:64&f=http%3A%2F%2Fassets.lolesports.com%2Fwatch%2Ffooter%2Friot.png" alt="">
</a>
<a href="https://www.riotgames.com/vi" target="blank" class="image-2">
<img src="https://am-a.akamaihd.net/image?resize=166:64&f=http%3A%2F%2Fassets.lolesports.com%2Fwatch%2Ffooter%2Flol.png" alt="">
</a>
</div>
<div class="contact-rate">
<div class="rating">
<p>Rate my website out of 5 stars!</p>
<div class="rating-star">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
<input type="radio" name="rate" id="">
</div>
</div>
<div class="contact">
<p>Contact Me!</p>
<div class="child-contact">
<a href="https://www.facebook.com/Thanh.Kalley" target="blank" title="Go to the wall Fb Cong Thanh" ><i class="fab fa-facebook-f"></i></a>
<a href="0327470664" title="Call 0327470664" target="blank" ><i class="fas fa-phone"></i></a>
<a href="[email protected]" target="blank" title="Email: [email protected]" ><i class="fas fa-envelope"></i></a>
</div>
<p>Design by <a href="https://www.facebook.com/Thanh.Kalley">CongThanh</a></p>
</div>
</div>
</div>
<div class="modal js-modal">
<div class="modal-container js-modal-container">
<div class="header">
<h2>
<i class="fas fa-suitcase"></i>
tickets
</h2>
<i class="fas fa-times js-close"></i>
</div>
<div class="content">
<label for="text">
<i class="fas fa-shopping-cart"></i>
Tickets, $15 per person
</label>
<input id="text" type="text" placeholder="How many?">
<label for="email">
<i class="fas fa-user"></i>
Send To
</label>
<input id="email" type="email" placeholder="Enter email">
<button>
PAY
<i class="fas fa-check"></i>
</button>
</div>
<div class="modal-footer">
<button class="js-close">
Close
<i class="far fa-times"></i>
</button>
<p>Need <a href="#help">help?</a></p>
</div>
</div>
</div>
<script src="./Javascript/jquery-3.6.0.min.js"></script> jquery luôn đứng đầu
<script src="./Javascript/slick.js"></script>
<script src="./Javascript/main.js"></script>
</body>
</html>