-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (34 loc) · 1.75 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
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="description" content="Test Functionite">
<meta name="author" content="Michał Ryciak">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel='stylesheet' href='css/mobile.css' media='only screen and (max-width: 768px)'>
</head>
<body>
<!-- open modalBox -->
<a href="#openModal">Show Modal Box</a>
<!-- modalBox -->
<aside id="openModal" class="box">
<div id="modalBox">
<!--closingButton-->
<a href="#close" class="close">x</a>
<!-- modalBox text-->
<div class="textContainer">
<p class="modalBox-caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at elit ultrices, sagittis sapien vitae, semper justo. Vestibulum tristique enim nunc. Phasellus eu elit a libero volutpat cursus. Suspendisse potenti. Nam imperdiet, quam vitae rhoncus feugiat, nibh augue tincidunt sapien, at lobortis nulla erat in enim. Nullam ac elementum erat. Suspendisse fringilla tellus in tortor hendrerit posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam quis dui nulla. Sed iaculis feugiat quam, at faucibus turpis egestas a. Nunc tempus commodo metus, ac elementum urna tristique id. Integer mattis nulla dolor, sit amet placerat neque aliquam et. Vivamus euismod, metus nec dignissim pretium, eros purus mattis neque, imperdiet euismod felis purus id urna.
</p>
<div>
<!-- videoButton -->
<div class="buttonContainer">
<button class="videoButton">
<a href="https://www.youtube.com/watch?v=rFiXp-dBfMY">Watch Video</a>
</button>
</div>
</div>
</aside><!-- end modal box -->
</body>
</html>