1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 " />
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7+ < title > Team Ahmet + Khang + Aizen</ title >
8+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css " rel ="stylesheet "
9+ integrity ="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH " crossorigin ="anonymous " />
10+ < script src ="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0 "> </ script >
11+ < link rel ="preload " href ="../../static/img/ahmet-khang-aizen.webp " as ="image " />
12+ </ head >
13+
14+ < body >
15+ < div class ="container mt-2 ">
16+ < div class ="text-center ">
17+ < h1 class ="text-primary "> Team Ahmet + Khang + Aizen</ h1 >
18+ < h2 class ="text-secondary "> What do we have in common?</ h2 >
19+ < p class ="text-warning "> We all like turtles!</ p >
20+ </ div >
21+
22+ < div class ="text-center ">
23+ < img src ="../../static/img/ahmet-khang-aizen.webp " style ="width: 50%; height: 50%; border-radius: 16px "
24+ class ="mb-2 " />
25+
26+ < figure class ="text-center ">
27+ < blockquote class ="blockquote ">
28+ < p >
29+ Yesterday is history, Tomorrow is a mystery, but Today is a gift.
30+ That is why it is called the present.
31+ </ p >
32+ </ blockquote >
33+ < figcaption class ="blockquote-footer ">
34+ Oogway from < cite title ="Source Title "> Kung Fu Panda</ cite >
35+ </ figcaption >
36+ </ figure >
37+
38+ < button type ="button " class ="btn btn-success " onClick ="launchConfetti() ">
39+ Surprise
40+ </ button >
41+
42+ < a href ="2025 " class ="btn btn-primary "> Go Back </ a >
43+ </ div >
44+ </ div >
45+
46+ < script >
47+ function launchConfetti ( ) {
48+ confetti ( { particleCount : 1024 , spread : 128 , origin : { y : 0.8 } } ) ;
49+ }
50+ </ script >
51+
52+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js "
53+ integrity ="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz "
54+ crossorigin ="anonymous "> </ script >
55+ </ body >
56+
57+ </ html >
0 commit comments