Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Learning CSS and HTML with favorite restaurant page
<!DOCTYPE html>
<html>
<head>
<title>Favorite Dives</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1 id="page-title">My Favorite Dive Restaurants</h1>
<p>A list of Sia's favorite dive restaurants around the world.</p>
</header>
<main>
<article class="restaurant-group">
<img src="http://placehold.it/150x150">
<h2>Dat Dog</h2>
<h3>Hot dog stand in New Orleans, LA</h3>
<p>Sausages of all kinds!!! Get your sausage or wiener on! Vegetarian and pescatarian dogs also available.</p>
<a href="http://datdognola.com/" target="_blank">Website</a>
</article>
<article class="restaurant-group">
<h2>Central Grocery</h2>
<h3>Home of the original Muffaletta</h3>
<p>The classic muffaletta sandwich was invented by this international food market right in the middle of the French Quarter in New Orleans, LA.</p>
<a href="http://www.yelp.com/biz/central-grocery-new-orleans" target="_blank">Yelp Page</a>
</article>
<article class="restaurant-group">
<h2>Twelve Mile Limit</h2>
<h3>LOADED TOTS ARE AMAZING.</h3>
<p>This bar in mid-city New Orleans has excellent cocktails but also some amazing bar food. How can tots be so amazing? Top them off with a BBQ meal for 3.</p>
<a href="https://www.facebook.com/twelve.mile.limit" target="_blank">Facebook Page</a>
</article>
</main>
<footer></footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment