My Family Website – mommy.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>
        // mommy
        function mommyOff() {
            var bulb = document.getElementById('mommy_pic');
                bulb.src = "media/mommy.jpg";
        }
        function mommyOn() {
            var bulb = document.getElementById('mommy_pic');
                bulb.src = "media/mommy1.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>Why hello there. I am known as 'Mommy'.</h2>
            <figure>
                <a href="media/mommy_large.jpg">
                    <img id="mommy_pic" src="media/mommy.jpg" 
                        onmouseover="mommyOn()" onmouseout="mommyOff()" 
                        alt="mommy">
                </a>
                <figcaption><small>drawing by: Seraiah Smith, Age 4, 2015</small><br>
                Mommy doing the hula-hoop.
                </figcaption>
            </figure>
            <h3>About me...</h3>
            
            <p>Octopus. Yes I do think octopus is my favorite word; Mommy can you help 
                me with this, Mommy I can’t get my shoe on, Mommy I'm hungry, Mommy 
                can you, Honey did you, Mommy, Mommy, Honey, Honey, Mommy! Does it 
                look like I have eight arms? But yes I get it all done! 
                <br><br>Let’s see, I like when my husband takes me out to the Cheesecake 
                Factory or El Torito. My favorite season is spring because of all the 
                flowers, and my favorite flower is the Stargazer Lily. 
                <br><br>A giraffe would be my favorite animal and my favorite car would 
                be a Porsche. 
                <br><br>I lived my most of my life in California, and that's where I 
                went to school too; and my childhood was so great I cannot narrow it 
                down to just one great moment, but I was afraid of the dark. 
                <br><br>When I was a child I wanted to be a lawyer, but that didn't 
                happen. The funniest thing that ever happened to me was when I fell 
                in the middle of the street. And the most embarrassing moment in my 
                life was when I slid from the middle of the court and crashing in to 
                the bikes at the end of the court in front of a guy I liked. 
                <br><br>If I could have any job I desired it would be going from 
                island to island documenting all the sea life. If I won the lottery 
                I would spend my money on my kids and their future, my mom, a little 
                bit on our family, and donate so much if my husband will allow me. And 
                I am most proud about Seraiah, Samarah, and my husband.</span></pre>
&nbsp;
<pre><span style="font-size: 10pt;">
            <div class="clearFloat">
                <br>
            </div>
        </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>