<!DOCTYPE html>
<html lang="en">
<head>
<title>Final Case Study</title>
<meta charset="utf-8">
<link href="my.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script <![endif]-->
<script>
// family
function familyOff() {
var bulb = document.getElementById('family_pic');
bulb.src = "media/smith_family.jpg";
}
function familyOn() {
var bulb = document.getElementById('family_pic');
bulb.src = "media/smith_family1.jpg";
}
</script>
</head>
<body>
<div id="wrapper">
<header>
<h1>The Smith Family</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="daddy.html">Daddy</a></li>
<li><a href="mommy.html">Mommy</a></li>
<li><a href="seraiah.html">Seraiah</a></li>
<li><a href="samarah.html">Samarah</a></li>
</ul>
</nav>
<div id="content">
<h2>Greetings! This is our Fambam!</h2>
<figure>
<a href="media/smith_family_large.jpg">
<img id="family_pic" src="media/smith_family.jpg"
onmouseover="familyOn()" onmouseout="familyOff()"
alt="The Smith Family">
</a>
<figcaption><small>drawing by: Seraiah Smith, Age 4, 2015</small><br>
The Smith fammily outside holding hands.
</figcaption>
</figure>
<h3>Welcome to our family!</h3>
<p>This webpage is here to give a quick interdiction to our family.
<br><br>We are a wonderful family of four; there is Samarah the
youngest, then Seraiah, DaddY, and Mommy. We enjoy spending time
with each other and like to do things together.
<br><br>In fact we all helped out on making this cool little
website and all the artwork was done by our daughter Seraiah,
she is four years old so please take it easy on the graphics.
<br><br>We used to live in California but decided to move with
grandma and grandpa out in Utah so Daddy can go back to school
and change his career.
<br><br>It is much colder out her in Utah, no more southern
California warm sunshine, but at least we get to play in the
snow now.
<br><br>Go ahead and check out the different links to get to
know us a little bit better. We are glad you came by, please
enjoy your visit.</p>
<div class="clearFloat">
<br>
</div>
</div>
<footer>
Copyright © 2015 John Smith Email:
<a href="john.smith0067@mail.datc.edu">john.smith0067@mail.datc.edu</a>
</footer>
</div>
</body>
</html></span>
<span style="font-size: 10pt;">