index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Building the Prototype</title>
    <link href="styles.css" rel="stylesheet">
</head>
<body>
	<div id="container">
		<h1>Yorkshire Terrier</h1>
		<!-- photo credit: wikipedia.org, image taken by Ritik -->
		<img src="Yorkshire.jpg" alt="Yorkshire Terrier">
      	 
		<div id="card" class="animal-info">
      		<p id="interesting-fact">The breed comes with one caveat: His beautiful coat is high maintenance, even if clipped short.</p>
           
                <ul id="facts">
                      <li><span>Breed Group</span>: Toy</li>
                      <li><span>Height</span>: 8-9 inches at the shoulder</li>
                      <li><span>Weight</span>: 4-7 pounds</li>
                      <li><span>Life Span</span>: 12-16 years</li>
                  </ul>

                  <p id="summary">Yorkshire Terriers have long been labeled as the preferred companions of well-heeled, older women who wouldn’t deign to live in a building without a doorman, and who can’t bear to be late for the local arts fundraiser. Yet there aren’t enough society dames out there to account for the Yorkie’s popularity. Truth is, he appeals to a wide range of dog-lovers, thanks to his shoe-button eyes and soft-to-the-touch, silky coat.</p>
          </div>    
		</div>

</body>
</html>

                