-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (41 loc) · 2.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
<meta
name="description"
content="Flappy Bird Game with HTML5 , CSS3 and JS"
/>
<meta name="keywords" content="Flappy Bird Game , HTML5 , CSS3 , JS" />
<meta name="author" content="Khazri" />
<link rel="shortcut icon" href="assets/imgs/bird.png" type="image/x-icon" />
<title>Flappy Bird Game</title>
<!-- Link Css -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="game">
<div id="score">0</div>
<div id="bar">
<div id="gap"></div>
</div>
<div id="bird">
<img src="assets/imgs/bird.png" alt="" />
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path
fill="#ffffff"
fill-opacity="1"
d="M0,0L14.1,26.7C28.2,53,56,107,85,154.7C112.9,203,141,245,169,250.7C197.6,256,226,224,254,186.7C282.4,149,311,107,339,128C367.1,149,395,235,424,261.3C451.8,288,480,256,508,213.3C536.5,171,565,117,593,90.7C621.2,64,649,64,678,96C705.9,128,734,192,762,208C790.6,224,819,192,847,170.7C875.3,149,904,139,932,154.7C960,171,988,213,1016,224C1044.7,235,1073,213,1101,170.7C1129.4,128,1158,64,1186,53.3C1214.1,43,1242,85,1271,128C1298.8,171,1327,213,1355,229.3C1383.5,245,1412,235,1426,229.3L1440,224L1440,320L1425.9,320C1411.8,320,1384,320,1355,320C1327.1,320,1299,320,1271,320C1242.4,320,1214,320,1186,320C1157.6,320,1129,320,1101,320C1072.9,320,1045,320,1016,320C988.2,320,960,320,932,320C903.5,320,875,320,847,320C818.8,320,791,320,762,320C734.1,320,706,320,678,320C649.4,320,621,320,593,320C564.7,320,536,320,508,320C480,320,452,320,424,320C395.3,320,367,320,339,320C310.6,320,282,320,254,320C225.9,320,198,320,169,320C141.2,320,113,320,85,320C56.5,320,28,320,14,320L0,320Z"
></path>
</svg>
<audio src="assets/audios/different.wav" preload="auto" id="lose"></audio>
</section>
<div id="lose-alert">You Lose ! Your Score is : 15</div>
<div id="lose-alert-bg"></div>
<!-- Link Js -->
<script src="script.js"></script>
</body>
</html>