<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>All about Puppies</title>
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<style>
body {
font-family: 'PT Sans', sans-serif;
}
.header {
background: green;
color: white;
padding: 5px 10px;
text-align: center;
}
.footer {
background: rgb(87, 207, 97);
}
#puppy-icon {
position: absolute;
left: 400px;
top: 19px
}
#puppy-icon2 {
position: absolute;
right: 400px;
top: 19px
}
#sleeping-puppy {
border: rgb(129, 222, 151) ridge 9px;
margin-top: 8px;
margin-left: 5px;
}
#sleeping-puppy2 {
border: rgb(129, 222, 151) ridge 9px;
margin-top: 8px;
}
#sleeping-puppy3 {
border: rgb(129, 222, 151) ridge 9px;
margin-top: 8px;
}
</style>
</head>
<body>
<img id="puppy-icon" src="http://help.seesaw.me/hc/en-us/article_attachments/201790359/student-icon-puppy.png" alt="puppy icon" width="75px">
<img id="puppy-icon2" src="http://help.seesaw.me/hc/en-us/article_attachments/201790359/student-icon-puppy.png" alt="puppy icon" width="75px">
<div class="header">
<h1 id="puppy-header">All About Puppies.</h1>
</div>
<img id="sleeping-puppy" src="https://www.kasandbox.org/programming-images/animals/dog_sleeping-puppy.png" alt="sleeping puppy" width="610px">
<img id="sleeping-puppy2" src="http://awwducational.com/wp-content/uploads/2014/08/8242112488_4d162d94f9_z.jpg" alt="sleeping puppy 2" width="610px">
<img id="sleeping-puppy3" src="https://secure.static.tumblr.com/42bd0f53d03da3c135dc747312ca6d67/fxxiyzd/BZjnacyp2/tumblr_static_tumblr_static_5m9a7uxys4cggwoogwg0oc04w_640.jpg" alt="sleeping puppy 3" width="610px">
<p>A puppy is a juvenile dog. Some puppies can weigh 1–3 lb (0.45–1.36 kg), while larger ones can weigh up to 15–23 lb (6.8–10.4 kg). All healthy puppies grow quickly after birth. A puppy's coat color may change as the puppy grows older, as is commonly seen in breeds such as the Yorkshire Terrier.
<div class="footer">
<h4>For more information contact Admiral: 021-5555-000 </h4>
</div>
</body>
</html>