30 lines
1.8 KiB
HTML
30 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<htmL lang="en">
|
|
<head>
|
|
<title>One cat per day!</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<div class="greeting">
|
|
<h1>One cat per day!</h1>
|
|
</div>
|
|
<div class="buttons">
|
|
<a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>
|
|
<a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->
|
|
<img class="cat-img" src=img/cat2024-10-28-08:37.jpg alt="A picture of a cat">
|
|
</main>
|
|
<footer>
|
|
<p>Made by emma for the love of cats. </p>
|
|
</footer>
|
|
</body>
|
|
</htmL> |