Created
November 3, 2012 11:31
-
-
Save agustinhaller/4007106 to your computer and use it in GitHub Desktop.
index bumbea
This file contains hidden or 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> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>Bumbea.com</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> | |
| <!-- Bootstrap --> | |
| <link rel="stylesheet" href="http://dev.bumbea.com/site/css/bootstrap.css"> | |
| <link rel="stylesheet" href="http://dev.bumbea.com/site/css/font-awesome.css"> | |
| <link rel="stylesheet" href="http://dev.bumbea.com/site/css/zocial.css"> | |
| <link rel="stylesheet" href="http://dev.bumbea.com/site/css/main.css"> | |
| <script src="http://dev.bumbea.com/site/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> | |
| </head> | |
| <body class="home"> | |
| <!--[if lt IE 7]> | |
| <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | |
| <![endif]--> | |
| <header> | |
| <h1 class="main-title"> | |
| <a href="http://dev.bumbea.com/site" title="Bumbea.com"> | |
| <img src="http://dev.bumbea.com/site/img/logo.png" alt="Bumbea"/> | |
| </a> | |
| </h1> | |
| <section class="search-wrapper"> | |
| <div class="input-append search-container"> | |
| <input class="search-input" type="text" placeholder="¿Que estas buscando?"/> | |
| <a class="search-btn" href="#" title="Buscar"><i class="icon-search"></i></a> | |
| </div> | |
| </section> | |
| <section class="header-actions"> | |
| <ul class="unstyled actions-list"> | |
| <li> | |
| <a class="custom-popover" id="log-in-btn" href="#">Ingresar</a> | |
| </li> | |
| <li> | |
| <a class="custom-popover" id="register-btn" href="#">Registrarse</a> | |
| </li> | |
| </ul> | |
| </section> | |
| </header> | |
| <div class="navbar"> | |
| <div class="navbar-inner main-navbar"> | |
| <div class="container"> | |
| <a href="http://dev.bumbea.com/site" class="home-btn"><i class="icon-home"></i></a> | |
| <div class="nav-collapse"> | |
| <ul class="nav"> | |
| <li class="divider-vertical"></li> | |
| <li class="dropdown"> | |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Categorias <b class="caret"></b></a> | |
| <ul class="dropdown-menu categories-menu"> | |
| <li class="nav-header">Tecnología</li> | |
| <li> | |
| <ul class="sub-category"> | |
| <li> | |
| <a href="#" title=""> | |
| <img class="category-image" src="http://dev.bumbea.com/site/img/categories/notebook-icon.png" alt=""/> | |
| <span>Computadoras</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="#" title=""> | |
| <img class="category-image" src="http://dev.bumbea.com/site/img/categories/phone-icon.png" alt=""/> | |
| <span>Teléfonos</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="#" title=""> | |
| <img class="category-image" src="http://dev.bumbea.com/site/img/categories/tv-icon.png" alt=""/> | |
| <span>Televisores</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </li> | |
| <li class="divider"></li> | |
| <li class="nav-header">Otros</li> | |
| <li> | |
| <ul class="sub-category"> | |
| <li> | |
| <a href="#" title=""> | |
| <img class="category-image" src="http://dev.bumbea.com/site/img/categories/phone-icon.png" alt=""/> | |
| <span>Teléfonos</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </li> | |
| <li class="divider-vertical"></li> | |
| <li><a href="#">Todo</a></li> | |
| <li class="divider-vertical"></li> | |
| <li><a href="#">Más Vistos</a></li> | |
| <li class="divider-vertical"></li> | |
| <li class="active"><a href="#">Destacados</a></li> | |
| <li class="divider-vertical"></li> | |
| <li class="dropdown"> | |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acerca de <b class="caret"></b></a> | |
| <ul class="dropdown-menu"> | |
| <li><a href="#">Ayuda</a></li> | |
| <li class="divider"></li> | |
| <li><a href="#">Equipo</a></li> | |
| <li class="divider"></li> | |
| <li><a href="#">Condiciones del servicio</a></li> | |
| <li><a href="#">Politicas de privacidad</a></li> | |
| <li class="divider"></li> | |
| <li><a href="#">Copyright</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div><!--/.nav-collapse --> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- END NAVBAR --> | |
| <div class="container"> | |
| <div class="top-content"> | |
| <ul class="breadcrumb breadcrumbs-list"> | |
| <li><a href="#">Inicio</a><span class="divider">/</span></li> | |
| <li class="active">Destacados</li> | |
| </ul> | |
| <div class="notification-area"> | |
| <div class="alert alert-info"> | |
| <a class="close">×</a> | |
| <strong>Información</strong> Tomá la mejor desición en bumbea. | |
| </div> | |
| </div> | |
| <a href="http://dev.bumbea.com/site/review/step-1" title="Hacer review!" class="btn btn-large btn-primary make-review-btn">Hacer Review!</a> | |
| </div> | |
| <div class="main-content"> | |
| <ul class="thumbnails products-list"> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/iphone-4.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/phone-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/macbook-pro.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/notebook-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/toshiba-satellite-pro-a300.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/notebook-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/galaxy-s.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/phone-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/iphone-5.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/phone-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/samsung-led-tv.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/tv-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/iphone-3gs.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/phone-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="product-item"> | |
| <div class="thumbnail product-wrapper"> | |
| <div class="product-image"> | |
| <a href="http://dev.bumbea.com/site/product/iphone-4s" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/resources/asus-s121.jpeg"/> | |
| </a> | |
| </div> | |
| <div class="product-details"> | |
| <a class="product-category" href="#" title="product image"> | |
| <img alt="" src="http://dev.bumbea.com/site/img/categories/notebook-icon.png"/> | |
| </a> | |
| <div class="product-rating"> | |
| <i class="icon-star"></i> | |
| <i class="icon-star"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| <i class="icon-star-empty"></i> | |
| </div> | |
| <div class="product-content"> | |
| <a class="product-title" href="http://dev.bumbea.com/site/product/iphone-4s" title="product title"> | |
| <h5>Item 1</h5> | |
| </a> | |
| <div class="product-reviews"> | |
| <div class="reviews-resume"> | |
| <h4>6</h4> | |
| <h5>Reviews</h5> | |
| </div> | |
| <div class="reviews-people"> | |
| <ul> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="people-image" href="#" title="product image"> | |
| <img alt="" src="https://twimg0-a.akamaihd.net/profile_images/1121298010/anita-brick-499x499_normal.jpg"/> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- /container --> | |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | |
| <script>window.jQuery || document.write('<script src="http://dev.bumbea.com/site/js/vendor/jquery-1.8.2.min.js"><\/script>')</script> | |
| <script src="http://dev.bumbea.com/site/js/vendor/bootstrap.min.js"></script> | |
| <script src="http://dev.bumbea.com/site/js/vendor/jquery.masonry.min.js"></script> | |
| <script src="http://dev.bumbea.com/site/js/main.js"></script> | |
| <script> | |
| // Here goes the magic! | |
| $(document).ready(function(){ | |
| var $container = $('.products-list'); | |
| $container.imagesLoaded(function(){ | |
| $container.masonry({ | |
| itemSelector: '.product-item', | |
| columnWidth: 225, | |
| gutterWidth: 13 | |
| }); | |
| }); | |
| // Hide popovers when clicking utside of them | |
| $(document).click(function(event){ | |
| // check the parents to see if we are inside of a popover. If the click came | |
| // from outside the popover, then hide our popover | |
| var $target = $(event.target); | |
| // if($(event.target).parents('.custom-popover').length == 0) | |
| if(!$target.hasClass('custom-popover') && !$target.parents().hasClass('popover')) | |
| { | |
| console.log("should hide popover's"); | |
| $('.custom-popover').popover('hide'); | |
| } | |
| }); | |
| $(".actions-list").delegate("#log-in-btn", "click", function(event){ | |
| event.preventDefault(); | |
| $("#register-btn").popover('hide'); | |
| }); | |
| $(".actions-list").delegate("#register-btn", "click", function(event){ | |
| event.preventDefault(); | |
| $("#log-in-btn").popover('hide'); | |
| }); | |
| var login_html = '<ul class="log-in-options">'+ | |
| '<li class="log-in-option">'+ | |
| '<a href="#" class="btn-block zocial facebook">con Facebook</a>'+ | |
| '</li>'+ | |
| '<li class="log-in-option">'+ | |
| '<a href="#" class="btn-block zocial twitter">con Twitter</a>'+ | |
| '</li>'+ | |
| '<li class="log-in-option">'+ | |
| '<a href="#" class="btn-block zocial googleplus">con Google+</a>'+ | |
| '</li>'+ | |
| '<li class="log-in-option">'+ | |
| '<span>O con tu <a href="#">email</a></span>'+ | |
| '</li>'+ | |
| '</ul>'; | |
| $("#log-in-btn").popover({ | |
| html:true, | |
| placement:'bottom', | |
| title:'Ingresar', | |
| content:login_html | |
| }); | |
| $("#register-btn").popover({ | |
| html:true, | |
| placement:'bottom', | |
| title:'Crear cuenta', | |
| content:'<h2>REGISTRARSE</h2>' | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment