-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 5.36 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header></header>
<main>
<article class="card">
<header>
<h1 id="level-1-heading">Level 1 heading</h1>
<img
src="https://www.stepex.co/wp-content/uploads/2022/04/stepex-northcoders-1.jpg"
alt="NorthCoders logo used to demonstrate usage of html image tag"
/>
</header>
<p>
z Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum
repudiandae eligendi, <b>ex vero</b>, sed nulla numquam obcaecati
tenetur aspernatur voluptatem facere molestias labore,
<b>quis magni voluptas</b>. Facere nesciunt deleniti veniam.
</p>
<h2 id="first-level-2-heading">First level 2 heading</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In, id.</p>
<p>
Lorem ipsum dolor sit amet <b>consectetur adipisicing</b> elit. Sequi
assumenda, amet repudiandae <b>id corrupti</b> suscipit pariatur
corporis? Rem, dolorum reprehenderit quia enim deleniti animi ipsa.
</p>
<ul>
<li>Lorem.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum, dolor sit amet consectetur adipisicing.</li>
<li>Lorem, ipsum.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reiciendis
neque <b>maxime</b> id facere quasi, fugit atque reprehenderit
similique alias soluta?
</p>
<p>
Lorem ipsum dolor, sit amet consectetur <b>adipisicing elit</b>.
Tempora sint eius corrupti cupiditate illo possimus.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet nostrum
quasi cumque, <b>libero repudiandae</b> eaque possimus? Quidem odit
fugiat, vel sit vero ut asperiores ea mollitia quis nobis nostrum
praesentium?
</p>
<h2 id="second-level-2-heading">Second level 2 heading</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iusto
<b>asperiores distinctio</b> atque et fuga tenetur?
</p>
<ol>
<li>Lorem, ipsum dolor.</li>
<li>Lorem, ipsum.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ol>
<p>
Lorem ipsum dolor sit amet <b>consectetur</b> adipisicing elit.
Impedit dolorum cum veritatis, reiciendis aut quam at, enim doloribus
voluptatem <b>nihil alias quisquam totam</b>! Porro dolore temporibus
harum, alias esse quas.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
<b> Facere, placeat error </b>. Laudantium minima magni optio?
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident
ea, earum atque similique cum, delectus,
<b>maxime saepe error</b> quis labore aperiam consequuntur eveniet
repellendus voluptate?
</p>
<h2 id="third-level-2-heading">Third level 2 heading</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur
magnam voluptate <b>molestias beatae</b> id consequatur corporis
fugiat libero unde incidunt!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste,
accusamus.
</p>
<h2 id="forth-level-2-heading">Forth level 2 heading</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
<b> Incidunt architecto </b> ut cumque delectus eius? Animi!
</p>
<ol>
<li>Lorem, ipsum dolor.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet consectetur.</li>
<li>Lorem, ipsum dolor.</li>
<li>Lorem, ipsum.</li>
</ol>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem, velit?
</p>
<h2 id="fifth-level-2-heading">Fifth level 2 heading</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. At eveniet
quia autem odio unde! <b>Eaque id</b>, atque optio incidunt ea labore
quia molestias nulla maxime omnis,
<b>cumque alias molestiae</b> ullam?
</p>
</article>
<dl class="card toc">
<dt>Table of content</dt>
<dd><a href="#level-1-heading">Level 1 heading</a></dd>
<dd><a href="#first-level-2-heading">First level 2 heading</a></dd>
<dd><a href="#second-level-2-heading">Second level 2 heading</a></dd>
<dd><a href="#third-level-2-heading">Third level 2 heading</a></dd>
<dd><a href="#forth-level-2-heading">Forth level 2 heading</a></dd>
<dd><a href="#fifth-level-2-heading">Fifth level 2 heading</a></dd>
<dt>Where next?</dt>
<dd>
<a href="https://northcoders.com/">NorthCoders (this tab)</a>
</dd>
<dd>
<a href="https://northcoders.com/" target="_blank"
>NorthCoders (new tab)</a
>
</dd>
</dl>
</main>
<footer></footer>
</body>
</html>