marboo.github.com/mb.html at master · codewithashu/marboo.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
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>GitHub for Mac</title>
  <link rel="stylesheet" href="/media/css/base.css" type="text/css">
  <link rel="icon" type="image/x-icon" href="/favicon.png" />
  <script src="js/lib/jquery.1.4.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/lib/moment.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/application.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<div class="non-footer">
  <div id="header">
    <div>
      <div class="download">
        <a href="https://central.github.com/mac/latest" class="download-button">
          <span class="inner">
            <h4>Download the latest</h4>
            <p id="current-version-description">Loading…</p>
          </span>
        </a>
        <p class="requirements">OS X 10.7+</p>
      </div>
    </div>
  </div><!-- #header -->

  <div id="wrapper">
    <div class="promo home">
      <h1>Introducing GitHub for Mac</h1>
      <p class="subtext">The easiest way to share your code with GitHub</p>

      <a href="https://central.github.com/mac/latest" class="download-button huge">
        <div class="inner">
          <h4>Download GitHub for Mac</h4>
          <p>Free to download, free to use</p>
        </div>
      </a>

      <img src="/media/images/markbook-v0.3.png" class="screenshot" alt="Screenshot of MarkBook for Mac" title="The new hotness" width="40%" height="243" />
    </div><!-- /.header -->

    <ul class="feature-list">
      <li>Clone repositories</li>
      <li>Browse history</li>
      <li>Commit changes</li>
      <li>Branch code</li>
      <li>Share code on github.com</li>
    </ul>

    <div class="intro">
      <p>
        At GitHub, we think that sharing code should be as simple as possible.<br />
        <strong>That&rsquo;s why we created GitHub for Mac.</strong>
      </p>
    </div>

    <div class="columns threecols features">
      <div class="column first">
        <div class="mini-screen">
          <img class="screenshot" src="images/screens/sync.png" alt="Sync button screenshot" width="271" height="150" />
        </div>
        <h3>Synchronize branches</h3>
        <p>
           The sync button pushes your changes to GitHub and pulls down other’s changes in
           one operation, letting you quickly share local changes.
        </p>
      </div><!-- /.columns.first -->

      <div class="column middle">
        <div class="mini-screen">
          <img class="screenshot" src="images/screens/repositories.png" alt="Repositories screenshot" width="271" height="150" />
        </div>
        <h3>Clone repositories in one click</h3>
        <p>
          When you add repositories to GitHub for Mac, we automatically match them up
          with any organizations you belong to. Want to pull down a repository from GitHub.com?
          Check  out the <img src="images/mini-clone-in-mac.gif" class="inline-img" alt="Clone in Mac" title="We'll activate this button on github.com after you install GitHub for Mac" /> button on the website.
        </p>
      </div><!-- /.columns.middle -->

      <div class="column last">
        <div class="mini-screen">
          <img class="screenshot" src="images/screens/branches.png" alt="Branches screenshot" width="271" height="150" />
        </div>
        <h3>Powerfully simple branching</h3>
        <p>
          Branching is one of Git’s best features. We’ve made it easy to try out remote
          branches, create new local branches and publish branches to share with others.
        </p>
      </div><!-- /.columns.last -->


    </div><!-- /.columns.threecols -->
  </div><!-- /#wrapper -->
</div><!-- /.non-footer -->

<div id="footer">
  <div class="inner">
    <h2 class="logo"><a href="http://github.com">Brought to you by GitHub</a></h2>
    <ul class="github-nav">
      <li><a href="http://github.com/blog" class="blog">The GitHub Blog</a></li>
      <li><a href="mailto:support@github.com">Support</a></li>
      <li><a href="http://github.com/contact">Contact</a></li>
    </ul>
    <p class="copyline">&copy; 2013 GitHub Inc. All rights reserved</p>
  </div>
</div><!-- /#footer -->

<script type="text/javascript">
  var _gauges = _gauges || [];
  (function() {
    var t   = document.createElement('script');
    t.type  = 'text/javascript';
    t.async = true;
    t.id    = 'gauges-tracker';
    t.setAttribute('data-site-id', '4e791d58613f5d4d96000001');
    t.src = '//secure.gaug.es/track.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(t, s);
  })();
</script>

</body>
</html>