Hey-Gurl/index.html at master · patrickbjohnson/Hey-Gurl · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!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 charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Hey, Girlfriend</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <!-- CSS Files -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/styles.css">
        <link rel="stylesheet" href="css/webfonts/ss-social.css">
        <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>

        <script src="js/modernizr-2.6.2.min.js"></script>

    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->


    <div class="stripe">
        <div class="red-stripe"></div>
    </div>
    <div class="name">
        <h1>hey, girlfriend</h1>
    </div><!-- Hey, Girlfriend -->

    <div class="hero">
        <h2 id="hero">patrick johnson</h2>
        <h2 id="hero2">web developer</h2>
    </div><!-- Name & Such -->
    <div id="wrapper">
        <div class="personal-info">
        <h3>Who I Am</h3>
            <p>Patrick Johnson is a front-end web developer looking for a fulfilling career shipping quality code with Girlfriend. He's coded for friends, freelance projects &amp; personal side-projects while working full-time in advertising, but has grown tired of developing "on the side." He's currently a freelance front-end developer looking for a Junior Front-End Development or Internship opportunity with the best shop in the city. </p>
        </div><!-- A Little About Me -->
        <div class="personal-info">
            <h3>What I Do</h3>
                <li><a href="#">HTML</a></li>
                <li>CSS</li>
                <li>JavaScript &amp; jQuery</li>
                <li>Design</li>
                <li>Digital Strategy</li>
                <li>Social Strategy</li>
                <li>Account Management</li>
                <li>Call of Duty</li>
                <li><span class="strike">Advertising</span></li>
        </div><!-- A Diddy About What I Do -->
        <div class="personal-info">
            <h3>what I've Done</h3>
                <li><a href="http://www.whatsmyhourlyrate.com" target="_blank">What's My Hourly Rate</a></li>
                <li><a href="http://www.pbj.me/proud" target="_blank">PROUD</a></li>
                <li><a href="http://www.mandadougherty.com" target="_blank">Manda Dougherty Yoga</a></li>
                <li><a href="http://pbj.me/cv/skeleton/" target="_blank">Responsive Resume Framework</a></li>
        </div><!-- A Few Things Made By Moi -->
        <div class="personal-info ">
            <h3>Let's Talk</h3>
                <div class="btn">
                    <a href="mailto:im@pbj.me">im@pbj.me</a>
                </div>
                <p>Let's change the world one commit at at time.</p>
        </div><!-- Le Emailz -->
        <footer class="ss-icon footer">
            <li class="twitter"><a href="http://www.twitter.com/patrickbjohnson">twitter</a></li>
            <li class="github"><a href="http://www.github.com/patrickbjohnson">octocat</a></li>
            <li class="dribbble"><a href="http://www.dribbble.com/pbj">dribbble</a></li>
            <li class="linkedin"><a href="http://www.linkedin.com/in/patrickbjohnson">linkedin</a></li>
        </footer><!-- Socials -->
    </div>

    <!-- Javascript Files -->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- Fittext -->
    <script src="js/jquery.fittext.js"></script>
    <script>
      $("#hero").fitText(1.11);
      $("#hero2").fitText(1.11);
    </script>
    <!-- FontDeck -->
    <script type="text/javascript">
        WebFontConfig = { fontdeck: { id: '31598' } };

        (function() {
          var wf = document.createElement('script');
          wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
          wf.type = 'text/javascript';
          wf.async = 'true';
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(wf, s);
        })();
    </script>

    </body>
</html>