<!doctype html>
<!-- /ht Paul Irish - http://front.ie/j5OMXi -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <title>The Loves</title>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- /ht Andy Clarke - http://front.ie/lkCwyf -->
    <meta http-equiv="cleartype" content="on">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/foundation.min.css" media="all">
    <link rel="stylesheet" href="css/app.css" media="all">

    <script src="js/modernizr.foundation.js"></script>
    <script src="https://www.google.com/jsapi"></script>
    <script>
        google.load("webfont", "1");
        google.load("jquery", "1");

        google.setOnLoadCallback(function() {
            WebFont.load({
                google: {
                    families: ['Bevan::latin']
                },
                active: function() {
                    $('.headline').bigtext();
                }
            });
        });
    </script>
</head>
<body>
    <section class="row">
        <div class="ten centered columns">
            <h1 class="headline" id="happy-holidays">
                <div>Happy</div>
                <div id="the-loves">Holi-</div>
                <div>days</div>
                <div>From The</div>
                <div class="animals">Loves</div>
            </h1>

            <h2 class="subhead">We're bad at sending cards, but good at making web sites.</h2>
        </div>
    </section>
    <section class="row container" id="what-happened">
        <section class="six columns so">
            <h2 class="headline">
                <div>So</div>
                <div>what happened</div>
                <div>in 2012?</div>
            </h2>
        </section>
        <section class="six columns">
            <ul>
                <li>We moved into our new house.</li>
                <li>Joe started martial arts</li>
                <li>Joe started first grade.</li>
                <li>Elaine gave birth to a beautiful baby boy at home. His name is James Wolfgang.</li>
                <li>Kenneth presented a talk at DjangoCon 2012 in Washington D.C.</li>
            </ul>
        </section>
    </section>
    <div id="sticky-stop"></div>
    
    <section class="row" id="gallery">
        <div class="eight columns centered">
            <div id="photos">
                <img src="img/pics/family.jpg">
                <img src="img/pics/james-newborn.jpg">
                <img src="img/pics/joe-james.jpg">
                <img src="img/pics/joe-james2.jpg">
                <img src="img/pics/joe-halloween.jpg">
                <img src="img/pics/elaine-wedding.jpg">
            </div>
        </div>
    </section>
    
    <footer class="row">
        <div class="six columns centered">
            <p class="big gingerbread">
                Thanks for visiting!
            </p>
        </div>
    </footer>
        
    
    <script src="js/jquery.lettering.js"></script>
    <script src="js/bigtext.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.foundation.orbit.js"></script>
    <script src="js/app.js"></script>
</body>
</html>
