Bones/zurb.html

210 lines
9.0 KiB
HTML
Raw Blame History

<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->
<title>Page Title</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- CSS
================================================== -->
<link rel="stylesheet" href="src/stylesheets/base.css">
<link rel="stylesheet" href="src/stylesheets/skeleton.css">
<link rel="stylesheet" href="src/stylesheets/layout.css">
<link rel="stylesheet" href="documentation-assets/docs.css">
<!--[if lt IE9]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!-- Favicon
================================================== -->
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<div class="container">
<div class="sixteen columns">
<div id="content">
<div class="page-header home-header">
<h1>Design for people.</h1>
<h2>We're <a href="http://www.zurb.com/team/" title="Check out the ZURB Team">a close-knit team</a> of interaction designers<br> and strategists that help companies <a href="http://www.zurb.com/work" title="See some examples of our work">design better</a>.</h2>
<hr />
</div>
</div>
<div class="five columns">
<h3>Who We Are</h3>
<p>We're not just a web design agency. We're not just a graphic design firm. We're not just coders, and we're not just artists. <strong>We're a team of T-shaped interaction designers and design strategists who help grow businesses.</strong> (Oh, and we're not <em>just</em> dudes with expensive chairs, either.)</p>
<p>To get an idea of how we work, take a look at one of <a href="http://www.zurb.net/zurbwired/projects/getting_started/index.php" title="ZURBwired Extranet">our extranet sites</a>. It's a project we did for a nonprofit in <a href="http://www.zurb.net/zurbwired/" title="ZURBwired Project">24 coffee-fueled hours</a>.</p>
<hr>
<h4>Latest Blog Posts</h4>
<p>We write about <a href="/blog/topic/interaction-design">interaction design</a>, <a href="/blog/topic/interaction-design">design strategy</a>, and <a href="/blog/topics/">more</a> in our blog.</p>
<ul class="recent blog-posts">
<li>
<h5><a href="/article/608/full-set-of-stencils-for-sketching-iphone">Full Set of Stencils for Sketching iPhone, iPad &amp; Android</a></h5>
<small>3 hours ago by <a href="http://www.zurb.com/team/dmitry-dragilev" title="Learn more about Dmitry Dragilev">Dmitry</a> <span><EFBFBD></span> <a href="/article/608/full-set-of-stencils-for-sketching-iphone#comments">0 Comments</a></small>
</li>
<li>
<h5><a href="/article/659/simplify-your-product-features-early-on">Simplify Your Product Features Early On</a></h5>
<small>1 day ago by <a href="http://www.zurb.com/team/dmitry-dragilev" title="Learn more about Dmitry Dragilev">Dmitry</a> <span><EFBFBD></span> <a href="/article/659/simplify-your-product-features-early-on#comments">5 Comments</a></small>
</li>
<li>
<h5><a href="/article/660/ui-problems-with-amazons-kindle">UI Problems with Amazon's Kindle?</a></h5>
<small>2 days ago by <a href="http://www.zurb.com/team/dmitry-dragilev" title="Learn more about Dmitry Dragilev">Dmitry</a> <span><EFBFBD></span> <a href="/article/660/ui-problems-with-amazons-kindle#comments">6 Comments</a></small>
</li>
<li>
<h5><a href="/article/658/dont-bolt-customers-onto-your-idea">Don't Bolt Customers Onto Your Idea</a></h5>
<small>3 days ago by <a href="http://www.zurb.com/team/dmitry-dragilev" title="Learn more about Dmitry Dragilev">Dmitry</a> <span><EFBFBD></span> <a href="/article/658/dont-bolt-customers-onto-your-idea#comments">0 Comments</a></small>
</li>
<li>
<h5><a href="/article/657/listen--dig-deeper">Listen &amp; Dig Deeper</a></h5>
<small>3 days ago by <a href="http://www.zurb.com/team/louis-corso" title="Learn more about Louis Corso">Louis</a> <span><EFBFBD></span> <a href="/article/657/listen--dig-deeper#comments">6 Comments</a></small>
</li>
</ul>
<p class="green more-link"><a href="http://www.zurb.com/blog">Visit the ZURBlog <20></a></p>
</div>
<div class="five columns" id="our-services">
<h3>Our Services</h3>
<ol>
<li>
<h5><a href="/work/services/interaction_design_strategy" title="Read more about our Interaction Design and Strategy service">Interaction Design &amp; Strategy</a></h5>
We cut out all the funny reports and deliver actionable ideas for your online products.
</li>
<li>
<h5><a href="/work/services/day_sessions" title="Read more about our Single Day Sessions service">Single Day Sessions</a></h5>
Need some help right away? We'll get together for an entire day of strategy and design work.
</li>
<li>
<h5><a href="/work/services/onsite_collaboration" title="Read more about our On-Site Collaboration service">On-Site Collaboration</a></h5>
We love working together in bursts. It's where great ideas can get done fast.
</li>
<li>
<h5><a href="/work/services/training_education" title="Read more about our Training and Education service">Training and Education</a></h5>
We're gonna chop you up and turn you into a lean, mean start-up machine.
</li>
</ol>
<p><a href="http://www.zurb.com/work" title="Learn more about the work ZURB does">Learn more about our work <20></a></p>
<hr>
<h4>Our Clients Love Us</h4>
<p>If it weren't for our great clients, we wouldn't have gotten this far. Here's what they're saying:</p>
<blockquote>
<p>ZURB brought to the table a well-thought-out process that allowed our team to focus on the creative aspects of our website design. They also came up with a number of suggestions that went well beyond our current thinking.</p>
<cite><strong>Raymond King</strong> CEO, AboutUs</cite>
</blockquote>
</div>
<div class="five columns">
<h3>100 Start-ups, Since 1998.</h3>
<p>We've helped 100 start-ups since 1998, generating more than <strong>half a billion dollars</strong> in market capitalization from the leaders in several world markets.</p>
<ul id="worlds-greatest">
<li id="facebook">
<img src="images/logos/facebook.jpg" alt="facebook.com">
<p>Largest Social Network<br>in the World</p>
</li>
<li id="yahoo">
<img src="images/logos/yahoo.gif" alt="Yahoo.com">
<p>World's Largest Network of Media Properties</p>
</li>
<li id="britney">
<img src="images/logos/britney-spears-logo.jpg" alt="BritneySpears.com">
<p><span>Most Searched Celebrity</span> Online, Two Years Running</p>
</li>
<li id="playlist">
<img src="images/logos/playlist-logo.gif" alt="Playlist.com">
<p><span>Fastest Growing Website</span> in the USA 2009</p>
</li>
<li id="zazzle">
<img src="images/logos/zazzle-logo.gif" alt="Zazzle">
<p>World's Largest Custom Products Marketplace</p>
</li>
<li id="ebay">
<img src="images/logos/ebay-logo.gif" alt="eBay">
<p>World's Largest Marketplace</p>
</li>
<li id="photobucket">
<img src="images/logos/photobucket-logo.gif" alt="Photobucket">
<p><span>World's Largest Photo</span> Sharing Website</p>
</li>
<li id="nyse">
<img src="images/logos/nyse-logo.gif" alt="NYSE">
<p>World's Most Prestigious Financial Institution</p>
</li>
<li id="reuters">
<img src="images/logos/reuters-logo.jpg" alt="Reuters">
<p>World's Largest Multimedia News Agency</p>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
(function() {
var ve = document.createElement('script'); ve.type = 'text/javascript'; ve.async = true;
ve.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://zurb.verifyapp.com/embed/top-bar/8.js?buster=' + Math.random();
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ve, s);
})();
</script>
</div>
<!-- JS
================================================== -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script>window.jQuery || document.write("<script src='src/javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>
<script src="src/javascripts/app.js"></script>
<script>
$('.hidden-code').click(function(e) {
e.preventDefault();
$(this).children('.gist').slideToggle();
})
var originalText;
$('.example-grid').children().hover(
function() {
originalText = $(this).text();
$(this).html($(this).width()+'px');
},
function() {
$(this).html(originalText);
})
</script>
</body>
</html>