-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
52 lines (51 loc) · 6.18 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
<!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="source/css/base/main.css">
<script src="source/js/script.js"></script>
<title>JS - Modal</title>
</head>
<body>
<div class="container">
<h2>Lorem!</h2>
<a href="#" id="linkModal">Link To Modal</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, molestiae. Veniam praesentium repellendus placeat. Error non laborum excepturi dolore nobis omnis. Facere consequuntur ratione porro, minima voluptates voluptatum a quod?
Laudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaque amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?Laudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaque amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?Laudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaLaudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaque amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?Laudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaque amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?que amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?Laudantium alias reiciendis quidem beatae nesciunt officiis iste vitae iusto itaque, fugit voluptatibus illum accusantium dolores quae quas deleniti. Ea quia possimus iste, dolores ipsam vel saepe a aperiam non.
Excepturi molestias in facere expedita recusandae, eaque, rem deserunt earum beatae nesciunt cumque minima fuga labore explicabo repellendus, veritatis consequatur! Dolorum voluptas eius, quibusdam qui molestiae eaque amet atque aut.
Quas reprehenderit eos hic accusamus quod magnam debitis et architecto a iusto ea rem asperiores consequatur sint libero alias aperiam harum cupiditate autem voluptatum aspernatur ex, corporis necessitatibus corrupti? Veritatis?
Odio similique aliquid culpa alias nostrum sequi dolores impedit accusantium saepe, perferendis reprehenderit corrupti hic nemo rerum fuga unde obcaecati! Vero, provident. Laboriosam temporibus quas repellat nobis, perspiciatis commodi iste.</p>
</div>
<div id="modal" class="offmodal">
<div class="modal-container">
<header>
<h2> Modal </h2>
<span class="close">
<a href="#">X</a>
</span>
</header>
<div class="modal-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio nam nobis voluptatum consectetur ullam tempora
accusamus illo, corporis dignissimos a delectus. Voluptatem blanditiis officia nobis enim voluptates id autem
hic. Quia, explicabo tempore? Officia hic totam soluta? Aut suscipit doloribus illo consectetur voluptate
ducimus commodi deleniti quo! Quos saepe dicta, ullam atque numquam, et, nobis consequatur vitae dignissimos
nisi repellendus? Blanditiis odit saepe quaerat similique rem veniam quas molestias laudantium praesentium
repudiandae adipisci vitae, nulla quae corporis accusantium aut cupiditate ex ipsa qui quo delectus a? Ducimus
quos illo quas.</p>
</div>
</div>
</div>
</body>
</html>