-
Notifications
You must be signed in to change notification settings - Fork 7
/
example.html
56 lines (48 loc) · 2.69 KB
/
example.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
<!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">
<title>dom-slider</title>
<link rel="stylesheet" href="example.css">
</head>
<body>
<div class="container">
<h1>dom-slider</h1>
<button class="slide-toggle-button">Toggle Box Below</button>
<div class="box">
<p>Hello World</p>
</div>
<ul class="faqs">
<li>
<h4>FAQ #1</h4>
<p class="faq-answer">This is the answer to FAQ #1.</p>
</li>
<li>
<h4>FAQ #2</h4>
<p class="faq-answer">This is the answer to FAQ #2.</p>
</li>
<li>
<h4>FAQ #3</h4>
<p class="faq-answer">This is the answer to FAQ #3.</p>
</li>
</ul>
<button class="add-faq-button" style="margin-top: 0;">Add FAQ #4</button>
<div style="margin-bottom: 2rem"></div>
<button class="slide-down-button">Show Content Below</button>
<button class="slide-up-button">Hide Content Below</button>
<div class="content">
<button class="toggle-paragraphs-button">Peek-a-boo Paragraphs</button>
<h2>Heading and Stuff</h2>
<p>asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg </p>
<h2>Heading and Stuff</h2>
<p>asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg </p>
<h2>Heading and Stuff</h2>
<p>asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg asdglkjahg </p>
</div>
</div>
<script src="../src/dom-slider.js"></script>
<script src="example.js"></script>
</body>
</html>