<%@ Page Title="" Language="C#" MasterPageFile="~/landing/landing_base.master" AutoEventWireup="true" CodeFile="store1.cs" Inherits="landing_store_store" %>

<asp:Content ID="Content1" ContentPlaceHolderID="content_head" Runat="Server">

    <style>

        .productbox {
            background-color:#ffffff;
	        padding:10px;
	        margin-bottom:10px;
	        -webkit-box-shadow: 0 8px 6px -6px  #999;
	           -moz-box-shadow: 0 8px 6px -6px  #999;
	                box-shadow: 0 8px 6px -6px #999;
        }

        .producttitle {
            font-weight:bold;
	        padding:5px 0 5px 0;
        }

        .productprice {
	        border-top:1px solid #dadada;
	        padding-top:5px;
        }

        .pricetext {
	        font-weight:bold;
	        font-size:1.4em;
        }

        /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }

    </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content_body" Runat="Server">
    <!-- Jumbotron -->
    <div class="jumbotron">
        <h1>Tienda</h1>
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    </div>
    <div class="big-blue-header">
        <div class="span2 column productbox">
            <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive">
            <div class="producttitle">Product 2</div>
            <div class="productprice"><div class="pull-right"><a href="#" class="btn btn-danger btn-sm" role="button">BUY</a></div><div class="pricetext">£8.95</div></div>
        </div>
        <div class="span2 column productbox">
            <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive">
            <div class="producttitle">Product 2</div>
            <div class="productprice"><div class="pull-right"><a href="#" class="btn btn-danger btn-sm" role="button">BUY</a></div><div class="pricetext">£8.95</div></div>
        </div>
        <div class="span2 column productbox">
            <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive">
            <div class="producttitle">Product 3</div>
            <div class="productprice"><div class="pull-right"><a href="#" class="btn btn-danger btn-sm" role="button">BUY</a></div><div class="pricetext">£8.95</div></div>
        </div>
        <div class="span2 column productbox">
            <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive">
            <div class="producttitle">Product 4</div>
            <div class="productprice"><div class="pull-right"><a href="#" class="btn btn-danger btn-sm" role="button">BUY</a></div><div class="pricetext">£8.95</div></div>
        </div>
    </div>
</asp:Content>

