Skip to content

Instantly share code, notes, and snippets.

@itsNikolay

itsNikolay/Page sourse

Created June 24, 2012 17:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save itsNikolay/2984012 to your computer and use it in GitHub Desktop.
Save itsNikolay/2984012 to your computer and use it in GitHub Desktop.
Download ZIP
Twitter bootstrap
Raw
Page sourse
<!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 IE 9 ]> <html class="ie ie9" lang="en"> <![endif]--><!--[if gt IE 9]><!--><html lang="en">
<!--<![endif]--><head data-hook="inside_head">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Spree Demo Site</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
<meta content="spree, demo" name="keywords" />
<meta content="Spree demo site" name="description" />
<link href="/assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/assets/store/spree_bootstrap_theme.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/store/all.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="sBtyQqwyj8ZqYpSWrzuBjN/EFPC/7f3kHrdhGT1wEvk=" name="csrf-token" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.validate/jquery.validate.min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.formalize.min.js?body=1" type="text/javascript"></script>
<script src="/assets/store/checkout.js?body=1" type="text/javascript"></script>
<script src="/assets/store/product.js?body=1" type="text/javascript"></script>
<script src="/assets/store/cart.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_core.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_auth.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_api.js?body=1" type="text/javascript"></script>
<script src="/assets/store/spree_promo.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/store/all.js?body=1" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Spree Analytics has not been initialized correctly -->
</head>
<body class="two-col" id="default" data-hook="body">
<header id="header" class="" data-hook><div class="navbar span10 offset1">
<div class="navbar-inner">
<div class="container-fluid">
<figure id="logo" data-hook><a href="http://localhost:3000/" class="brand"><img alt="Logo" id="logo" src="/assets/admin/bg/spree_50.png" /></a>
</figure><ul id="nav-bar" class="nav" data-hook>
<li>
<form accept-charset="UTF-8" action="http://localhost:3000/products" class="navbar-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<input type="search" id="s1" class="search-query" name="keywords" placeholder="Search"></form>
</li>
</ul>
<ul id="main-nav-bar" class="nav pull-right" data-hook>
<li><a href="/account">My Account</a></li>
<li><a href="/user/logout">Logout</a></li>
<li id="link-to-cart" data-hook><a href="/cart" class="empty">Cart: (Empty)</a></li>
</ul>
</div>
</div>
</div>
</header><div id="wrapper" class="" data-hook>
<div class="container-fluid span10 offset1">
<div class="row-fluid">
<aside id="sidebar" class="span2" data-hook> <div data-hook="homepage_sidebar_navigation">
<nav id="taxonomies" class="sidebar-item" data-hook>
<h6 class='taxonomy-root'>Shop by Category</h6>
<ul class="taxons-list"><li><a href="/t/categories/clothing">Clothing</a></li>
<li><a href="/t/categories/bags">Bags</a></li>
<li><a href="/t/categories/mugs">Mugs</a></li></ul>
<h6 class='taxonomy-root'>Shop by Brand</h6>
<ul class="taxons-list"><li><a href="/t/brands/ruby-on-rails">Ruby on Rails</a></li>
<li><a href="/t/brands/ruby">Ruby</a></li>
<li><a href="/t/brands/apache">Apache</a></li></ul>
</nav>
</div>
</aside>
<div id="content" class="span9 offset1" data-hook>
<aside id="sidebar" class="span2" data-hook>
</aside>
<div id="content" class="" data-hook>
<div class="row-fluid">
<div id="homeCarousel" class="carousel well">
<div class="carousel-inner">
<div class="item active">
<img alt="Ruby on Rails Ringer T-Shirt" itemprop="image" src="/spree/products/9/large/ror_ringer.jpeg?1340467256" />
<div class="carousel-caption">
<h4>Ruby on Rails Ringer T-Shirt</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nonummy aliquet mi. Proin lacus. Ut placerat. Proin consequat, justo sit amet tempus consequat, elit est adipiscing odio, ut egestas pede...</p>
</div>
</div>
<div class="item">
<img alt="Ruby on Rails Mug" itemprop="image" src="/spree/products/7/large/ror_mug.jpeg?1340467254" />
<div class="carousel-caption">
<h4>Ruby on Rails Mug</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nonummy aliquet mi. Proin lacus. Ut placerat. Proin consequat, justo sit amet tempus consequat, elit est adipiscing odio, ut egestas pede...</p>
</div>
</div>
<div class="item">
<img alt="Ruby on Rails Tote" itemprop="image" src="/spree/products/1/large/ror_tote.jpeg?1340467247" />
<div class="carousel-caption">
<h4>Ruby on Rails Tote</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nonummy aliquet mi. Proin lacus. Ut placerat. Proin consequat, justo sit amet tempus consequat, elit est adipiscing odio, ut egestas pede...</p>
</div>
</div>
</div>
<a class="carousel-control left" href="#homeCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#homeCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
<div class="row-fluid">
<div data-hook="homepage_products">
<ul id="products" data-hook class="product-listing thumbnails">
<li id="product_187438981" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-ringer-t-shirt"><img alt="Ruby on Rails Ringer T-Shirt" itemprop="name" src="/spree/products/9/small/ror_ringer.jpeg?1340467256" /></a>
</div>
<a href="/products/ruby-on-rails-ringer-t-shirt" class="info" itemprop="name" title="Ruby on Rails Ringer T-Shirt">Ruby on Rails Ringer T-Shirt</a>
<br><span class="price selling" itemprop="price">$17.99</span>
</li>
<li id="product_248786582" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-mug"><img alt="Ruby on Rails Mug" itemprop="name" src="/spree/products/7/small/ror_mug.jpeg?1340467254" /></a>
</div>
<a href="/products/ruby-on-rails-mug" class="info" itemprop="name" title="Ruby on Rails Mug">Ruby on Rails Mug</a>
<br><span class="price selling" itemprop="price">$13.99</span>
</li>
<li id="product_459084718" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-tote"><img alt="Ruby on Rails Tote" itemprop="name" src="/spree/products/1/small/ror_tote.jpeg?1340467247" /></a>
</div>
<a href="/products/ruby-on-rails-tote" class="info" itemprop="name" title="Ruby on Rails Tote">Ruby on Rails Tote</a>
<br><span class="price selling" itemprop="price">$15.99</span>
</li>
<li id="product_569012001" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-baseball-jersey"><img alt="Ruby Baseball Jersey" itemprop="name" src="/spree/products/1008/small/ruby_baseball.png?1340467262" /></a>
</div>
<a href="/products/ruby-baseball-jersey" class="info" itemprop="name" title="Ruby Baseball Jersey">Ruby Baseball Jersey</a>
<br><span class="price selling" itemprop="price">$19.99</span>
</li>
<li id="product_706676762" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/apache-baseball-jersey"><img alt="Apache Baseball Jersey" itemprop="name" src="/spree/products/1004/small/apache_baseball.png?1340467260" /></a>
</div>
<a href="/products/apache-baseball-jersey" class="info" itemprop="name" title="Apache Baseball Jersey">Apache Baseball Jersey</a>
<br><span class="price selling" itemprop="price">$19.99</span>
</li>
<li id="product_723959550" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-bag"><img alt="Ruby on Rails Bag" itemprop="name" src="/spree/products/3/small/ror_bag.jpeg?1340467250" /></a>
</div>
<a href="/products/ruby-on-rails-bag" class="info" itemprop="name" title="Ruby on Rails Bag">Ruby on Rails Bag</a>
<br><span class="price selling" itemprop="price">$22.99</span>
</li>
<li id="product_1025786064" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-baseball-jersey"><img alt="Ruby on Rails Baseball Jersey" itemprop="name" src="/spree/products/4/small/ror_baseball.jpeg?1340467251" /></a>
</div>
<a href="/products/ruby-on-rails-baseball-jersey" class="info" itemprop="name" title="Ruby on Rails Baseball Jersey">Ruby on Rails Baseball Jersey</a>
<br><span class="price selling" itemprop="price">$19.99</span>
</li>
<li id="product_1035865702" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-stein"><img alt="Ruby on Rails Stein" itemprop="name" src="/spree/products/11/small/ror_stein.jpeg?1340467258" /></a>
</div>
<a href="/products/ruby-on-rails-stein" class="info" itemprop="name" title="Ruby on Rails Stein">Ruby on Rails Stein</a>
<br><span class="price selling" itemprop="price">$16.99</span>
</li>
<li id="product_1060500592" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product" class="products-list-item span3 well">
<div class="product-image">
<a href="/products/ruby-on-rails-jr-spaghetti"><img alt="Ruby on Rails Jr. Spaghetti" itemprop="name" src="/spree/products/6/small/ror_jr_spaghetti.jpeg?1340467253" /></a>
</div>
<a href="/products/ruby-on-rails-jr-spaghetti" class="info" itemprop="name" title="Ruby on Rails Jr. Spaghetti">Ruby on Rails Jr. Spaghetti</a>
<br><span class="price selling" itemprop="price">$19.99</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer" data-hook><div class="container-fluid">
<div id="footer-left" class="span6" data-hook>
<p>Powered by <a href="http://spreecommerce.com/">Spree</a></p>
</div>
<div id="footer-right" class="span6" data-hook></div>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment