-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding index.html with Web Chef Cafe content.
- Loading branch information
Showing
1 changed file
with
164 additions
and
0 deletions.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,164 @@ | ||
|
|
||
| <!doctype html> | ||
| <!--[if lte IE 8]> <html class="no-js oldie no-mqs" lang="en"> <![endif]--> | ||
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | ||
|
|
||
| <!-- | ||
| This is your responsive playground. Go forth and build! | ||
| We filled in some minor details, but feel free to change any of them. | ||
| Some guidelines to speed things along: | ||
| - Build a one-page site. This will make the responsive stuff more obvious | ||
| - CSS media queries are the focus of this lesson. Don't worry about any JS for now. | ||
| --> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
|
|
||
| <title>Web Chef Café</title> | ||
| <meta name="description" content="A one-pager for the Web Chef Cafe. Delicious responsive website goodness."> | ||
| <meta name="author" content="YOU!"> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
|
|
||
| <link rel="stylesheet" href="css/screen.css" media="screen"> | ||
| <!-- <link rel="stylesheet" href="css/print.css" media="print"> --> | ||
|
|
||
| <!-- | ||
| The only JS that should live in the <head> is code that is primarily presentational. | ||
| Modernizr, Respond.js, and Typekit should all live in the <head>, but you should | ||
| ALWAYS put all of them after your CSS. | ||
| @see https://developers.google.com/speed/articles/include-scripts-properly | ||
| --> | ||
| <script src="js/modernizr.min.js"></script> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div id="container"> | ||
| <header> | ||
|
|
||
| <h1><a href="/html/3-cafe">Web Chef Café</a></h1> | ||
| <div id="tagline">Feeding the general population since 2006!</div> | ||
| <nav class="clearfix"> | ||
| <ul> | ||
| <li><a href="#info">Location</a></li> | ||
| <li><a href="#menu">Menu</a></li> | ||
| <li><a href="#about">About</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </header> | ||
| <div id="main" role="main"> | ||
|
|
||
| <div id="info" class="vcard clearfix"> | ||
|
|
||
| <h2><span class="fn org">Web Chef Café</span><br class="rbr"> Hours & Location</h2> | ||
|
|
||
| <section class="hours"> | ||
| <h3>Hours</h3> | ||
| <ul> | ||
| <li><b>Mon-Fri:</b> 7am - 7pm</li> | ||
| <li><b>Weekends:</b> 9am - 9pm</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="contact"> | ||
| <h3>Contact</h3> | ||
| <address class="adr"> | ||
| <span class="street-address">3415 Greystone Dr</span> <span class="extended-address">Ste 210</span>,<br> | ||
| <span class="locality">Austin</span>, <span class="region">TX</span> <span class="postal-code">78731</span><br> | ||
| <abbr class="country-name" title="United States of America">USA</abbr><br> | ||
| <p class="tel">512-454-6659</p> | ||
| </address> | ||
| </section> | ||
|
|
||
| </div><!-- #info --> | ||
|
|
||
| <div id="menu" class="clearfix"> | ||
|
|
||
| <h2>Menu</h2> | ||
| <section class="drinks"> | ||
| <h3>Drinks</h3> | ||
| <div class="item"> | ||
| <h4>Texas Orange Margarita</h4> | ||
| Our classic margarita! Two for one on Twosdays | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Malaysian screwdriver</h4> | ||
| Another fantastic orange drink. Buy one get another one for the same price. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Chocolatini</h4> | ||
| A Martini with a chocolate twist. Perfect after a hard day's work | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Agave sazerac</h4> | ||
| The most exotic drink on this list. You can tell because it has a Z. | ||
| </div> | ||
| </section> | ||
| <section class="entrees"> | ||
| <h3>Entrées</h3> | ||
| <div class="item"> | ||
| <h4>Hot and crunchy chicken</h4> | ||
| This chicken is hot and crunchy, served warm. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Easy-bake ribs</h4> | ||
| These ribs are super easy to bake and they're delicious. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Omelette</h4> | ||
| This is the best damn omelette you'll ever eat. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Asian-inspired breakfast noodles</h4> | ||
| These breakfast noodles are for the morning in Asia. | ||
| </div> | ||
| </section> | ||
| <section class="desserts"> | ||
| <h3>Desserts</h3> | ||
| <div class="item"> | ||
| <h4>Sweet/Spicy coconut curry bread</h4> | ||
| This bread is sweet and spicy, the perfect bread if you want coconut curry. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Gluten-free apple crisp</h4> | ||
| All you GFers out there should try this delicious dessert. | ||
| </div> | ||
| <div class="item"> | ||
| <h4>Pumpkin bread pudding</h4> | ||
| A festive pudding made from bread and pumpkins. | ||
| </div> | ||
| </section> | ||
|
|
||
| </div><!-- #menu --> | ||
|
|
||
| <div id="about" class="clearfix"> | ||
|
|
||
| <h2>About Web Chef Café</h2> | ||
| <p>Web Chef Café first opened its doors in 2006 in Austin, Texas. Keytar PBR bicycle rights food truck, craft beer letterpress sartorial vegan viral mcsweeney's trust fund DIY. Blog next level pitchfork VHS, marfa stumptown keytar brunch iphone leggings yr american apparel biodiesel mustache. Irony +1 next level beard sartorial cosby sweater fixie ethical, trust fund dreamcatcher. High life sartorial food truck american apparel, lo-fi butcher yr locavore.</p> | ||
| <p>Banksy farm-to-table four loko, 8-bit messenger bag jean shorts mcsweeney's gluten-free put a bird on it wolf art party Austin beard. Messenger bag beard shoreditch, skateboard freegan synth before they sold out sustainable mustache etsy iphone lo-fi 8-bit organic. Mixtape bicycle rights leggings, four loko squid keffiyeh butcher 8-bit cliche cosby sweater you probably haven't heard of them craft beer.</p> | ||
| <p><a href="http://fourkitchens.com/sites/default/files/pages/files/The-Web-Chef-Cookbook-vol-2_0.pdf">Download our Web Chef Cookbook (PDF)</a></p> | ||
|
|
||
| </div><!-- #about --> | ||
| </div><!-- #main --> | ||
| <footer> | ||
| <p id="copyright">© 2012 Web Chef Café. No rights reserved.</p> | ||
| </footer> | ||
| </div> <!-- #container --> | ||
|
|
||
| <script src="js/chibi-min.js"></script> | ||
| <!-- | ||
| Put all your DOMready scripts after the line invoking our JS library. | ||
| If you aren't sure if your script requires DOMready, just put it here. | ||
| Further reading: http://developer.yahoo.com/performance/rules.html#js_bottom | ||
| --> | ||
|
|
||
| </body> | ||
| </html> |