codeup-web-exercises/css_selectors.html at main · emata10/codeup-web-exercises · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
		<meta charset="UTF-8">
		<title>Selectors.css</title>
		<link rel="stylesheet" href="../css/selectors.css">
		<link rel="preconnect" href="https://fonts.googleleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link rel="preconnect" href="https://fonts.googleleapis.com/css2?family=Oxygen&display=swap" rel="stylesheet">

</head>
<body>
<div id="container">
		<section class="article">
				<h1 class="fancy-header">Heading One</h1>
				<p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
						et dolore magna
						aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<em>aliquip</em> ex ea
						commodo consequat.
						Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
						Excepteur sint
						occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<a href="">Read More</a>

		</section>
		<section class="article">
				<h1 class="fancy-header">Heading Two</h1>
				<p>Lorem ipsum dolor sit amet, consectetur <em>adipisicing</em> elit, sed do eiusmod tempor incididunt ut labore
						et dolore magna
						aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat.
						Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
						Excepteur sint
						occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

				<a href="">Read More</a>
			</section>
		</div>
	</body>
</html>