-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (51 loc) · 1.73 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
53
54
55
56
<!DOCTYPE html>
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="contrast.css">
<nav>
<a href="#rich1">First</a>
<a href="#rich2">Second</a>
<a href="#rich3">Third</a>
</nav>
<article>
<h1>Example Heading</h1>
<p>
This is an example paragraph of lorem ipsum dolor sit amet consectetur,
adipisicing elit. Deserunt dolore inventore recusandae culpa aperiam
voluptatem officia ullam ut magni omnis.
</p>
<section id="rich1">
<h2>Example Section 1</h2>
<p>
fdhjfjsdghfjadsgfkhjsfghjkfhgjsd Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Non expedita doloribus itaque neque iure earum aperiam
nemo ratione exercitationem error, amet corporis mollitia incidunt eos
aliquam rerum, saepe, fugiat aliquid?
</p>
</section>
<section id="rich2">
<h2>Example Section 2</h2>
<p>
fdhjfjsdghfjadsgfkhjsfghjkfhgjsd Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Non expedita doloribus itaque neque iure earum aperiam
nemo ratione exercitationem error, amet corporis mollitia incidunt eos
aliquam rerum, saepe, fugiat aliquid?
</p>
<section class=important>
<h3>Important Subsection</h3>
<p>This is way important, so we've given it an important class.</p>
</section>
</section>
<section id="rich3">
<h2>Example Section 3</h2>
<p>
fdhjfjsdghfjadsgfkhjsfghjkfhgjsd Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Non expedita doloribus itaque neque iure earum aperiam
nemo ratione exercitationem error, amet corporis mollitia incidunt eos
aliquam rerum, saepe, fugiat aliquid?
</p>
</section>
</article>
<footer>
<p>This is a footer.</p>
</footer>