Improve my HTML and CSS Code to make it look exactly like the picture. Fish Creek Animal Clinic Fish Creek Animal Clinic Home Services Ask the Vet Contact Full Service Facility Doctors and staff are on duty 24 hours a day, 7 days a week. Years of Experience Fish Creek Veterinarians have provided quality, dependable care for your beloved animals since 1984. Open Door Policy Our professionals welcome owners to stay with their pets during any medical procedure 800-555-5555 1242 Grassy Lane
Improve my HTML and CSS Code to make it look exactly like the picture.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fish Creek Animal Clinic</title>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header>
<h1>Fish Creek Animal Clinic</h1>
</header>
<nav>
<b>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="askvet.html">Ask the Vet</a>
<a href="contact.html">Contact</a></b>
</nav>
<main>
<dl>
<dt><strong>Full Service Facility</strong></dt>
<dd>Doctors and staff are on duty 24 hours a day, 7 days a week.
<dt><strong>Years of Experience</strong></dt>
<dd>Fish Creek Veterinarians have provided quality, dependable care for your beloved animals since 1984.
<dt><strong>Open Door Policy</strong></dt>
<dd>Our professionals welcome owners to stay with their pets during any medical procedure</dd>
</dl>
</main>
<div>
800-555-5555<br>
1242 Grassy Lane<br>
Fish Creek, WI 55534<br><br>
</div>
<footer>
<small><i>Copyright © 2018 Fish Creek Animal Clinic<br>
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></i></small>
</footer>
</div>
</body>
</html>
style.CSS
body { background-color: #F0F0F0;
color: #191970;
font-family: Arial, Verdana, sans-serif; }
h1 { background-color: #003366;
color: #AEC3E3;
line-height: 200%;
font-family: Georgia, "Times New Roman", serif;
text-indent: 1em;
}
h2 { background-color: #5280C5;
color: #191970;
font-family: Georgia, "Times New Roman", serif;
text-align: center; }
nav { font-weight: bold;
font-size: 1.25em; }
p { font-size: .90em;
text-indent: 3em; }
dl { color: #5280C5; }
dl { color: #003366; }
footer { color: #003366;
font-size: .75em;
font-style: italic; }
#wrapper { margin-left: auto;
margin-right: auto;
width: 80%; }
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 5 images
