-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
30 lines (30 loc) · 1.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Modal Window</title>
<link rel="stylesheet" href="style.css" />
</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>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores
architecto optio rem excepturi. Molestias recusandae, cupiditate quos
necessitatibus quisquam ducimus distinctio, sequi, tempore voluptates
reiciendis incidunt fuga culpa accusantium nisi ex qui magni beatae
aliquid dolor repellat odio. Iure illo ullam quibusdam, atque vitae
velit amet labore aut ut repellendus.
</p>
</button>
</div>
<div class="overlay hidden"></div>
<script src="script.js"></script>
</body>
</html>