Created
July 27, 2016 02:41
-
-
Save imrizzy/175af4af4f7087045423769d6906bf3b to your computer and use it in GitHub Desktop.
Practice 1
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
<body> | |
<div class="container-one"> | |
<div class="header"> | |
<p class="address"> | |
120 E MARTIN ST, RALEIGH, NC | |
</p> | |
<p class="pn"> | |
984-269-5211 | |
</p> | |
<div class="nav"> | |
<img class="logo" src="http://provenanceraleigh.com/wp-content/uploads/2015/11/header-logo.png"> | |
<ul class="left"> | |
<li><a href="#">menus</a></li> | |
<li><a href="#">philosophy</a></li> | |
<li><a href="#">from a chef</a></li> | |
</ul> | |
<ul class="right"> | |
<li><a href="#">dining series</a></li> | |
<li><a href="#">subscription</a></li> | |
<li><a href="#">contact us</a></li> | |
</ul> | |
</div> | |
</div> | |
<i class="fa fa-angle-down fa-2x" aria-hidden="true"> | |
</i> | |
</div> | |
<div class="container-two"> | |
<div class="promo"> | |
<a href="#" class="play circle"> | |
<i class="fa fa-play fa-3x" aria-hidden="true"> | |
</i> | |
</a> | |
</div> | |
<div class="container-def"> | |
<div class="def-section"> | |
<h3 class="title caps"> | |
The Definition | |
</h3> | |
<h2 class="word"> | |
Prov / e / nance n. | |
</h2> | |
<p class="def"> | |
1. a point of origination<br> | |
2. a source, a beginning<br> | |
3. the history of something valuable | |
</p> | |
<hr> | |
</div> | |
</div> | |
</div> | |
<div class="container-three"> | |
<div class="phil"> | |
<div class="left"> | |
</div> | |
<div class="middle"> | |
<h3 class="title caps"> | |
The Philosophy | |
</h3> | |
<i class="fa fa-quote-right fa-1x" aria-hidden="true"></i> | |
<p class="explanation"> | |
In culinary conversations, Provenance speaks to much more than location- it’s the techniques, traditions, and heritage behind the ingredients that really define their role in a cuisine or area. | |
<br> | |
At Provenance the Restaurant, we’re really trying to define a sense of place-what it means to be from North Carolina, what it means to be a part of this place.” | |
<p class="founder-name"> | |
Teddy Klopf | |
</p> | |
<h3 class="founder-title caps"> | |
Founder & Executive Chef | |
</h3> | |
<hr> | |
</div> | |
<div class="right"> | |
</div> | |
</div> | |
<div class="discover-button"> | |
<a id="discover" href="#" class="button"> | |
Discover More | |
</a> | |
</div> | |
</div> | |
<div class="container-four"> | |
</div> | |
<div class="container-five"> | |
<div class="food-drink"> | |
<div class="image"> | |
</div> | |
<div class="copy"> | |
<h3 class="title"> | |
Food & Drink | |
</h3> | |
<hr> | |
<p class="farmers"> | |
We work closely with NC farmers and fishermen to give you the freshest flavors available every day and throughout the year. | |
</p> | |
<a id="menus-button" href="#"> | |
View Menus | |
</a> | |
<h3 class="hoo"> | |
Hours | |
</h3> | |
<p class="hoo-text"> | |
Monday – Tuesday closed<br> | |
Wednesday – Saturday 10am – 11pm<br> | |
Sunday 10am – 10pm | |
</p> | |
</div> | |
</div> | |
</div> | |
<div class="container-six"> | |
<div class="box"> | |
<h3 class="title"> | |
Different Ways to Dine | |
</h3> | |
<div class="upcoming"> | |
<div class="events"> | |
<h2 class="title">Series Events</h2> | |
<h3 class="subtitle">This Spring</h3> | |
<hr> | |
<p> | |
Dining Series events explore worldly wines, flavors, and cultures through the lens of the North Carolina larder. Tasting menu format, limited availability, by reservation only; these artistic expressions are a culinary exploration of possibility. | |
</p> | |
<div class="learn-button"> | |
<a id="learn" href="#" class="button"> | |
Learn More | |
</a> | |
</div> | |
</div> | |
<div class="subscription"> | |
<h2 class="title">Provenance Subscription</h2> | |
<h3 class="subtitle">Coming Soon</h3> | |
<hr> | |
<p> | |
After we get a sense of who you are individually; your personal and specific taste and preferences, we will be able to custom tailor personalized dining experiences to your liking. Join our mailing list to learn more. | |
</p> | |
<div class="learn-button"> | |
<a id="learn" href="#" class="button"> | |
Learn More | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<footer> | |
<div class="signup"> | |
<h2 class="text"> | |
Sign Up for the Latest Information and Specials | |
</h2> | |
<div class="inputbox"> | |
<input type="email" name="email" placeholder="Your email address here" required> | |
<input type="submit" value="sign up"> | |
</div> | |
</div> | |
<div class="img-gallery"> | |
<div class="one"> | |
</div> | |
<div class="two"> | |
</div> | |
<div class="three"> | |
</div> | |
<div class="four"> | |
</div> | |
</div> | |
<div class="buffer"> | |
<div class="container"> | |
<div class="logo"> | |
</div> | |
</div> | |
</div> | |
<div class="contact"> | |
<p class="hoo contact-styling"> | |
WED-SAT 10AM-11PM // SUN 10AM-10PM | |
</p> | |
<p class="add contact-styling"> | |
120 E Martin st, raleigh, nc | |
</p> | |
<p class="copyright contact-styling"> | |
© 2016 Provenance Raleigh | Site by | |
</p> | |
<div class="clear"> | |
</div> | |
</div> | |
</footer> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment