Skip to content

Instantly share code, notes, and snippets.

@jschloss

jschloss/gist:2597017

Created May 4, 2012 18:58
Show Gist options
  • Save jschloss/2597017 to your computer and use it in GitHub Desktop.
Save jschloss/2597017 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//cdn.optimizely.com/js/6709046.js"></script>
<!--
-hhhhhhhhhys+- :+syhhhhso/. /s- +yyy+ -+syhhhhyo/. yhhhhhhhhhyo: ./oyhhhhys+: ./shhddhyo:
:mmmmdhdddmmmmy. -sdmmmdddddmmmmy: +mmy:` smmms .odmmmmddddmmmmh/` hmmmdhdhddmmmd/ `:ymmmmdddddmmmds- /dmmmdhddmmh.
:mmmm. `-dmmmo `ommmdy/-.``.:sdmmmy. +mmmmym` smmms /dmmmy+-.``.:odmmmh- hmmmo `.smmmm` .ymmmds:.``.-/ymmmmo` .mmmm/` .:+`
:mmmm. `hmmm+ smmmd- -hmmmy` +mmmmmmh+. smmms /mmmm/` `smmmd. hmmmo /mmmh` `hmmmy. :dmmms `dmmmo.`
:mmmmo+++ohmdh/ -mmmm: .mmmm/ +mmmdhmmmdo. smmms `dmmmo `hmmms hmmmh+++oydmds. /mmmm. :mmmm. :hmmmdho/.`
:mmmmmmmmmmmdy+. /mmmm` dmmm+ +mmmh`:ymmmds-smmms .mmmm: smmmy hmmmmmmmmmmmho- ommmd .mmmm: `/shdmmmdy/`
:mmmm/::::/smmmd:.mmmm+ :mmmm: +mmmh `-sdmmmdmmms dmmms .dmmmo hmmmy:::::+dmmms :mmmm- +mmmm. `./sdmmms
:mmmm. dmmmy +mmmm+` `/dmmms +mmmh .odmmmmms :dmmms. :hmmmh` hmmmo +mmmm- smmmd/` `ommmm+ ` :mmmm.
:mmmm/...::smmmm+ /dmmmho/-.-:ohmmmdo` +mmmh .+hmmms :hmmmds/:..:+ymmmms. hmmmy....:+dmmmh` `ommmmho:-.-/sdmmmd/ /hho:..:smmmh`
:mmmmmmmmmmmmmy/ .+hmmmmmdmmmmmho. +mmmh `/hms `/ymmmmmddmmmmds- hmmmmmmmmmmmmdo. .ohmmmmmdmmmmmh+. -ymmmmmmmmmds.
.++++++++++/:.` `.:+osssso/.` -+++/ `:+ `:+osssso/-` +++++++++++:-` `./osssso+:.` `.:+oooo+:`
Hand made in Palo Alto, California.
You know us as a clothing brand. But we're building the most delightful,
most personalized store in the world. Join us while the gettin's good.
www.bonobos.com/jobs
-->
<meta charset="utf-8">
<title>Better fitting pants, shirts, suits, sweaters, shoes &amp; more &emdash; Bonobos Men's Clothes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bonobos.css" rel="stylesheet">
<link href="css/bonobos-g.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="http://use.typekit.com/ziz8ihn.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123870181052434";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Bonobos</a>
<h4 class="nav-alert">
Free and fast shipping. Lifetime returns.
<!-- <span class="bonobos-box"></span> -->
</h4>
<ul class="right">
<li class="">
<a href="//www.bonobos.com/customer/account/">
<span class="icon"><i class="icon-user"></i></span>
Account &amp; Help
</a>
<ul class="dropdown-menu">
<li><a href="#">Your orders</a></li>
<li><a href="#">Your account info</a></li>
<li><a href="#">Returns &amp; Exchanges</a></li>
<li><a href="#">Refer a Friend</a></li>
<li><a href="#">FAQ</a></li>
<li class="divider"></li>
<li><h5 class="navy">Customer Service</h5></li>
<li>1-877-294-7737</li>
<li><a class="customer-service" href="mailto:[email protected]">[email protected]</a></li>
<li><a class="customer-service" href="https://twitter.com/intent/tweet?screen_name=bonobosninjas">@bonobosninjas</a></li>
</ul>
</li>
<li>
<a class="cart" href="//www.bonobos.com/checkout/cart/">
<span class="icon"><i class="icon-shopping-cart"></i></span>
Cart
</a>
</li></ul>
<div class="nav-collapse">
<ul class="nav">
<li><a href="//www.bonobos.com/new/">New</a></li>
<li><a href="//www.bonobos.com/pants">Pants</a></li>
<li><a href="//www.bonobos.com/denim">Denim</a></li>
<li><a href="//www.bonobos.com/shirts">Shirts</a></li>
<li><a href="//www.bonobos.com/suits-and-blazers">Suits &amp; Blazers</a></li>
<li><a href="//www.bonobos.com/tees-knits-and-polos">Tees, Knits &amp; Polos</a></li>
<li><a href="//www.bonobos.com/shorts">Shorts</a></li>
<li><a href="//www.bonobos.com/swim">Swim</a></li>
<li><a href="//www.bonobos.com/pants/golf-pants">Golf</a></li>
<li><a href="//www.bonobos.com/sweaters">Sweaters</a></li>
<li><a href="//www.bonobos.com/outerwear">Outerwear</a></li>
<li><a href="//www.bonobos.com/shoes">Shoes</a></li>
<li><a href="//www.bonobos.com/accessories">Accessories</a></li>
<li class="last-child"><a href="//www.bonobos.com/sale">Sale</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</header>
<div id="full-width-control">
<div class="container" id="hero">
<section class="hero">
<div class="row-fluid">
<div class="span12" id="headline">
<h1><a href="http://www.bonobos.com/pants/washed-chinos" class="">Fit meets <span class="c">c</span><span class="o1">o</span><span class="l">l</span><span class="o2">o</span><span class="r">r</span><span class="trebuchet">.</span></a></h1>
<a href="http://www.bonobos.com/pants/washed-chinos" class="btn btn-primary btn-oversize">Get new colors for summer <i class="icon-rarrow"></i></a>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="container">
<section id="new-arrivals">
<div class="row-fluid" >
<div class="title down50 center">
<h2>Be prepared for<br><span class="navy">the poolside<span class="trebuchet">.</span></span></h2>
<a class="btn" href="//www.bonobos.com/new">see all new arrivals</a></div>
<div id="new-callout">New&darr;</div><div class=" product one">
<a href="http://www.bonobos.com/po-8862-bonobos-pink-cruise-fashion-polo">Belmont Polo in Pink</a></div>
<div class=" product two"><a href="http://www.bonobos.com/po-8761-board-short-solid-black-iris">Low Tides in Navy</a></div>
<div class=" product three"><a href="http://www.bonobos.com/po-8813-april-swim-longboard-emerald-turkish-sea-with-white-velcro">Low Tides in Caicos Stripe</a></div>
<div class=" product four"><a href="http://www.bonobos.com/po-8815-purple-pique-polo">Belmont Polo in Purple</a></div>
</div>
</section>
<section id="categories-grid">
<h2 class="center down20">Jump on in<span class="trebuchet">.</span></h2>
<div class="row-fluid">
<div class="span4" id="cat-new">
<h4><a href="http://www.bonobos.com/po-8823-oxford-pants-purple">Bonobos 100% Cotton Purple Oxford Pants</a></h4>
<h3><a href="http://www.bonobos.com/new">New &amp; Cool</a></h3>
<ul>
<li><a href="http://www.bonobos.com/new/pants">New pants</a></li>
<li><a href="http://www.bonobos.com/new/shirts">New shirts</a></li>
<li><a href="http://www.bonobos.com/new/suits-and-blazers">New suits</a></li>
<li><a href="http://www.bonobos.com/new/outerwear">New outerwear</a></li>
</ul>
</div>
<div class="span4" id="cat-seasonal">
<h4><a href="http://www.bonobos.com/po-8761-shortboard-diamond-print-turkish-sea">Bonobos Turquoise Diamond Print 5" Swim Trunk</a></h4>
<h3><a href="http://www.bonobos.com/new">Spring</a></h3>
<ul>
<li><a href="http://www.bonobos.com/new/shorts">Shorts</a></li>
<li><a href="http://www.bonobos.com/new/swim">Swimsuits</a></li>
<li><a href="http://www.bonobos.com/new/shirts">Colorful shirts</a></li>
<li><a href="http://www.bonobos.com/new/tees-knits-and-polos">Tees &amp; polos</a></li>
<li><a href="http://www.bonobos.com/pants/golf-pants">Golf</a></li>
<li><a href="http://www.bonobos.com/outerwear">Outerwear</a></li>
<li><a href="http://www.bonobos.com/shoes/boat-shoes">Boat shoes</a></li>
</ul>
</div>
<div class="span4" id="cat-shorts">
<h4><a href="http://www.bonobos.com/po-8755-washed-chino-shorts-coastline-grey">Bonobos 100% Cotton Grey Washed Chino 9" Shorts</a></h4>
<h3><a href="http://www.bonobos.com/shorts">Shorts &amp; Swim</a></h3>
<ul>
<li><a href="http://www.bonobos.com/shorts">Chino shorts</a></li>
<li><a href="http://www.bonobos.com/shorts">Prints and plaids</a></li>
<li><a href="http://www.bonobos.com/swim">Swimsuits</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span4" id="cat-pants">
<h4><a href="http://www.bonobos.com/po-8782-redrums-sl">Bonobos 100% Cotton Red Straight Leg Washed Chinos</a></h4>
<h3><a href="http://www.bonobos.com/pants">Pants</a></h3>
<ul>
<li><a href="http://www.bonobos.com/pants/washed-chinos">Chinos</a></li>
<li><a href="http://www.bonobos.com/pants/non-irons">Non iron</a></li>
<li><a href="http://www.bonobos.com/pants/wool">Dress pants</a></li>
<li><a href="http://www.bonobos.com/pants/corduroy">Corduroy</a></li>
<li><a href="http://www.bonobos.com/pants/golf-pants">Golf pants</a></li>
<li><a href="http://www.bonobos.com/pants/limited-edition">Limited edition</a></li>
</ul>
</div>
<div class="span4" id="cat-denim">
<h4><a href="http://www.bonobos.com/flatiron-denim">Bonobos Rinse Straight Leg Denim</a></h4>
<h3><a href="http://www.bonobos.com/denim">Denim</a></h3>
<ul>
<li><a href="http://www.bonobos.com/denim">Premium denim</a></li>
<li><a href="http://www.bonobos.com/denim/travel-denim">Travel denim</a></li>
</ul>
</div>
<div class="span4" id="cat-suits">
<h4><a href="http://www.bonobos.com/the-meriwether-suit-khaki">Bonobos Lightweight 100% Cotton Twill Khaki Suit</a></h4>
<h3><a href="http://www.bonobos.com/suits-and-blazers">Suits &amp; Blazers</a></h3>
<ul>
<li><a href="http://www.bonobos.com/suits-and-blazers/wool-suiting">Wool suiting</a></li>
<li><a href="http://www.bonobos.com/suits-and-blazers/summer-suiting">Cotton suiting</a></li>
<li><a href="http://www.bonobos.com/suits-and-blazers/blazers">Blazers</a></li>
<li><a href="http://www.bonobos.com/suits-and-blazers/black-tie">Black tie</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span4" id="cat-shirts">
<h4><a href="http://www.bonobos.com/po-8791-casual-large-tonal-gingham-turquoise">Bonobos 100% Cotton Large Scale Gingham Sport Shirt</a></h4>
<h3><a href="http://www.bonobos.com/shirts">Shirts</a></h3>
<ul>
<li><a href="http://www.bonobos.com/shirts/casual-favorites">Casual button downs</a></li>
<li><a href="http://www.bonobos.com/shirts/oxfords">Oxfords</a></li>
<li><a href="http://www.bonobos.com/shirts/wrinkle-free-dress-shirts">Wrinkle free</a></li>
<li><a href="http://www.bonobos.com/shirts/dress-shirts">Dress shirts</a></li>
</ul>
</div>
<div class="span4" id="cat-sweaters">
<h4><a href="http://www.bonobos.com/po-8792-lemon-drop-cotton-v-neck">Bonobos 100% Cotton Yellow V-Neck Sweater</a></h4>
<h3><a href="http://www.bonobos.com/sweaters">Sweaters</a></h3>
<ul>
<li><a href="http://www.bonobos.com/sweaters">Cotton sweaters</a></li>
<li><a href="http://www.bonobos.com/sweaters">Cardigans</a></li>
</ul>
</div>
<div class="span4" id="cat-tees">
<h4><a href="http://www.bonobos.com/po-8815-mint-pique-polo">Bonobos 100% Cotton Piqué Mint Green Polo</a></h4>
<h3><a href="http://www.bonobos.com/tees-knits-and-polos">Tees, Knits, Polos</a></h3>
<ul>
<li><a href="http://www.bonobos.com/tees-knits-and-polos/knits-polos-henleys">Polos</a></li>
<li><a href="http://www.bonobos.com/tees-knits-and-polos/knits-tees">Tees</a></li>
<li><a href="http://www.bonobos.com/tees-knits-and-polos/hoodies">Sweatshirts</a></li>
<li><a href="http://www.bonobos.com/tees-knits-and-polos/splendid-mills">Splendid Mills</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span4" id="cat-outerwear">
<h4><a href="http://www.bonobos.com/navy-trenchcoat">Bonobos Navy Trenchcoat</a></h4>
<h3><a href="http://www.bonobos.com/outerwear">Outerwear</a></h3>
<ul>
<li><a href="http://www.bonobos.com/outerwear">Trenchcoats</a></li>
<li><a href="http://www.bonobos.com/outerwear">Raincoats</a></li>
<li><a href="http://www.bonobos.com/outerwear">Cotton jackets</a></li>
</ul>
</div><div class="span4" id="cat-shoes">
<h4><a href="http://www.bonobos.com/blue-nite-docksides">Sebago Docksides Blue Nite Boat Shoe</a>
<h3><a href="http://www.bonobos.com/shoes">Shoes</a></h3>
<ul>
<li><a href="http://www.bonobos.com/shoes/dress">Dress shoes</a></li>
<li><a href="http://www.bonobos.com/shoes/casual-shoes">Casual shoes</a></li>
<li><a href="http://www.bonobos.com/shoes/boat-shoes">Boat shoes</a></li>
<li><a href="http://www.bonobos.com/shoes/stormy-skies">Rain shoes</a></li>
<li><a href="http://www.bonobos.com/shoes/boots">Boots</a></li>
<li><a href="http://www.bonobos.com/shoes">Flip flops</a></li>
</ul>
</div>
<div class="span4" id="cat-accessories">
<h4><a href="http://www.bonobos.com/wayne-duffle-tobacco">Jack Spade Mill Leather Duffle Bag</a></h4>
<h3><a href="http://www.bonobos.com/accessories">Accessories</a></h3>
<ul>
<li><a href="http://www.bonobos.com/accessories/belts">Belts</a></li>
<li><a href="http://www.bonobos.com/accessories/bags">Bags</a></li>
<li><a href="http://www.bonobos.com/accessories/ties">Ties &amp; pocket squares</a></li>
<li><a href="http://www.bonobos.com/accessories/underwear">Underwear &amp; socks</a></li>
<li><a href="http://www.bonobos.com/accessories/wallets">Wallets</a></li>
<li><a href="http://www.bonobos.com/accessories/sunglasses">Sunglasses</a></li>
<li><a href="http://www.bonobos.com/accessories/watches">Watches</a></li>
<li><a href="http://www.bonobos.com/accessories/umbrellas">Umbrellas</a></li>
</ul>
</div>
</div>
<div class="row-fluid last-child">
<div class="span4" id="cat-sale">
<h4><a href="http://www.bonobos.com/barleywine-navy-red">Bonobos 100% Cotton Navy Red Plaid Sport Shirt</a></h4>
<h3><a href="http://www.bonobos.com/sale">Sale</a></h3>
<ul>
<li><a href="http://www.bonobos.com/sale/sale-pants-shorts">Pants</a></li>
<li><a href="http://www.bonobos.com/sale/shirts">Shirts</a></li>
<li><a href="http://www.bonobos.com/sale/suits-and-blazers">Blazers</a></li>
<li><a href="http://www.bonobos.com/sale/outerwear">Outerwear</a></li>
<li><a href="http://www.bonobos.com/sale/swim">Shorts &amp; Swim</a></li>
<li><a href="http://www.bonobos.com/sale/tees-knits-and-polos">Tees, Knits &amp; Polos</a></li>
<li><a href="http://www.bonobos.com/sale/sweaters">Sweaters</a></li>
<li><a href="http://www.bonobos.com/sale/shoes">Shoes</a></li>
<li><a href="http://www.bonobos.com/sale/accessories">Accessories</a></li>
</ul>
</div>
<div class="span4" id="cat-giftcards">
<h4><a href="http://www.bonobos.com/bonobos-gift-card-virtual">Bonobos virtual gift card</a></h4>
<h3><a href="http://www.bonobos.com/bonobos-gift-card-virtual">Gift cards</a></h3>
<ul>
<li><a href="http://www.bonobos.com/bonobos-gift-card-virtual">Virtual gift card</a></li>
</ul>
</div>
</div>
</section>
<section id="new-customers">
<div class="row-fluid">
<div class="span6 center" id="basics">
<h2 class="center down20">Start dressing better <br>in no time with <br><span class="navy">Bonobos Basics.</span></h2>
<ul>
<li><a href="//www.bonobos.com/graham-slackers-gingham-lining-straight-leg"><img src="img/basics-1.jpg" alt="Our best selling pant." />Our best selling pant.</a></li>
<li><a href="//www.bonobos.com/light-blue-all-rounder"><img src="img/basics-2.jpg" alt="Our award-winning oxford." />Our award-winning oxford.</a></li>
<li><a href="//www.bonobos.com/fourth-degree-brown-belt"><img src="img/basics-3.jpg" alt="The every day belt." />The every day belt.</a></li>
<li><a href="//www.bonobos.com/navy-canvas-seascape"><img src="img/basics-4.jpg" alt="Our favorite boat shoes." />Our favorite boat shoes.</a></li>
</ul>
<a class="btn down50" href="//www.bonobos.com//look/february-2012/essentials">see all Bonobos Basics</a>
</div>
<div class="span6 center" id="guides">
<h2 class="center down20">Or come in for free<br>1:1 style help from <br><span class="navy">Bonobos Guides.</span></h2>
<figure>
<a href="//www.bonobos.com/guides"><img class="down20" src="img/guides-1.jpg" alt="Bonobos Guide Luna helps a customer." />
<figcaption>Bonobos Guide Luna helps a customer.</figcaption></a>
</figure>
<figure class="last-child">
<a href="//www.bonobos.com/guides" target="_blank"><img class="" src="img/guides-2.jpg" alt="Now available in NYC and Boston." />
<figcaption>Now available in New York City and Boston.
</figcaption></a>
</figure>
<a class="btn down50" href="http://www.bonobos.com/guides">learn more about the Guides</a><!--<br>or <a href="//www.bonobos.com/guides">learn more--></a>
<div class="widget widget-static-block"> <!-- Begin Setster Widget -->
<script type="text/javascript">
// <![CDATA[
var is_ssl = ("https:" == document.location.protocol);
var setsHost = is_ssl ? "https://www.setster.com/widget/" : "http://www.setster.com/widget/";
document.write(unescape("%3Cscript src='" + setsHost + "js/setster_over.js?v=2' type='text/javascript'%3E%3C/script%3E"));
// ]]>
</script><script type="text/javascript">
// <![CDATA[
var setster_widget_options = {};
setster_widget_options.display = "overlay";
setster_widget_options.uri = "bonobos";
setster_widget_options.placement = "hidden";
setster_widget_options.buttonName = "appointment";
setster_widget_options.setsterURL = setsHost;
var setster_widget = new Setster.setster_widget(setster_widget_options);
// ]]>
</script>
<!-- End Setster Widget -->
</div>
</div>
<span class="vertical-line"><i></i></span>
</section>
</div>
<div class="container">
<section id="bonobos-nation">
<div class="row-fluid">
<div class="span12">
<h2 class="center down10">Welcome to <a href="http://www.bonobos.com/bonobosnation" class="navy">Bonobos Nation.</a><span class="bonobos-nation-flag-small"></span></h2>
<p class="down10 center">Be awesome, take photo, get free stuff. Tag your instagrams #BonobosNation or <a href="http://www.bonobos.com/bonobosnation">learn more</a>.</p>
</div>
<div class="row-fluid">
<a class="span2 down30" href="http://instagr.am/p/H6xW1pPKCe/" target="_blank">
<img src="http://distilleryimage3.instagram.com/1252129269ff11e180c9123138016265_7.jpg" alt="Bonobos Nation">
</a>
<a class="span2 down30" href="http://instagr.am/p/H9MVQoBimS/" target="_blank">
<img src="http://distilleryimage2.instagram.com/b0d2deac69f911e1b9f1123138140926_7.jpg" alt="Bonobos Nation">
</a>
<a class="span2 down30" href="http://instagr.am/p/H5Ms4olHtm/" target="_blank">
<img src="http://distilleryimage10.instagram.com/a42e256468c111e1989612313815112c_7.jpg" alt="Bonobos Nation">
</a>
<a class="span2 down30" href="http://instagr.am/p/hALq9/" target="_blank">
<img src="http://distilleryimage9.s3.amazonaws.com/3c7e7b5e3e9511e1abb01231381b65e3_7.jpg" alt="Bonobos Nation">
</a>
<a class="span2 down30" href="http://instagr.am/p/H9MHuqBimP/" target="_blank">
<img src="http://distilleryimage11.instagram.com/6ec12c9e69f911e18bb812313804a181_7.jpg" alt="Bonobos Nation">
</a>
<a class="span2 down30" href="http://instagr.am/p/IAPEm8Rjhy/" target="_blank">
<img src="http://distilleryimage2.instagram.com/6901df6c6ae711e1a87612313804ec91_7.jpg" alt="Bonobos Nation">
</a>
</div>
<div class="row-fluid">
</div>
</div><!--
<div class="row-fluid down30">
<h2 class="center span12">Join up<span class="trebuchet">.</span></h2>
</div>
<div class="row-fluid center">
<div class="form-subscribe span4 center">
<form method="post" action="http://bonobos.list-manage.com/subscribe?u=fb137bbee3dbbca896fd37a33&amp;id=83b9c8ee2a" onsubmit="window.open(this.action + '&amp;' + Form.serialize(this), 'mc_optin_popup', 'scrollbars=yes,width=660,height=550');return false;">
<p>
<input type="text" class="input-text" name="MERGE0" value="Your e-mail address" id="emailFormInput">
<button type="submit" class="btn">Join</button>
</p>
</form>
<script type="text/javascript">
jQuery('#emailFormInput').click(function(e){
jQuery(e.target).val('').css({"color":"#333"});
});
jQuery('#emailFormInput').blur(function(e){
if(jQuery(e.target).val() == "" || jQuery(e.target).val() == " ") {
jQuery(e.target).val('Your email address').css({"color":"#AAA"});
}
});
</script>
</div>-->
</section>
</div>
<!--<div class="container">
<section id="bonobos-nation">
<div class="row-fluid">
<div class="span12">
<h2 class="center down10">Welcome to <span class="navy">Bonobos Nation<span class="trebuchet">.</span></span><span class="bonobos-nation-flag-small"></span></h2>
<div class="row-fluid">
<div class="span3 down80 relative" id="nation-facebook"><a class="icon-facebook">Facebook</a><blockquote class="type12"><span class="user-photo"></span>Bonobos customer service is amazing. I recently had a clothing malfunction while traveling for business. The ninjas sent me a fresh suit and a return label for the tragic slip! Why would i bother to deal with a department store again?!</blockquote></div>
<div class="span6 down80 center relative" id="nation-instagram"><a class="icon-instagram">Instagram</a><a href="#"><img src="img/bonobos-nation_instagram1.jpg"></a><a href="#"><img src="img/bonobos-nation_instagram2.jpg"></a><a href="#"><img src="img/bonobos-nation_instagram3.jpg"></a><p class="instagram-follow grey type11">Tag your photos <a href="http://www.gramfeed.com/instagram/tags#bonobosnation">#BonobosNation</a> </p></div>
<div class="span3 down80 relative" id="nation-twitter"><a class="icon-twitter">Twitter</a><blockquote class="type12"><span class="user-photo"></span>“@bonobos can you all overtake Amazon as the world’s leading etailer in the next 10 years? Consumers can dream...”</blockquote><a href="http://twitter.com/btburd">@btburd</a> <span class="light-grey">&diamond;</span> <a href="https://twitter.com/intent/retweet?tweet_id=142402386609188864">retweet</a></div>
</div>
</div>
</section></div> -->
<div class="container">
<footer>
<div class="row-fluid">
<dl class="span3">
<dt>Our company</dt>
<dd><a href="//www.bonobos.com/about/">About us</a></dd>
<dd><a href="//www.bonobos.com/jobs">Jobs</a></dd>
<dd><a href="//www.bonobos.com/press">Press</a></dd>
<dd><a href="//www.bonobos.com/about/contact/">Contact us</a></dd>
<dd><a href="//www.bonobos.com/privacy">Privacy &amp; Terms</a></dd>
</dl>
<dl class="span3">
<dt>Account & Help</dt>
<dd><a href="//www.bonobos.com/sales/order/history/">Your orders</a></dd>
<dd><a href="//www.bonobos.com/customer/address/">Your account info</a></dd>
<dd><a href="//www.bonobos.com/returns/">Returns &amp; exchanges</a></dd>
<dd><a href="#">Refer a friend</a></dd>
<dd><a href="//www.bonobos.com/helpcenter/">FAQ</a></dd>
</dl>
<dl class="span3">
<dt>Customer Service</dt>
<dd>1-877-294-7737</dd>
<dd><a href="mailto:[email protected]">[email protected]</a></dd>
<dd><a href="https://twitter.com/intent/tweet?screen_name=bonobosninjas">@bonobosninjas</a></dd>
</dl>
<dl class="span3 last-child">
<dt class="brand">Bonobos</dt>
<dd>New York &amp; Palo Alto.</dd>
<dd><a href="https://twitter.com/bonobos" class="twitter-follow-button" data-show-count="yes">Follow @bonobos</a></dd>
<dd class="last-child"><div class="fb-like" data-href="http://facebook.com/bonobos" data-send="false" data-layout="button_count" data-width="240" data-show-faces="true" data-font="lucida grande"></div></dd>
</dl>
</div>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment