
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Chris &amp; Abby (and family!)</title>
        <meta name="description" content="We&apos;re all about faith &amp; family.">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/main.css">
        <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="jqtransformplugin/jqtransform.css" />
        <link rel="stylesheet" type="text/css" href="formValidator/validationEngine.jquery.css" />
        
                
    </head>
    <body>

        <div id="wholepage">

            <div id="content">
                <h1>THE HUFF&apos;s</h1>

                <script type="text/javascript">
                //store the messages in an array
                messages = [];
                messages[0] = "Ain't we a nice looking family?";
                messages[1] = "We used to blog here, but now we just get on Facebook.";
                messages[2] = "That's us!";
                messages[3] = "Smile back at us!";
                messages[4] = "The Huff babies aren't babies anymore!";
                //calculate a random index
                index = Math.floor(Math.random() * messages.length);
                //display the quotation
                document.write("<p>\n");
                document.write(messages[index]);
                document.write("</p>\n");
                //done
                </script>

                <hr>
                <ul class="icons">
                  <li><a href="http://facebook.com/brochris"><img src="img/facebook.png" width="32" height="32" alt="Facebook" /></a></li>
                  <li><a href="http://twitter.com/pastor_huff"><img src="img/twitter.png" width="32" height="32" alt="Twitter" /></a></li>
                  <li><a href="http://youtube.com/smalltownfamily"><img src="img/youtube.png" width="32" height="32" alt="YouTube" /></a></li>
                  <li><a href="http://flickr.com/huffpix"><img src="img/flickr.png" width="32" height="32" alt="Flickr" /></a></li>
                  <li><a href="http://pastorhuff.com"><img src="img/wordpress.png" width="32" height="32" alt="Chris's Blog" /></a></li>
                </ul>
                <hr>
                
                <h2>KEEP IN TOUCH</h2>
                <form id="contact-form" name="contact-form" method="post" action="submit.php">
                  <div class="visible">
                    <label for="name">Name:</label>
                    <input type="text" class="validate[required,custom[onlyLetter]]" name="name" id="name" value="" />
                    <div id="errOffset">&nbsp;</div>
                    <label for="email">Email:</label>
                    <input type="text" class="validate[required,custom[email]]" name="email" id="email" value="" />
                    <label for="message">Message:</label>
                    <textarea name="message" id="message" class="validate[required]" cols="35" rows="5"></textarea>
                    <label for="captcha">4 plus 5 equals:</label>
                    <input type="text" class="validate[required,custom[onlyNumber]]" name="captcha" id="captcha" />
                  </div>
                  <label for="email2" class="email2">Enter nothing in this field:</label>
                  <input type="text" class="email2" name="email2" id="email2" />
                  <div class="clear"><br></div>
                  <input type="submit" name="button" id="button" value="Submit" />
                                    <img id="loading" src="img/ajax-load.gif" width="16" height="16" alt="loading" />
                </form>
                
            </div>
        </div>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js"></script>
        <script type="text/javascript" src="formValidator/jquery.validationEngine.js"></script>
        <script type="text/javascript" src="script.js"></script>

        <script>
            var _gaq=[['_setAccount','UA-1811160-4'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>