206 lines
5.6 KiB
HTML
206 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Better Living Through Coffee</title>
|
||
|
||
<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="apple-touch-icon" href="img/favicon.icns">
|
||
<link rel="shortcut icon" href="img/favicon.ico">
|
||
|
||
<meta content="Bustling and cozy cafe with a waterfront view." name="description">
|
||
<meta content="Port Townsend, Coffee, Organic, Roast, Espresso, Cappuccino, Latte, Mocha, Decaf, French Roast, " name="keywords">
|
||
|
||
<link href="styles/base.css" rel="stylesheet">
|
||
<script defer src="scripts/index.js"></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<a href="#drinks">drinks menu</a>
|
||
<a href="#food">food menu</a>
|
||
<a href="#top">to-top</a>
|
||
</nav>
|
||
<div class="banner">
|
||
<img src="/images/coffee_white.png" data-src="/images/coffee_white.png">
|
||
|
||
<h1>Better Living Through Coffee</h1>
|
||
<p class="byline"><em>Bustling cozy cafe with a waterfront view.</em></p>
|
||
|
||
<div class="block">
|
||
<h4>Phone</h4>
|
||
<a href="tel:+13603853388">(360) 385-3388</a>
|
||
|
||
<h4>Location</h4>
|
||
<address>
|
||
<a href="https://www.google.com/maps/place/100+Tyler+St,+Port+Townsend,+WA+98368/">100 Tyler St,
|
||
Port Townsend, WA 98368</a>
|
||
</address>
|
||
|
||
<h4>Hours</h4>
|
||
<p>Monday - Thursday: 7am - 5pm<br>
|
||
Friday - Sunday: 7am - 7pm</p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
|
||
<main>
|
||
<article id="drinks">
|
||
<header>
|
||
<h2>Drinks Menu</h2>
|
||
|
||
<p><em>Fair-trade, organic, locally roasted drip coffee and espresso;<br>
|
||
organic herbal teas, smoothies, and specialty drinks.</em></p>
|
||
|
||
<!-- <p><em>Now serving Beer and Wine!</em></p> -->
|
||
</header>
|
||
|
||
<div class="wrapper">
|
||
<section>
|
||
<h3>Drip Coffee</h3>
|
||
|
||
|
||
<p><strong>Nicaragua</strong> - Mild Roast<br>
|
||
Central American. Medium body. Good acidity.</p>
|
||
|
||
<p><strong>Dante’s Tornado</strong> - Medium Roast (Full City)<br>
|
||
Good body. Rounded flavor. Medium acidity.</p>
|
||
|
||
<p><strong>Sumatra</strong> - Dark Roast<br>
|
||
Low acid. Heavy body. Like a Vienna roast.</p>
|
||
|
||
<p><strong>Ethiopa Sidamo</strong> - Dark Roast<br>
|
||
Earthy, fruity, wild and complex. Good body.</p>
|
||
|
||
<p><strong>Loop d’ Loop</strong> - Dark Roast<br>
|
||
Smooth. Well-rounded. Good body. Chocolatey.</p>
|
||
|
||
<p><strong>Decaf French</strong> - Dark Roast<br>
|
||
Smooth, smokey.</p>
|
||
|
||
<p><strong>Pantomime</strong> - Very Dark French Roast<br>
|
||
Smokey, caramel flavors.</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h3>Espresso</h3>
|
||
|
||
|
||
<p><strong>Espresso</strong><br>
|
||
Double ristretto.</p>
|
||
|
||
<p><strong>Macchiato</strong><br>
|
||
Espresso marked with foam.</p>
|
||
|
||
<p><strong>Con Panna</strong><br>
|
||
Espresso marked with whipped cream.</p>
|
||
|
||
<p><strong>Americano</strong><br>
|
||
Espresso in hot water.</p>
|
||
|
||
<p><strong>Cappuccino</strong><br>
|
||
Dry foam over espresso.</p>
|
||
|
||
<p><strong>Caffè Latte</strong><br>
|
||
Microfoam over espresso.</p>
|
||
|
||
<p><strong>Caffè Breve</strong><br>
|
||
Dry foam.</p>
|
||
|
||
<p><strong>Flavored Latte</strong><br>
|
||
Vanilla, hazelnut, or caramel.</p>
|
||
|
||
<p><strong>Caffè Vienois</strong><br>
|
||
Vanilla, cinnamon.</p>
|
||
|
||
<p><strong>Caffè Mocha</strong><br>
|
||
Organic cocoa.</p>
|
||
|
||
<p><strong>Caffè Arancia</strong><br>
|
||
Organic cocoa, orange peel, vanilla.</p>
|
||
|
||
<p><strong>Caffè Chetzemocha</strong><br>
|
||
Cocoa, spices, chipotle peppers.</p>
|
||
|
||
<p><strong>Salted Caramel Latte</strong><br>
|
||
House-made caramel.</p>
|
||
</section>
|
||
</div>
|
||
</article>
|
||
|
||
<article id="food">
|
||
<header>
|
||
<h2>Food Menu</h2>
|
||
|
||
<p><em>Freshly baked, delicious, nutrient-dense:<br>
|
||
pastries, soups, quiches, and other treats made with organic ingredients.</em></p>
|
||
</header>
|
||
|
||
<div class="wrapper">
|
||
<section>
|
||
<p><strong>Sausage Pepper Quiche</strong><br>
|
||
Peppers, onions & raw chedder.</p>
|
||
|
||
<p><strong>Spinach Quiche</strong><br>
|
||
Spinach & raw cheddar.</p>
|
||
|
||
<p><strong>Tamale Pie</strong><br>
|
||
Local grass-fed beef.</p>
|
||
|
||
<p><strong>Chicken Pot Pie</strong><br>
|
||
Einkorn crust, vegetables.</p>
|
||
|
||
<p><strong>Salmon Quiche</strong><br>
|
||
Wild salmon, capers.</p>
|
||
</section>
|
||
|
||
<section>
|
||
<p><strong>Green Salad</strong><br>
|
||
Baby greens, olives, dressing.</p>
|
||
|
||
<p><strong>Apple Walnut Salad</strong><br>
|
||
Amish cheddar, olives, dressing.</p>
|
||
|
||
<p><strong>Salmon Salad</strong><br>
|
||
Wild salmon, olives, dressing.</p>
|
||
|
||
<p><strong>Lentil Soup</strong><br>
|
||
Vegan.</p>
|
||
|
||
<p><strong>Salmon Chowder</strong><br>
|
||
Creamy. Wild salmon.</p>
|
||
|
||
<p><strong>Yogurt Parfait</strong><br>
|
||
Yogurt, walnuts, berries, honey.</p>
|
||
</section>
|
||
</div>
|
||
<p><small>All food items are made on site using local, organic produce when available, locally raised grass-fed beef, pastured chickens and organic eggs, and wild Alaskan line-caught salmon.</small></p>
|
||
</article>
|
||
</main>
|
||
|
||
<footer>
|
||
<section>
|
||
<p>
|
||
<strong>Phone:</strong>
|
||
<a href="tel:+13603853388">(360) 385-3388</a>
|
||
</p>
|
||
<address>
|
||
<strong>Location:</strong>
|
||
<a href="https://www.google.com/maps/place/100+Tyler+St,+Port+Townsend,+WA+98368/">100 Tyler St,
|
||
Port Townsend, WA 98368</a>
|
||
</address>
|
||
<p>
|
||
<strong>Hours:</strong>
|
||
Mon - Thu: 7am - 5pm,<wbr> Fri - Sun: 7am - 7pm
|
||
</p>
|
||
</section>
|
||
<section>
|
||
<p>Better Living Through Coffee is located in the beautiful, historic downtown district of Port Townsend, Washington.</p>
|
||
</section>
|
||
</footer>
|
||
</body>
|
||
</html> |