My Family Website – seraiah.html


<!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>
        // seraiah
        function seraiahOff() {
            var bulb = document.getElementById('seraiah_pic');
                bulb.src = "media/seraiah.jpg";
        }
        function seraiahOn() {
            var bulb = document.getElementById('seraiah_pic');
                bulb.src = "media/seraiah1.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>Hi there, my name is Seraiah!</h2>
            <figure>
                <a href="media/seraiah_large.jpg">
                    <img id="seraiah_pic" src="media/seraiah.jpg" 
                        onmouseover="seraiahOn()" onmouseout="seraiahOff()" 
                        alt="seraiah">
                </a>
                <figcaption><small>drawing by: Seraiah Smith, Age 4, 2015</small><br>
                Seraiah under the rainbow.
                </figcaption>
            </figure>
            <h3>I'm going to tell you about me!</h3>
            <p>I was born in April 2010, which makes me 4 years old. I have lighter brown 
                eyes than my sister does and I have long curly brown hair. 
                <br><br>I have a lot to talk about but I have been asked to keep it short... 
                <br><br>I have a toy that I love so much, her name is Filly. She is a 
                stuffed fish, I take her everywhere and she can't sleep without me. 
                <br><br>I have a lot of toy cars and I really have a lot fun when I play with 
                them. We have a large mat on the floor that has roads and buildings and train 
                tracks on them that my sister and I play cars on; it's a lot of fun! 
                <br><br>I also like it when I get to go outside and play with my sister and 
                my dog Chia. We play with our big Tonka trucks, but it's been too cold lately 
                to go outside to play. This also means I don’t get to ride my bike; I don’t 
                even have to use training wheels any more, I go real fast on my bike. 
                <br><br>When I get older I want to work at the High School, that's what I think 
                I would like to do. And if I ever won the lottery I would buy a pink elephant 
                with a great big bow and a pink dog too. </p>
            <ul>
                <caption><h3>These are some of my favorite things.</h3></caption>
                <li>My favorite colors are Pink and Purple</li>
                <li>My favorite food is lollipops</li>
                <li>My favorite place to go is to the horses</li>
                <li>My favorite movie is The magic School Bus</li>
                <li>My favorite snacks are chips</li>
                <li>My favorite holiday is Christmas</li>
                <li>My favorite season is summer because the flowers grow</li>
                <li>My favorite flowers are pink roses</li>
                <li>My favorite store is Smith's because They have car shopping carts, and it has my last name</li>
                <li>My favorite animal is a doggie</li>
                <li>My favorite car is a convertible beetle bug</li>
                <li>My favorite memory of Mommy is when I gave her flowers</li>
                <li>My favorite memory of Daddy is watching The magic School Bus with him</li>
                
            </ul>
        </div>
        <footer>
            Copyright &copy; 2015 John Smith &nbsp; &nbsp;     Email: 
            <a href="john.smith0067@mail.datc.edu">john.smith0067@mail.datc.edu</a>
        </footer>
    </div>
</body>
</html>