index.html

---
layout: default
title: Home
group: "navigation"
icon: home
weight: 0
---

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <div class="container-fluid">
          <div class="row-fluid">        
            <div class="span3 riley-hero hero-pull fade">
              <img src="img/riley-hero.png">
            </div>
            <div class="span9">
              <h1>Growl, meet Bark.</h1>
              <hr>
              <p>Who says you can't teach an old dog new tricks? Bark intelligently brings notifications from <a href="http://growl.info">Growl</a> into <a href="http://www.apple.com/osx/whats-new/#notification-center">Notification Center</a> under OS X Mountain Lion.</p>
              <hr>
              <p><a class="btn btn-info btn-large" href="/about.html"><i class="icon-user icon-large"></i> Learn more</a>&nbsp;<a class="btn btn-warning btn-large" href="/download.html"><i class="icon-download-alt icon-large"></i> Download now</a></p>
            </div>
          </div>
        </div>
      </div>

      <blockquote>
        <p><strong>Attention!</strong> Bark 1.1 is incompatible with Mac OS X 10.9 Mavericks. We are currently working on an update. Thank you for your patience. Follow <a href="https://twitter.com/pandamonia">@pandamonia</a> on Twitter for updates.</p>
      </blockquote>


      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2><i class="icon-certificate"></i> Old meets new</h2>
          <p>Keep the flexibility of Growl and the simplicity of Notification Center. </p>
          <p><a class="btn btn-mini btn-inverse" href="/about.html#new">More &raquo;</a></p>
        </div>
        <div class="span4">
          <h2><i class="icon-thumbs-up"></i> Doesn't bite</h2>
          <p>With no-brainer installation and painless use, it'll be the easiest thing you've ever done with Growl.</p>
          <p><a class="btn btn-mini btn-inverse" href="/about.html#painless">More &raquo;</a></p>
       </div>
        <div class="span4">
          <h2><i class="icon-magic"></i> With some smarts</h2>
          <p>Your apps, your Notification Center. Just the way it was meant to be.</p>
          <p><a class="btn btn-mini btn-inverse" href="/about.html#smart">More &raquo;</a></p>
        </div>
      </div>