-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paths04-demo.html
182 lines (181 loc) · 10.9 KB
/
s04-demo.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WebTech | First Webpage</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
<style>
h1 {
color: red;
text-align: center;
font-family: Audiowide, Arial, Helvetica, sans-serif;
}
* {
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
<!-- <h6>This is the smallest heading.</h6> -->
<a href="https://chatgpt.com" target="_blank">ChatGPT</a>
<a href="ex01.html">Exercise 01</a> <a href="#footnote">Footnote</a>
<p>This is the first paragraph.</p>
<img
src="https://www.babson.edu/media/babson/assets/about-babson/babson-at-a-glance-1920x756.jpg"
alt="Babson campus"
title="Image of Babson Campus"
height="100"
/>
<p>This is the second paragraph.</p>
<img
src="images/babson.jpg"
alt="Babson Gate in Fall"
title="Babson College"
width="200"
/>
<p>Shortcut to add tags. For example, we want to add <</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos laborum
enim, alias hic laboriosam sit explicabo sapiente perspiciatis atque
temporibus, ea consequatur at neque numquam consectetur. Porro placeat
nesciunt eum molestiae obcaecati magni tempore odio eveniet iure debitis,
molestias consectetur repudiandae repellat labore cum delectus distinctio
libero tempora blanditiis ratione voluptate! Cumque, nostrum ad? Est eum
in enim rerum ipsa molestiae, recusandae doloremque hic, atque consequatur
veritatis voluptate. Quas iusto, minima totam reprehenderit laudantium
culpa sed ipsum, modi earum sunt quaerat aperiam commodi deleniti omnis
distinctio deserunt laborum optio numquam quidem. Velit labore corporis
praesentium distinctio quia ullam rem aliquam nostrum doloremque deleniti.
Cum ullam iste culpa quo ipsum, ut sunt nisi deserunt corporis accusantium
perspiciatis repellat sed consequuntur odio nihil esse nemo optio possimus
dolor ipsam quae sit, impedit quidem commodi. Atque, qui et? Quidem
laboriosam blanditiis repellendus deserunt amet. Optio explicabo voluptas
repudiandae nobis recusandae. Voluptas corporis, minima tempore qui
voluptatum laborum earum vero eius iure ex eligendi voluptate id animi
maxime in, dolorem nisi cumque tempora ut dolorum. Reprehenderit culpa
expedita repellendus repudiandae itaque quidem nisi ab exercitationem
commodi aut ad, dolorum aspernatur harum reiciendis, numquam minima
accusantium doloribus! Maxime placeat a fugiat adipisci laboriosam enim
nemo.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam animi
molestiae aperiam illo, deleniti quos soluta facilis corrupti, modi quasi
cupiditate fugiat. Amet architecto nam alias tenetur distinctio totam
veritatis iusto adipisci error ratione. Deleniti ad unde, enim quasi
expedita dicta quibusdam accusamus optio aliquam laborum dolore officiis
laboriosam! Quia voluptatum perspiciatis similique molestias harum
nesciunt ea id fugit mollitia nulla sed error voluptates ratione aliquid
optio quis ad obcaecati autem temporibus, ducimus dignissimos! Unde nemo
ipsum delectus quaerat numquam tempora magni, quasi aut consequuntur illum
commodi provident ex distinctio animi consequatur nam itaque adipisci id
autem fugiat odit quidem fugit cumque. Unde tempore autem neque excepturi,
minus distinctio illo ut cupiditate aspernatur mollitia fugit quasi illum
nobis saepe eligendi, laudantium animi consequatur? Delectus quibusdam
nemo possimus rem distinctio fuga rerum, voluptates accusantium impedit
voluptas nam magnam ex qui suscipit deleniti perspiciatis earum nostrum
tempore molestias voluptatibus esse. Quo obcaecati animi itaque ratione.
Reiciendis in consequuntur mollitia velit, nobis ex ullam. Unde nihil ex
alias? Sed soluta veniam cumque earum perferendis maiores expedita, eum
aliquid id, officia quisquam? Sapiente est animi repellat obcaecati itaque
omnis expedita adipisci sit ipsum vero possimus, recusandae ea nemo illum
voluptatum incidunt nam ad non?
</p>
<p>
Voluptate quia sint maxime, quos rem nam natus porro, corrupti amet,
doloremque animi qui quidem dolorem officiis? Doloribus exercitationem
illo voluptatem officia distinctio, provident placeat quasi sequi
consectetur deleniti saepe ipsum. Aliquam minima blanditiis laboriosam
laudantium ut expedita perspiciatis optio magnam, error quas ratione
voluptatem, numquam officia. Consequuntur, earum quo obcaecati sed rem
deleniti sit? Iure, excepturi. Illo ducimus ipsum nihil porro earum
delectus placeat, autem veniam repudiandae adipisci quisquam nulla iste
aspernatur odit velit praesentium fugiat explicabo temporibus eius omnis
harum hic dicta pariatur et! Dolore magni dignissimos voluptates delectus
in laboriosam eum, similique perspiciatis molestias. Consectetur omnis eum
labore doloremque facilis ex minus. Explicabo aspernatur repudiandae
dignissimos voluptate minus incidunt impedit, voluptates, totam eveniet
sint soluta accusamus non nobis beatae quis. Totam ut neque illo culpa,
animi incidunt ea nemo atque iste voluptatem quaerat labore vel minima
itaque facere nostrum. Numquam doloremque nesciunt laudantium veritatis
cum quae asperiores molestias incidunt, debitis totam sequi harum dolorem
iusto blanditiis, illo, consequuntur inventore molestiae obcaecati minus
sit dolore mollitia? Sed aliquam amet laborum neque dolor autem debitis
voluptas, consequuntur porro. Aperiam blanditiis nesciunt, dignissimos
provident amet ipsum incidunt ex quasi, eveniet laudantium placeat maxime
quae minima, assumenda sapiente molestias in maiores.
</p>
<p>
Atque rem repellendus quae dolorem ullam doloribus mollitia vero, quam
facilis veritatis culpa dignissimos saepe, voluptates vel enim quasi
necessitatibus tempore. Alias sed voluptatibus id exercitationem veritatis
cupiditate quam illo, officiis sunt, quo similique nesciunt. Fugiat
adipisci nemo alias sunt vel ex pariatur iusto corporis, rem quos magni
quis quasi voluptas id repudiandae dolor enim veniam molestias quaerat
maiores beatae at, debitis architecto. Numquam officiis inventore,
repellendus facere autem dignissimos quos quod modi ipsa accusamus qui
excepturi enim eligendi earum labore id ipsum soluta ex laudantium, quasi
at. Incidunt similique architecto error soluta, illo saepe, animi dolorum
possimus officia molestias dignissimos dolor id voluptas. Nihil doloremque
accusamus inventore minima ab explicabo magnam similique magni dolorum
optio illo vitae quas commodi unde aperiam cum quae natus fugiat, sit sint
repellendus vero voluptate! Amet animi dolore, perferendis tempore
deserunt dolores rem maxime, voluptatibus doloribus necessitatibus saepe
rerum! Temporibus iusto, itaque quo iure sapiente facere officiis eos ad
eligendi enim omnis beatae, exercitationem aspernatur, autem odit unde
accusantium eum numquam accusamus asperiores laborum consequatur quam sunt
neque? Laudantium, magni at. Possimus, ad quisquam praesentium consequatur
minus ex tempora. In veniam, accusantium quae cumque unde, eaque sed
voluptate consectetur quam eius, qui cupiditate optio!
</p>
<p>
Eligendi, corporis similique culpa iste, dicta earum laboriosam hic ea
temporibus, ad accusamus quos nostrum necessitatibus iure veniam fuga!
Magni quae fugiat laboriosam, iusto natus sequi nobis dolor omnis, est
quis ex! Repudiandae aliquam esse in rerum minima corrupti facere,
assumenda perferendis laudantium dolores, provident hic vel. Quasi
explicabo id aperiam non, tenetur ex impedit ducimus assumenda totam modi
perspiciatis? Fuga deleniti tempora ipsa optio beatae odit, expedita
provident sapiente eos? Cupiditate recusandae blanditiis id ratione
asperiores voluptatem dignissimos, sit dolorum, numquam rerum maxime
minima optio. Error iste aliquid libero ex deleniti recusandae inventore.
Adipisci exercitationem dolor harum nulla nihil expedita impedit fugiat
sit. Neque, accusamus iure culpa similique expedita deserunt inventore hic
error provident est quibusdam quaerat non in omnis molestiae? Recusandae
veniam enim quas, voluptate ea assumenda consectetur eveniet neque tempora
temporibus quod ratione earum facilis excepturi eaque placeat autem odio
illum. Vitae tempore et expedita aperiam ab error ea nemo cumque, enim
officiis quae praesentium, veniam exercitationem quos sint rerum dolor
recusandae earum reprehenderit magnam, necessitatibus tempora id.
Repellendus nostrum culpa voluptatem dolorum illo rem explicabo, fugit
omnis quis quam, deserunt voluptatum laudantium quae. Tenetur natus libero
illo voluptatem eius molestiae, adipisci animi ad quidem laudantium
dolorum!
</p>
<p>
Enim dolore incidunt quisquam repellat atque corrupti sed cum excepturi,
odio illo mollitia culpa, odit hic accusamus sapiente recusandae dolor
quis cupiditate. Nihil nobis exercitationem qui soluta nam, quas quidem
asperiores. Ex consequatur animi minus cumque tempora eius placeat omnis,
excepturi quibusdam assumenda repudiandae facere ullam, praesentium vero
odit accusamus illum! Labore temporibus eius nostrum aut ipsa, iure
repudiandae impedit nobis explicabo, quam eveniet dolores repellat illum
et est totam quis voluptate aperiam quisquam earum excepturi fugiat?
Delectus fugit amet possimus sunt, consequatur, labore magni recusandae
porro inventore animi repudiandae numquam neque itaque quis sapiente esse
corrupti ut officia vel natus eaque? Mollitia laborum nihil laudantium? Et
doloremque officia beatae id voluptas nobis earum culpa, doloribus veniam
harum iusto inventore! Eum, sed. Iusto, porro sunt cumque officia
recusandae enim doloribus repellat inventore, sequi laudantium maxime
fugit dolorem, sit alias beatae accusamus numquam voluptatem. Fugit nisi
officia id odio minus quo iste autem ipsa quod fuga? Quidem eligendi totam
iusto eaque molestiae expedita dignissimos, dolorum quibusdam fugiat
tempore praesentium assumenda maiores corrupti adipisci consectetur
necessitatibus libero quos facilis dicta velit eius corporis quo aliquam
aspernatur. Vitae harum voluptates ut debitis deleniti iure repellat
doloribus tempore temporibus nam. Animi sed nemo ipsa.
</p>
<p id="footnote">Created by Zhi Li</p>
</body>
</html>