roachhd/roachhd.github.io

View on GitHub
about/katie-chris/index.html

Summary

Maintainability
Test Coverage
---
layout:  inner
title: Katie and Chris
---
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Chris and Katie</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="/favicon.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="//cloud.typography.com/7158232/677602/css/fonts.css" />
        <link rel="stylesheet" type="text/css" href="http://roachhd.github.io/about/us/css/style.css" />
</head>
<body>
    <header class="site-header">
        <img src="https://fbcdn-photos-g-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-0/1916334_422752372320_5527414_n.jpg?oh=2ca3aaf08c01360139deeca3c182ef18&oe=551B5492&__gda__=1423246451_42c1df6543853903985a2676afb23e47">
        <div class="wrap header-wrap">
            <h1 class="site-title">Chris &amp; Katie</h1>
        </div>
    </header>
    <div class="content">
        <div class="wrap">
            <ul class="timeline">
                <li class="span highlight">
                    <h2 class="standalone">They Lived Happily Ever After...</h2>                    <p>He talked about V Dubs, and somehow tricked her into falling in love.</p>
                    <figure class="image">
                        <img src="http://www.suddenexposure.com.au/thumbnaillarge/carwash1.jpg">
                    </figure>
                </li>
                               <li class="right">
                    <figure class="image">
                        <img src="/images/graduation.jpg">
                    </figure>
                    <h2>He blah blah</h2>
                    <p>And they began the second chapter of their lives together</p>
                </li>
                <li class="left">
                    <h2>She went to Uni</h2>
                    <p>She took some classes about computing to learn more about programming, and her quest to develop an app commenced.</p>
                </li>
                <li class="left">
                    <figure class="image">
                        <img src="/images/america.jpg">
                    </figure>
                    <h2>He Blah blah</h2>
                    <p>To scout out one of their many future house.</p>
                    <figure class="image">
                        <img src="/images/sf-map.png">
                    </figure>
                </li>
                <li class="right">
                    <figure class="image">
                        <img src="/images/new-adventures.jpg">
                    </figure>
                    <h2>They went to New Adventures</h2>
                    <h3 class="meta">25th June 2009</h3>
                    <p>It took a while but eventually they took it to the next level. There was much rejoicing..</p>
                </li>
                <li class="span highlight">
                    <figure class="image">
                        <img src="/images/christmas.jpg">
                    </figure>
                    <h2>They spent Christmas together</h2>
                    <h3 class="meta">25th December 2008</h3>
                    <p>It was their first Christmas as a complete family. There was lots of food, drink and merriment.</p>
                </li>
                <li class="right">
                    <figure class="image">
                        <img src="/images/zombies.jpg">
                    </figure>
                    <h2>She ran for the kids</h2>
                    <p>Three months pregnant, she completed 4.5km fun run for the Royal Children's Hospital.</p>
                </li>
                <li class="left">
                    <h2>He went back to School too</h2>
                    <p>He returned to become a personal trainer, but managed to dislocate his shoulder instead.</p>
                </li>
                <li class="left">
                    <h2>She ran for the kids</h2>
                    <p>She took some classes about computing to learn more about programming, and her quest to develop an app commenced.</p>
                </li>
                <li class="span highlight">
                    <figure class="image">
                        <img src="/images/facebook-official.jpg">
                    </figure>
                    <h2 class="standalone">The celebrated six years togther</h2>
                    <h3 class="meta">15th June 2005</h3>
                    <p>It was a memorable night complete with theatre, broken shoes and even a case crash.</p>
                </li>
                <li class="span highlight">
                                        <h2 class="standalone">They moved to Bulla</h2>

                                    <h3 class="meta">16the August 2001</h3>
                    <figure class="image">
                        <img src="https://fbcdn-photos-a-a.akamaihd.net/hphotos-ak-xaf1/v/t1.0-0/216394_1021791360098_8073906_n.jpg?oh=ceccbfa46b18bbfc22616ed9022a9615&oe=55161CA6&__gda__=1426824591_318330910c3ce41a97c6a8b5f0b5354b">
                    </figure>
                    <h2>They moved to Bulla</h2>
                    <p>He bought her a dog and it was love ❤️ </p>
                </li>
                                    <li class="right">
                    <figure class="image">
                        <img src="/images/zombies.jpg">
                    </figure>
                    <h2>They moved into an apartment</h2>
                    <p>It was the first time Katie lived away from her parents.</p>
                </li>
                <li class="left">
                    <figure class="image">
                        <img src="http://www.geddeslounge.com.au/images/map.jpg">
                    </figure>
                    <h2>They went out</h2>
                    <p>On a few dates, and quickly got to know each other better.</p>
                </li>
                <li class="span highlight">
                    <h2 class="standalone">They Met</h2>
                    <h3 class="meta">15th June 1999, at Magic Hand Car Wash</h3>
                    <p>He talked about V Dubs, and somehow tricked her into falling in love.</p>
                    <figure class="image">
                        <img src="http://www.suddenexposure.com.au/thumbnaillarge/carwash1.jpg">
                    </figure>
                </li>
            </ul>
        </div>
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://me.roachhaus.com/us/ck/js/jquery.fittext.js"></script>
    <script>
          $(".site-title").fitText();
          $(document).scroll(function(){
              s = $(document).scrollTop();
              $('.site-header').css('-webkit-transform', 'translateY(' + (s/5) + 'px)');
              $('.site-title').css({
                  '-webkit-transform': 'translateY(-' + (s/10) + 'px)'
              });
          });
    </script>
</body>
</html>