<!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"> endif]-->
<script>
// samarah
function samarahOff() {
var bulb = document.getElementById('samarah_pic');
bulb.src = "media/samarah.jpg";
}
function samarahOn() {
var bulb = document.getElementById('samarah_pic');
bulb.src = "media/samarah1.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>Hello, my name is Samarah!</h2>
<figure>
<a href="media/samarah_large.jpg">
<img id="samarah_pic" src="media/samarah.jpg"
onmouseover="samarahOn()" onmouseout="samarahOff()"
alt="samarah">
</a>
<figcaption><small>drawing by: Seraiah Smith, Age 4, 2015</small><br>
Samarah in the shade of a tree.
</figcaption>
</figure>
<h3>A little about me</h3>
<p>I was born in May 2012, that makes me 2 years old. I have dark
brown eyes and brown curly hair.
<br><br>I like to play with my cars
and my ponies. I have a purple pony, a white pony, a blue one,
and a yellow pony too.
<br><br>I like to watch Lightning McQueen, Dora and Diego, Leap Frog,
and Veggietales.
<br><br>I like giving my Daddy huggies, he says I
give the best hugs.
<br><br>When I grow up I want to be bigger just like my Daddy.
<br><br>I like it when my Mommy holds me and carries me around, but
I don't like it when my Mommy leaves, I really like to be with her.
</p>
<table>
<caption><h3>Some quick questions about me.</h3></caption>
<tr>
<th id="question">Question</th>
<th id="description">Description</th>
<th id="answer">Answer</th>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Food</td>
<td headers="answer">Chips</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Place to go</td>
<td headers="answer">Chick-fil-a Playground</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Movie</td>
<td headers="answer">Veggietales</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Animal</td>
<td headers="answer">Zebra</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Memory with Mommy</td>
<td headers="answer">huggies</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Memory with Daddy</td>
<td headers="answer">huggies</td>
</tr>
<tr>
<td headers="question">What is my favorite</td>
<td headers="description">Toy</td>
<td headers="answer">Cars</td>
</tr>
<tr>
<td headers="question">If I were an animal</td>
<td headers="description">I would be</td>
<td headers="answer">A dolphin</td>
</tr>
</table>
</div>
<footer>
Copyright © 2015 John Smith Email:
<a href="john.smith0067@mail.datc.edu">john.smith0067@mail.datc.edu</a>
</footer>
</div>
</body>
</html>