mellowmeals / design / returning_person.html

<html><head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssgrids/grids-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssbase/base-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css">

        <link href="http://fonts.googleapis.com/css?family=Pacifico:regular" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="sd/slidedeck.skin.css" type="text/css" media="screen">
<link rel="stylesheet" href="sd/skin.css" type="text/css" media="screen">


<link rel="stylesheet" href="css/mellow-main.css" type="text/css" media="screen">

<link rel="stylesheet" href="css/sunny/jquery-ui-1.8.11.custom.css" type="text/css" media="screen">
<style>

#nutri-info { background-color:#fff; margin: 10px 0 10px 0; border: 1px solid #CCCCCC; color: #333333; font-family: Verdana, sans-serif; padding:10px;}
#nutri-info h4 {font-size: 14px;line-height: 100%;font-weight: normal;color: #847840;text-align: left; padding: 0 0 6px 0; font-family:Arial, Helvetica, sans-serif; margin:0;}
#nutri-info p {font-size: 80%; margin:4px 0 4px 0;}
#nutri-info ul {clear:right; border-top: 3px solid #000000;;border-bottom: 2px solid #000000;font-size: 80%; margin: 10px 0 10px 0; padding: 0; list-style-type: none;}
#nutri-info li {border-bottom: 1px solid #000000; margin: 0; padding: 8px 0 8px 0; line-height: 100%;}
#nutri-info a {font-size:10px; } 

</style>

<!-- <script type="text/javascript" src="sd/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="sd/slidedeck.jquery.lite.js"></script> -->
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>

<script>
  $(function() {
	$( "#tabs" ).tabs({ selected: 0 });
  });
</script>
    </head>
<body>
<div class="yui3-g">
  <header class="yui3-u-1">
    <ul id="menu">
      <li id="mellow_head"><a href="/" target="_self">mellow meals</a></li> 
      <li><a class="highlight" href="#" target="_self">menu</a></li>
      <li><a class="highlight" href="#" target="_self">what we do</a></li>
      <li><a class="highlight" href="#" target="_self">faq</a></li>
      <li><a class="highlight" href="#" target="_self">about us</a></li>
    </ul>
  </header>
    
  <div class="yui3-u-1 value-prop"> <!-- begin Content -->
    <!-- Value Propostion box -->
    <blockquote>Mellow Meals will feed you 5 healthy meals, for less than the average cost of eating-out once; and we deliver.</blockquote>
  </div>    <!-- end Content  -->

<!-- OPTION 1 --->
  <div class="yui3-u-5-8">
    <h1>Hot Items</h1>
  </div>

  <div class="yui3-u-3-8" style="height: 52px; background-color: #bc9c2d; padding: 10px 10px; width: 340px; margin-bottom: 1em; height: 52px; ">

    <ul class="ordercountdown" style="margin-top: 0;">
      <li style="border-radius: 5px 5px;      -moz-box-shadow: inset 0 1px 5px #152D47; -webkit-box-shadow: inset 0 1px 5px #152D47;  border: 1px solid #0D1C2D;  text-align: center; margin: 0 auto; width: 300px;"><span class="ordercount" style="border-radius: 4px;">25</span> Orders left for This Week</li>
    </ul>

    <ul class="ordercountdownalt" style="clear: right; margin: 0 auto; width: 318px; ">
      <li style=" border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; ">Time remaining</li>
      <li style="  ">12 secs</li>      
      <li>21 mins</li>
      <li>12 hrs</li>
      <li style="border-top-left-radius: 5px 5px;   border-bottom-left-radius: 5px 5px;">02 days</li>    
    </ul>


 </div>
<!-- END OPTION 1 --->

<!-- OPTION 2 --->
  <div class="yui3-u-5-8">
    <h1>Hot Items</h1>
  </div>

  <div class="yui3-u-3-8" style="height: 52px; background-color: #bc9c2d; padding: 10px 10px; width: 340px; margin-bottom: 1em; height: 56px; ">

    <ul class="ordercountdown" style="margin: 0 auto; width: 186px;    -moz-box-shadow: inset 0 1px 10px #CCC;  -moz-border-radius: 6px 6px 0 0; ">
	<li style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;     -moz-box-shadow: inset 0 1px 5px #152D47; -webkit-box-shadow: inset 0 1px 5px #152D47;  border: 1px solid #0D1C2D;"><span class="ordercount" style="border-radius: 5px;">25</span> Orders left for This Week</li>
      </ul>

    <ul class="ordercountdown" style="clear: right; margin: 0 auto; width: 318px; ">
      <li style=" border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; ">Time remaining</li>
      <li style="  ">12 secs</li>      
      <li>21 mins</li>
      <li>12 hrs</li>
      <li style="border-top-left-radius: 5px 5px;   border-bottom-left-radius: 5px 5px;">02 days</li>    
    </ul>


 </div>
<!-- END OPTION 2 --->

    <!-- more-information -->

      <div class="yui3-u-5-8">
	<img width="550" height="400" src="images/corn-cowder.jpg">
      </div>
      <div class="yui3-u-1-3 food-info">
	

<!-- Begin Tabs -->

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Main</a></li>
		<li><a href="#tabs-2">Nutrition</a></li>
	</ul>
	<div id="tabs-1">
	  <ul>
	    <li><h1>Chipotle Roasted Corn Soup</h1></li>
	    <li class="sec-tier"><input type="text" value="3"> 14oz. - Serves 1</li>
	    <li class="sec-tier"><button type="button">Add to Cart</button></li>
	    <li class="third-tier"><strong>Description:</strong> Sweet and velvety, roasted corn soup with a hint of chipotle. Lorem ipsum dolor sit amet, consector adipisicing elit, sed do eiusmod tempor incididunt.</li>
	    <li class="quad-tier"><strong>Ingredients:</strong> roasted corn, non-dairy milk, chipotle powder</li>
	  </ul>
	
	</div>
	<div id="tabs-2">
	  <div id="nutri-info" style="" display="block">
              <div class="title">Nutritional Information</div>
                 <p>Servings: 1</p>
                     <p>
                        <b>Amount Per Serving</b>
		     </p>
                     <p>Calories: 186</p>
                     <ul>
                       <li><b>Total Fat: </b> 12.3g</li>
                       <li><b>Cholesterol: </b> 430mg</li>
                       <li><b>Sodium: </b> 666mg</li>
                       <li><b>Total Carbs: </b> 2.8g</li>
                       <li>&nbsp;&nbsp;&nbsp;&nbsp;<b>Dietary Fiber: </b>
                                    0.8g</li>
                       <li><b>Protein: </b> 16.4g</li>
                     </ul>
                           
                        </div>
	
	</div>
</div> <!-- End Tabs -->

      </div>

      <div class="yui3-u-3-8">
	<h1>Smokey Black Bean Enchiladas</h1>
	<img width="350" height="250" src="images/smokey-beans.jpg">
      </div>

      <div class="yui3-u-1-2">
      </div>

      <div class="yui3-u-1-2">
      </div>
    <!-- end more-information -->

    <footer class="yui3-u-1">
      <ul>
      <li>Mellow Meals Copyright 2011</li> | <li>Follow us on Twitter</li> | <li>Join us on Facebook</li> | <li>Contact Us</li>
      </ul>
    </footer>

</div>
    
</body>
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.