-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhashira.html
63 lines (62 loc) · 2.78 KB
/
hashira.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Details on Hover</title>
<link rel="stylesheet" href="hashira.css">
</head>
<body>
<div class="image-container">
<div class="image-box" onmouseover="showDetails(1)" onmouseout="hideDetails(1)">
<img src="gyomei-.jpg" alt="Image 1">
<div class="details" id="details-1"> Name: Gyomei Himejima<br>
ATTACK: 95<br>
DEFENSE: 100<br>
Breathing techiniqu : Stone Breathing<br>
Special attack: Stone Pillar Smash </div>
</div>
<div class="image-box" onmouseover="showDetails(2)" onmouseout="hideDetails(2)">
<img src="sanemi1.jpg" alt="Image 2">
<div class="details" id="details-2"> Name: Sanemi Shinazugawa<br>
ATTACK: 90<br>
DEFENSE: 85<br>
Breathing techiniqu: Wind Breathing<br>
Special attack: Gale Slash </div>
</div>
<div class="image-box" onmouseover="showDetails(3)" onmouseout="hideDetails(3)">
<img src="rangoku.jpg" alt="Image 3">
<div class="details" id="details-3"> Name: Kyojuro Rengoku<br>
ATTACK: 95<br>
DEFENSE: 90<br>
Breathing techiniqu:Flame Breathing<br>
Special attack: ninth form: Rengoku </div>
</div>
<div class="image-box" onmouseover="showDetails(4)" onmouseout="hideDetails(4)">
<img src="giyu5.jpg" alt="Image 4">
<div class="details" id="details-4">Name: Giyu Tomioka<br>
ATTACK: 85<br>
DEFENSE: 90<br>
Breathing Technique: Water Breathing<br>
Special Attack: Dead Calm</div>
</div>
<div class="image-box" onmouseover="showDetails(5)" onmouseout="hideDetails(5)">
<img src="tanjiro.jpg" alt="Image 5">
<div class="details" id="details-5">Name: Tanjiro Kamado<br>
ATTACK: 85<br>
DEFENSE: 80<br>
Breathing Technique: Water Breathing, Sun Breathing<br>
Special Attack:Hinokami Kagura:Dance</div>
</div>
<div class="image-box" onmouseover="showDetails(6)" onmouseout="hideDetails(6)">
<img src="mitsuri.jpg" alt="Image 6">
<div class="details" id="details-6">Name: Mitsuri Kanroji<br>
Attack: 85<br>
Defense: 80<br>
Breathing Technique: Love Breathing<br>
Special Attack: Love Pangs</div>
</div>
</div>
<script src="hashira.js"></script>
</body>
</html>