Created
May 4, 2012 18:58
-
-
Save jschloss/2597017 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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 & 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 & 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 & 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:ninjas@bonobos.com">ninjas@bonobos.com</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 & Blazers</a></li> | |
| <li><a href="//www.bonobos.com/tees-knits-and-polos">Tees, Knits & 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↓</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 & 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 & 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 & 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 & 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 & pocket squares</a></li> | |
| <li><a href="http://www.bonobos.com/accessories/underwear">Underwear & 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 & Swim</a></li> | |
| <li><a href="http://www.bonobos.com/sale/tees-knits-and-polos">Tees, Knits & 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&id=83b9c8ee2a" onsubmit="window.open(this.action + '&' + 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">⋄</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 & 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 & 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:ninjas@bonobos.com">ninjas@bonobos.com</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 & 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