79 lines
2.2 KiB
HTML
79 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
|
|
<link rel="shortcut icon" href="img/favicon.ico">
|
|
|
|
<title>Owl Sprit Cafe</title>
|
|
|
|
<meta content="Delicious Homemade Food" name="description">
|
|
<meta content="homemade food, restaurant, Port Townsend, salads, burritos, sandwiches, soup" name="keywords">
|
|
|
|
<link href="styles/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
</body>
|
|
<header class="owl">
|
|
<aside class="notice">
|
|
<h3>The Owl Sprit will be closed for renovations until mid March</h3>
|
|
</aside>
|
|
<div>
|
|
<h1>Owl Sprit Cafe</h1>
|
|
<h2>Delicious Homemade Food</h2>
|
|
</div>
|
|
|
|
<section>
|
|
<h3>Fresh Local Food</h3>
|
|
<p>We believe in local and organic food and love to share it with our guests.</p>
|
|
<p>For those who appreciate a cooked meal made from scratch.</p>
|
|
<p>Treat yourself and your date to homemade goodness when you take the time to enjoy a meal at the Owl Sprit Cafe.</p>
|
|
|
|
<h4>Hours</h4>
|
|
<p>
|
|
11:00am - 5:00pm<br>
|
|
Closed Sundays (Reopening for dinner in March)
|
|
</p>
|
|
<h4>Location</h4>
|
|
<address>
|
|
218 Polk St<br>
|
|
Port Townsend, WA 98368
|
|
</address>
|
|
|
|
<h4>Phone</h4>
|
|
<a href="tel:+13603855275">360.385.5275</a>
|
|
</section>
|
|
</header>
|
|
|
|
|
|
<main id="container">
|
|
<article v-for="spread in spreads" :key="spread.id" v-bind:class="spread.title + ' spread-item'">
|
|
<h1 v-if="spread.name">{{ spread.name }}</h1>
|
|
<section v-for="collection in spread.collections" :key="collection.id" v-bind:class="collection.title + ' collection-item'">
|
|
<h3>{{ collection.title }}</h3>
|
|
<p><strong>{{ collection.additions }}</strong></p>
|
|
<p><em>{{ collection.options }}</em></p>
|
|
|
|
<div v-for="entree in collection.entrees" :key="entree.id" v-bind:class="entree.title + ' entree-item'">
|
|
<p class="entree-name"><strong>{{ entree.name }}</strong> <span>{{ entree.price }}</span></p>
|
|
<small>{{ entree.options }}</small>
|
|
<p><em>{{ entree.description }}</em></p>
|
|
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</main>
|
|
|
|
|
|
<footer>
|
|
|
|
</footer>
|
|
|
|
<script src="/scripts/lib/vue.js"></script>
|
|
<script src="/scripts/index.js"></script>
|
|
</body>
|
|
</html>
|