-
Notifications
You must be signed in to change notification settings - Fork 0
/
test15.html
44 lines (42 loc) · 2.17 KB
/
test15.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Html Id and class</title>
<style>
.heading1{
color: red;
}
.heading2{
color: blue;
}
.green{
color: green;
}
.test{
color: blueviolet;
}
</style>
</head>
<body>
<h2 class='heading1'>This is Heading</h2>
<p class="green">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, dolore.
Expedita, fugit aliquam accusamus, a dolor magnam quia fuga velit, nostrum excepturi quos
nesciunt? Blanditiis veniam facere corrupti inventore aperiam cumque error adipisci ad aliquid
voluptatem magnam laboriosam, ab labore id maiores officia explicabo fuga soluta voluptates
consequuntur pariatur? Soluta assumenda officia numquam est sint veritatis, dolore animi doloremque rem
dolorem magni cum nam voluptas quibusdam sit. Porro magni dolor consequuntur nobis aperiam! Cumque eos, qui animi ipsum obcaecati ratione ex! Quas voluptas nemo, temporibus iusto eius placeat nostrum modi ut, voluptatibus
accusamus sed iste voluptates suscipit odio esse pariatur aliquam porro? Laborum inventore ducimus modi
eligendi voluptates. Repudiandae ipsam optio fugiat sunt? Dolores officia doloribus aut quis eaque qui,
nostrum expedita tenetur sunt impedit, officiis culpa dolore dignissimos nesciunt in asperiores facilis
veritatis hic quaerat. Repudiandae adipisci aut, voluptate perferendis quidem natus laborum eos maiores, sed hic provident voluptas.
</p>
<h2 class="heading2">This is heading number </h2>
<p class="test">Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam natus corporis provident perspiciatis,
impedit animi sit cupiditate non harum, commodi voluptate vitae hic similique eaque, sed ratione suscipit!
Vel laboriosam cupiditate tenetur laudantium! Corporis dolorum nemo perspiciatis vitae ducimus consequuntur. Debitis fuga laborum non at?
</p>
</body>
</html>