This repository was archived by the owner on Jun 24, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (149 loc) · 19.9 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
<!DOCTYPE html>
<html class="text-white" lang="fr" style="--bs-body-bg: #0A0A0A;--bs-dark: #212121;--bs-dark-rgb: 33,33,33;--bs-light: #BFBFBF;--bs-light-rgb: 191,191,191;--bs-primary: #1774ff;--bs-primary-rgb: 23,116,255;--bs-secondary: #5bc0eb;--bs-secondary-rgb: 91,192,235;--bs-info: #EB459E;--bs-info-rgb: 235,69,158;--bs-body-color: #FFFFFF;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Switched</title>
<meta name="twitter:image" content="../assets/img/Switched.png">
<meta name="twitter:title" content="Switched">
<meta property="og:image" content="../assets/img/Switched.png">
<meta name="description" content="Switched est le projet de deuxième semestre du groupe CLET. C'est un jeu de plateforme avec de l'action et de l'aventure se jouant à deux. Pour avancer dans celui-ci, il faudra jouer avec la perspective du personnage.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="Switched est le projet de deuxième semestre du groupe CLET. C'est un jeu de plateforme avec de l'action et de l'aventure se jouant à deux. Pour avancer dans celui-ci, il faudra jouer avec la perspective du personnage.">
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/Switched.png">
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/Switched.png">
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/Switched.png">
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/Switched.png">
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/Switched.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/Team.css">
</head>
<body class="text-white" style="font-family: ABeeZee, sans-serif;font-size: 16px;">
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-3" data-aos="fade-down" data-aos-duration="600">
<div class="container"><a class="navbar-brand d-flex align-items-center" data-bss-hover-animate="wobble" href="index.html" style="width: 175.484px;"><img src="assets/img/Switched.png" style="width: 50px;margin: -3px;"><span style="font-weight: bold;">Switched</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-6" style="text-align: center;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse flex-grow-0 order-md-first" id="navcol-6" style="text-align: center;">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Accueil</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">À propos</a></li>
<li class="nav-item"><a class="nav-link" href="documents.html">Documents</a></li>
</ul>
<div class="d-md-none my-2"><a class="btn btn-primary border rounded-pill border-0 shadow" role="button" data-bss-hover-animate="tada" href="download.html" style="background: #1774ff;padding: 15px 12px;width: 200px;font-weight: bold;font-size: 18px;">Télécharger</a><a href="en/index.html" style="color: rgba(13,110,253,0);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="margin: 14px;font-size: 22px;color: rgb(255,255,255);">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00001 2C7.55229 2 8.00001 2.44772 8.00001 3V4H8.73223C8.744 3.99979 8.75581 3.99979 8.76765 4H11C11.5523 4 12 4.44772 12 5C12 5.55228 11.5523 6 11 6H9.57801C9.21635 7.68748 8.63076 9.29154 7.85405 10.7796C8.14482 11.1338 8.44964 11.476 8.76767 11.8055C9.15124 12.2028 9.14007 12.8359 8.74272 13.2195C8.34537 13.603 7.7123 13.5919 7.32873 13.1945C7.13962 12.9986 6.95468 12.7987 6.77405 12.5948C5.88895 13.9101 4.84387 15.1084 3.66692 16.1618C3.2554 16.5301 2.6232 16.4951 2.25487 16.0836C1.88655 15.672 1.92157 15.0398 2.3331 14.6715C3.54619 13.5858 4.60214 12.3288 5.4631 10.9389C4.90663 10.1499 4.40868 9.31652 3.97558 8.44503C3.7298 7.95045 3.93148 7.35027 4.42606 7.10449C4.92064 6.8587 5.52083 7.06039 5.76661 7.55497C6.00021 8.02502 6.25495 8.48278 6.52961 8.92699C6.947 7.99272 7.28247 7.01402 7.52698 6H3.00001C2.44772 6 2.00001 5.55228 2.00001 5C2.00001 4.44772 2.44772 4 3.00001 4H6.00001V3C6.00001 2.44772 6.44772 2 7.00001 2ZM13 8C13.3788 8 13.725 8.214 13.8944 8.55279L16.8854 14.5348C16.8919 14.5471 16.8982 14.5596 16.9041 14.5722L17.8944 16.5528C18.1414 17.0468 17.9412 17.6474 17.4472 17.8944C16.9532 18.1414 16.3526 17.9412 16.1056 17.4472L15.382 16H10.618L9.89444 17.4472C9.64745 17.9412 9.04677 18.1414 8.5528 17.8944C8.05882 17.6474 7.85859 17.0468 8.10558 16.5528L9.09589 14.5722C9.10187 14.5596 9.1081 14.5471 9.11458 14.5348L12.1056 8.55279C12.275 8.214 12.6212 8 13 8ZM11.618 14H14.382L13 11.2361L11.618 14Z" fill="currentColor"></path>
</svg></a></div>
</div>
<div class="d-none d-md-block"><a class="btn btn-primary border rounded-pill border-0 shadow" role="button" data-bss-hover-animate="tada" href="download.html" style="background: #1774ff;padding: 15px 12px;width: 200px;font-weight: bold;font-size: 18px;">Télécharger</a><a href="en/index.html" style="color: rgba(13,110,253,0);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="margin: 14px;font-size: 22px;color: rgb(255,255,255);">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00001 2C7.55229 2 8.00001 2.44772 8.00001 3V4H8.73223C8.744 3.99979 8.75581 3.99979 8.76765 4H11C11.5523 4 12 4.44772 12 5C12 5.55228 11.5523 6 11 6H9.57801C9.21635 7.68748 8.63076 9.29154 7.85405 10.7796C8.14482 11.1338 8.44964 11.476 8.76767 11.8055C9.15124 12.2028 9.14007 12.8359 8.74272 13.2195C8.34537 13.603 7.7123 13.5919 7.32873 13.1945C7.13962 12.9986 6.95468 12.7987 6.77405 12.5948C5.88895 13.9101 4.84387 15.1084 3.66692 16.1618C3.2554 16.5301 2.6232 16.4951 2.25487 16.0836C1.88655 15.672 1.92157 15.0398 2.3331 14.6715C3.54619 13.5858 4.60214 12.3288 5.4631 10.9389C4.90663 10.1499 4.40868 9.31652 3.97558 8.44503C3.7298 7.95045 3.93148 7.35027 4.42606 7.10449C4.92064 6.8587 5.52083 7.06039 5.76661 7.55497C6.00021 8.02502 6.25495 8.48278 6.52961 8.92699C6.947 7.99272 7.28247 7.01402 7.52698 6H3.00001C2.44772 6 2.00001 5.55228 2.00001 5C2.00001 4.44772 2.44772 4 3.00001 4H6.00001V3C6.00001 2.44772 6.44772 2 7.00001 2ZM13 8C13.3788 8 13.725 8.214 13.8944 8.55279L16.8854 14.5348C16.8919 14.5471 16.8982 14.5596 16.9041 14.5722L17.8944 16.5528C18.1414 17.0468 17.9412 17.6474 17.4472 17.8944C16.9532 18.1414 16.3526 17.9412 16.1056 17.4472L15.382 16H10.618L9.89444 17.4472C9.64745 17.9412 9.04677 18.1414 8.5528 17.8944C8.05882 17.6474 7.85859 17.0468 8.10558 16.5528L9.09589 14.5722C9.10187 14.5596 9.1081 14.5471 9.11458 14.5348L12.1056 8.55279C12.275 8.214 12.6212 8 13 8ZM11.618 14H14.382L13 11.2361L11.618 14Z" fill="currentColor"></path>
</svg></a></div>
</div>
</nav>
<section class="py-4 py-xl-5">
<div class="text-center p-4 p-lg-5">
<p class="fw-bold text-primary mb-2">CLET vous présente</p>
<h1 class="fw-bold mb-4">Switched, le jeu de plateforme<br>d'action et d'aventure à 2 !</h1>
</div>
<div class="container">
<div class="border rounded border-0 d-flex flex-column justify-content-center align-items-center p-4 py-5" style="background: radial-gradient(rgba(37,37,37,0.72), rgba(33,33,33,0.94)), url("assets/img/background.png") center / cover;height: 500px;">
<div class="row">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center" data-aos="fade-down" data-aos-duration="700" data-aos-once="true">
<div>
<h1 class="text-uppercase fw-bold mb-3" style="font-size: 50.4px;">Changez votre perspective</h1><a class="btn btn-primary border rounded-pill border-0 shadow" role="button" data-bss-hover-animate="tada" href="download.html" style="background: #1774ff;padding: 15px 12px;width: 200px;font-weight: bold;font-size: 18px;">Télécharger</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<p style="text-align: center;font-size: 18px;padding: 35px;">Clet est un programmeur tout droit sorti de l'EPITA, la meilleure école de programmation existante, et est en train de créer un jeu de plateforme 3D. Tout à coup, un étrange phénomène se produisit et notre cher développeur se retrouve au cœur de son jeu. Etant un Perfect Programmer, Clet n'a jamais testé son programme, toutes les fonctionnalités étaient opérationnelles pour lui.<br><br>Cependant, il se trouve qu'il y avait un bug dans son programme : la 3D réagissait bizarrement. En effet, il était coincé en 2D dans ce monde pourtant en 3D. Après quelques essais, il finit par se rendre compte qu'il peut accéder aux différentes faces de son monde en appliquant une rotation à ce dernier.<br><br>Clet rencontre alors le héros principal de son jeu et lui explique son problème. Ce dernier lui répond que pour sortir du jeu, il faut le terminer. Clet et son nouvel ami programmé par ses soins vont donc s'entrainer pour terminer ce jeu. Pour cela, ils vont parcourir quatre biomes (jungle, océan, nuages et volcan) afin de récupérer les orbes des quatre éléments pour enfin invoquer l'ennemi final, le pire ennemi de tout le monde : AFIT, le chameau.<br></p>
</div>
<section data-aos="fade-right" data-aos-duration="600" data-aos-once="true" class="photo-gallery py-4 py-xl-5">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 style="font-weight: bold;">Switched, en images</h2>
<p class="w-lg-50">Quelques captures du jeu vous sont présentées ci-dessous. </p>
</div>
</div>
<div class="row gx-2 gy-2 row-cols-1 row-cols-md-2 row-cols-xl-3 photos" data-bss-baguettebox="">
<div class="col item"><a href="assets/img/screens/1.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/1.png"></a></div>
<div class="col item"><a href="assets/img/screens/2.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/2.png"></a></div>
<div class="col item"><a href="assets/img/screens/3.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/3.png"></a></div>
<div class="col item"><a href="assets/img/screens/4.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/4.png"></a></div>
<div class="col item"><a href="assets/img/screens/5.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/5.png"></a></div>
<div class="col"><a href="assets/img/screens/6.png"><img class="img-fluid border rounded border-0" data-bss-hover-animate="pulse" src="assets/img/screens/6.png"></a></div>
</div>
</div>
</section>
<div class="container py-4 py-xl-5">
<div class="row">
<div class="col-md-8 col-xl-6 mx-auto p-4" data-aos="zoom-in" data-aos-duration="700" data-aos-once="true">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center"><a href="about.html">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center me-4 d-inline-block bs-icon xl" data-bss-hover-animate="swing"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-life-preserver">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm6.43-5.228a7.025 7.025 0 0 1-3.658 3.658l-1.115-2.788a4.015 4.015 0 0 0 1.985-1.985l2.788 1.115zM5.228 14.43a7.025 7.025 0 0 1-3.658-3.658l2.788-1.115a4.015 4.015 0 0 0 1.985 1.985L5.228 14.43zm9.202-9.202-2.788 1.115a4.015 4.015 0 0 0-1.985-1.985l1.115-2.788a7.025 7.025 0 0 1 3.658 3.658zm-8.087-.87a4.015 4.015 0 0 0-1.985 1.985L1.57 5.228A7.025 7.025 0 0 1 5.228 1.57l1.115 2.788zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"></path>
</svg></div>
</a>
<div>
<h4 style="font-weight: bold;">À propos</h4>
<p>CLET est formé de quatre étudiants de l'école d'ingénieur en informatique EPITA.</p>
</div>
</div>
<hr class="my-5">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center">
<div>
<h4 style="font-weight: bold;">Documents</h4>
<p>On vous présente tous les documents qu'on a pu présenter tout au long du projet.</p>
</div><a href="documents.html">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon xl" data-bss-hover-animate="swing"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bookmarks">
<path d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z"></path>
<path d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"></path>
</svg></div>
</a>
</div>
<hr class="my-5">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center"><a href="download.html">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center me-4 d-inline-block bs-icon xl" data-bss-hover-animate="swing"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-download">
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"></path>
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"></path>
</svg></div>
</a>
<div>
<h4 style="font-weight: bold;">Téléchargement</h4>
<p>Switched est un jeu disponible sur Windows.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="text-center bg-dark">
<div class="container text-white py-4 py-lg-5">
<ul class="list-inline">
<li class="list-inline-item me-4"><a href="https://github.com/CLETEpita" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-light" data-bss-hover-animate="wobble">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="mailto:[email protected]"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mailbox text-light" data-bss-hover-animate="wobble">
<path d="M4 4a3 3 0 0 0-3 3v6h6V7a3 3 0 0 0-3-3zm0-1h8a4 4 0 0 1 4 4v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a4 4 0 0 1 4-4zm2.646 1A3.99 3.99 0 0 1 8 7v6h7V7a3 3 0 0 0-3-3H6.646z"></path>
<path d="M11.793 8.5H9v-1h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.354-.146l-.853-.854zM5 7c0 .552-.448 0-1 0s-1 .552-1 0a1 1 0 0 1 2 0z"></path>
</svg></a></li>
</ul>
<p class="text-muted mb-0">© 2022 CLET</p><a href="en/index.html" style="color: rgba(13,110,253,0);">
<p style="font-size: 12px;font-style: italic;margin: 6px;color: rgb(191,191,191);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00001 2C7.55229 2 8.00001 2.44772 8.00001 3V4H8.73223C8.744 3.99979 8.75581 3.99979 8.76765 4H11C11.5523 4 12 4.44772 12 5C12 5.55228 11.5523 6 11 6H9.57801C9.21635 7.68748 8.63076 9.29154 7.85405 10.7796C8.14482 11.1338 8.44964 11.476 8.76767 11.8055C9.15124 12.2028 9.14007 12.8359 8.74272 13.2195C8.34537 13.603 7.7123 13.5919 7.32873 13.1945C7.13962 12.9986 6.95468 12.7987 6.77405 12.5948C5.88895 13.9101 4.84387 15.1084 3.66692 16.1618C3.2554 16.5301 2.6232 16.4951 2.25487 16.0836C1.88655 15.672 1.92157 15.0398 2.3331 14.6715C3.54619 13.5858 4.60214 12.3288 5.4631 10.9389C4.90663 10.1499 4.40868 9.31652 3.97558 8.44503C3.7298 7.95045 3.93148 7.35027 4.42606 7.10449C4.92064 6.8587 5.52083 7.06039 5.76661 7.55497C6.00021 8.02502 6.25495 8.48278 6.52961 8.92699C6.947 7.99272 7.28247 7.01402 7.52698 6H3.00001C2.44772 6 2.00001 5.55228 2.00001 5C2.00001 4.44772 2.44772 4 3.00001 4H6.00001V3C6.00001 2.44772 6.44772 2 7.00001 2ZM13 8C13.3788 8 13.725 8.214 13.8944 8.55279L16.8854 14.5348C16.8919 14.5471 16.8982 14.5596 16.9041 14.5722L17.8944 16.5528C18.1414 17.0468 17.9412 17.6474 17.4472 17.8944C16.9532 18.1414 16.3526 17.9412 16.1056 17.4472L15.382 16H10.618L9.89444 17.4472C9.64745 17.9412 9.04677 18.1414 8.5528 17.8944C8.05882 17.6474 7.85859 17.0468 8.10558 16.5528L9.09589 14.5722C9.10187 14.5596 9.1081 14.5471 9.11458 14.5348L12.1056 8.55279C12.275 8.214 12.6212 8 13 8ZM11.618 14H14.382L13 11.2361L11.618 14Z" fill="currentColor"></path>
</svg> English version </p>
</a>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.js"></script>
<script src="assets/js/Off-Canvas-Sidebar-Drawer-Navbar.js"></script>
<script src="assets/js/Lightbox-Gallery.js"></script>
</body>
</html>