jackpine.github.com/index.html at master · jackpine/jackpine.github.com · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
---
  layout: frontpage
  title: jackpine
---

<div class="nav-bar">
    <a href="#our_trade">OUR TRADE</a>
    <a href="#the_guild">THE GUILD</a>
    <a href="#lets_chat">LET'S CHAT</a>
</div>

<section id="main">
  <div class='bg-gradient'></div>
  <div id="title">
    <img class="circular-shadow" src="images/frontpage/jackpine_logo.png" />
    <h2 id="subheading">DIGITAL ARTISANS</h2>
    <h3 id="tagline">We specialize in<br />new & reclaimed code.</h3>
  </div>
  <div id="scroll">
    <a href="#our_trade">
      <span class="glyphicon glyphicon-chevron-down"></span>
    </a>
  </div>
</section>

<section id="our_trade">
  <div class="centered">
    <h1>OUR TRADE</h1>
    <p>
      Jackpine is our collective of skilled product designers and developers.  We
      design, prototype, and ship beautiful apps for mobile and the web. Our
      tools of choice are <a href="http://rubyonrails.org/">Ruby on Rails</a>
      for the web and <a href="https://www.apple.com/ios/what-is">iOS</a> for mobile.
    </p>
    <p>
      We work hand in hand with our clients to craft solutions with forsight.
      Whether you're just getting started or have an existing project that
      needs some expert help, <a href="#lets_chat">contact us</a>
      to see what we can do for you.
    </p>
    <img id="spruce_bough" src="images/frontpage/spruce_bough.jpg">
  </div>
</section>

<section id="the_guild">
  <div class="centered">
    <h1>THE GUILD</h1>
    <ul class="headshots">
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/sam.png">
        </div>
        <div class="head-title">
          Hi, I'm Sam. I hack on Ruby, Python, and Javascript.
        </div>
      </li>
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/michael.png">
        </div>
        <div class="head-title">
          Hello, I'm Michael. I craft code, build teams, and manage projects.
        </div>
      </li>
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/jon.png">
        </div>
        <div class="head-title">
          Howdy, I'm Jon. I design graphics, layouts, and user interfaces.
        </div>
      </li>
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/fernando.png">
        </div>
        <div class="head-title">
          I'm Fernando. I like to hack on the latest web technologies.
        </div>
      </li>
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/laura.png">
        </div>
        <div class="head-title">
          Hi, I'm Laura. I'd like to get into your business and know what you do.
        </div>
      </li>
      <li>
        <div class="photo-frame">
          <div class="circle"></div>
          <img src="images/frontpage/joshua.png">
        </div>
        <div class="head-title">
          Hey there, I'm Joshua. I am a Mac and iOS developer.
        </div>
      </li>
    </ul>
  </div>
</section>

<section id="lets_chat">
  <div class="centered">
    <h1>LET'S CHAT</h1>
    <form action="//formspree.io/michael.john.kirk@gmail.com" method="POST">
      <span class="require"><input type="text" name="email" placeholder="Email?" /></span>
      <span class="require"><input type="text" name="location" placeholder="Location? (We're in Los Angeles)" /></span>
      <span class="require"><textarea name="help" placeholder="How can Jackpine help you?"></textarea></span>
      <input type="hidden" name="_next" value="//jackpine.me#thank_you" />
      <input type="submit" value="SUBMIT" />
    </form>
  </div>

  <div id="near-cone"></div>
  <div id="mid-cone"></div>
  <div id="far-cone"></div>
</section>

<div class="footer">
  <ul id="contact-info">
    <li>&copy;2015 JACKPINE</li>
    <li><a href="mailto:info@jackpine.me">info@jackpine.me</a></li>
    <li>1.570.795.9038</li>
  </ul>
</div>