tyle sheets. In Lab 1, we used an embedded style sheet to style the index.html file. 'our first job is to replace the embedded style sheet in index.html with an external style sheet o do this you need to first create a file called style.css in Week_8_Lab/Styles. Move all the tyle rules from index.html to style.css.
what I have so far
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”>
<title>Lab1</title>
<style>
body { background-color: #556271; margin: 0 10%; font-family: sans-serif; color: white;}
h1 {color: #FE6A67;text-align: center; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #D4DCCD; margin-top: 30px;}h2 {font-size: 1em;}
</style>
</head>
<body>
<h1><img>
<br><img src="21.png">
<p>Amet Justo Donec</p>
</h1>
<p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>
<h2>Cursus Eget</h2>
<p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>
<h2>Diam</h2>
<p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id venenatis. A condimentum vitae sapien pellentesque habitant.<p/>
<h2>Aliquam Sem Fringilla</h2>
<p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit<p/>
</body>
</html>
Answer:
I have code written below
Step by step
Solved in 4 steps with 1 images
