210 lines
9.0 KiB
HTML
210 lines
9.0 KiB
HTML
|
<!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 & 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 & 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 & 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>
|