-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (32 loc) · 1.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<title>Modal window</title>
</head>
<body>
<button class="show-modal">Show modal 1</button>
<button class="show-modal">Show modal 2</button>
<button class="show-modal">Show modal 3</button>
<div class="modal hidden">
<button class="close-modal">×</button>
<h1>I'm a modal window 😍</h1>
<p>
Two households, both alike in dignity, In fair Verona, where we lay our
scene, From ancient grudge break to new mutiny,1 Where civil blood makes
civil hands unclean. From forth the fatal loins of these two foes A pair
of star-cross'd lovers take their life; Whose misadventured piteous
overthrows Do with their death bury their parents' strife. The fearful
passage of their death-mark'd love, And the continuance of their
parents' rage, Which, but their children's end, nought could remove, Is
now the two hours' traffic of our stage; The which if you with patient
ears attend, What here shall miss, our toil shall strive to mend.2
</p>
</div>
<div class="overlay hidden"></div>
<script src="script.js"></script>
</body>
</html>