A little housekeeping

This commit is contained in:
Nathan Chapman 2021-01-16 10:50:45 -07:00
parent 7dfe1a2f09
commit 60ba1ffd47
2 changed files with 30 additions and 30 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Better Living Through Coffee</title>
@ -14,17 +14,17 @@
<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="#top">Top</a>
<a href="#drinks">Drinks Menu</a>
<a href="#food">Food Menu</a>
<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">
<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>
@ -142,7 +142,6 @@
<div class="wrapper">
<section>
<p><strong>Sausage Pepper Quiche</strong><br>
Peppers, onions & raw chedder.</p>
@ -184,6 +183,7 @@
</main>
<footer>
<section>
<p>
<strong>Phone:</strong>
<a href="tel:+13603853388">(360) 385-3388</a>
@ -197,10 +197,10 @@
<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>
<script type="text/javascript" src="scripts/index.js"></script>
</body>
</html>

View File

@ -89,6 +89,9 @@ nav {
color: white;
margin-right: 1em;
margin-left: 1em;
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
}
footer a {
color: white;
@ -110,18 +113,15 @@ article {
}
footer {
width: 100%;
background-color: rgba(0,0,0,.95);
color: white;
text-align: center;
padding-top: 0.25em;
padding-bottom: 0.25em;
padding: 0 1rem;
display: flex;
justify-content: space-around;
align-items: baseline;
flex-flow: row wrap;
/*justify-content: left;*/
flex-flow: column;
}
/* Theme */