Improve my HTML and CSS Code to look like the picture: Trillium Media Design Trillium Media Design Home Services Contact New Media and Web Design Trillium Media Design will bring your company's Web presence to the next level. We offer a comprehensive range of services: Website Design Interactive Animation E-Commerce Solutions Usability Studies Search Engine Optimization Meeting Your Business Needs Our expert designers will listen to you as they crete a website that helps promote and grow your business. Copyright © 2016 Your Name Here
Improve my HTML and CSS Code to look like the picture:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body { background-color: #e6e6fa;
color: #191970;
font-family: Arial, Verdana, sans-serif;
}
h1 { background-color: #191970;
color: #e6e6fa;
line-height: 200%;
font-family: Georgia, "Times New Roman", serif;
text-indent: 1em;
text-shadow: 3px 3px 5px #CCCCCC; }
h2 { background-color: #aeaed4;
color: #191970; }
font-family: Georgia, "Times New Roman", serif;
text-align: center;
}
nav { font-weight: bold;
font-size: 1.25em;
word-spacing: 1em;
}
p { font-size: .90em;
text-indent: 3em;
}
ul { font-weight: bold; }
</style>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav>
<a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a>
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company's Web presence to the next level.
We offer a comprehensive range of services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers will listen to you as they crete a website that helps promote and grow your business.</p>
</main>
<footer>Copyright © 2016 Your Name Here</footer>
</body>
</html>
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 3 images
