-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
70 lines (46 loc) · 3.86 KB
/
index.html
File metadata and controls
70 lines (46 loc) · 3.86 KB
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
<!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>CSS</title>
<!-- External -->
<link rel="stylesheet" href="./style.css">
<!-- Internal -->
<style>
body {
background-color: black;
}
h1 {
color: white;
}
p {
color: white;
}
</style>
</head>
<body>
<!-- Inline, Internal, External -->
<!-- Inline -->
<h1 style="color: red;">This is my website</h1>
<p style="color: blue;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam neque ipsum aut. Nam maiores ipsa facilis minima voluptatem, provident ab, non dicta eius nemo quam voluptates eveniet laborum assumenda perferendis?</p>
<p style="color: green;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti enim totam voluptatum provident maiores minus sequi, neque nisi, odit dolore ipsa. Aliquam magni debitis modi aspernatur tenetur porro, nisi ea!</p>
<p style="color: yellow;">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur consequuntur maxime dolorum fugiat labore facilis. Iste, magni? Incidunt, nostrum dolores, dolorem doloremque quidem, eligendi pariatur sapiente error quibusdam aliquam iure?</p>
<p style="color: orange;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia ad, maxime rem voluptatem, vitae reprehenderit odio fugit, molestias architecto adipisci qui. Minima iusto facilis ad non. Recusandae assumenda consequatur excepturi?</p>
<!-- Internal -->
<!-- Refer to the header <style> -->
<h1>This is my website</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex voluptatum ab quidem consequatur tempore porro explicabo recusandae? Debitis eligendi eos exercitationem laborum, maxime, officiis sed fuga quae esse, itaque commodi!</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequatur quae voluptatum error aut quod aspernatur ipsum facilis vero dolores inventore corrupti, deserunt nemo, quidem voluptates ex! Ab rem deserunt officiis?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia ea adipisci doloremque aut dolores facere incidunt maiores consequuntur commodi. Nesciunt impedit labore, consectetur placeat ratione quos laboriosam optio tenetur eos!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quidem! Quisquam, nostrum. Quisquam, quidem! Quisquam, nostrum.</p>
<!-- External -->
<!-- <link rel="stylesheet" href="./style.css"> -->
<h1>This is my website</h1>
<p class="odd">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam neque ipsum aut. Nam maiores ipsa facilis minima voluptatem, provident ab, non dicta eius nemo quam voluptates eveniet laborum assumenda perferendis?</p>
<p class="even">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti enim totam voluptatum provident maiores minus sequi, neque nisi, odit dolore ipsa. Aliquam magni debitis modi aspernatur tenetur porro, nisi ea!</p>
<p class="odd">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur consequuntur maxime dolorum fugiat labore facilis. Iste, magni? Incidunt, nostrum dolores, dolorem doloremque quidem, eligendi pariatur sapiente error quibusdam aliquam iure?</p>
<p class="even">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quaerat est mollitia asperiores dolore quia deserunt fugiat autem quas consequatur? Illo, minima! Consectetur optio consequatur, veniam doloremque saepe vitae repudiandae quidem?</p>
</body>
</html>