66 lines
2.2 KiB
HTML
66 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Hearts 🩷💜🩵</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#f9dee1">
|
|
<link rel="stylesheet" href="../home.css">
|
|
<link rel="stylesheet" href="hearts.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header><h1>🩷 Hearts 🩷</h1></header>
|
|
|
|
<main>
|
|
|
|
<nav></nav>
|
|
<section class="blurb">
|
|
<p>I love hearts. If this valentine is for me, it should be all about hearts.</p>
|
|
|
|
<section id="heartyphants">
|
|
<h2>Heartyphants</h2>
|
|
<p>I found these Heartyphant pixels that I made about 15 years ago. I think they're really cute!</p>
|
|
<p>
|
|
<img src="mypixels/heartyphants-1.png" alt="pixel elephant with heart ears and hearts coming out of its trunk in grey and red">
|
|
<img src="mypixels/heartyphants-2.png" alt="pixel elephant with heart ears and hearts coming out of its trunk in light blue and pink">
|
|
<img src="mypixels/heartyphants-3.png" alt="pixel elephant with heart ears and hearts coming out of its trunk in pink and red">
|
|
<img src="mypixels/heartyphants-5.png" alt="pixel elephant with heart ears and hearts coming out of its trunk in blue and purple">
|
|
<img src="mypixels/heartyphants-6.png" alt="pixel elephant with heart ears and hearts coming out of its trunk in green and pink">
|
|
</p>
|
|
<p>
|
|
If you'd like to adopt one, here's a link back code.
|
|
<textarea>This Heartyphant was adopted at <a href="https://www.shannonkay.com/hearts>shannonkay.com/hearts</a></textarea></p>
|
|
|
|
<hr>
|
|
</section>
|
|
|
|
<section id="emoji">
|
|
<h2>Heart Emoji</h2>
|
|
<p><span class="emoji">
|
|
💕 🩷 💗 💓 💖 💘 💞 💝<br>
|
|
❤️ 🧡 💛 💚 🩵 💙 💜<br>
|
|
🤎 🖤 🩶 🤍<br>
|
|
💟 ❤️🔥 ❤️🩹 ❣️ 🫶 🥰 😻 😍
|
|
</span></p>
|
|
|
|
<section id="pixels">
|
|
|
|
</section>
|
|
|
|
<div class="heart"></div>
|
|
<p><a href="https://css-shape.com/heart/">CSS Heart Shape</a></p>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p>This page was made for the <a href="https://32bit.cafe/vday25/">Valentine's Day Code Jam 2025</a> at <a href="https://32bit.cafe">32-Bit Cafe</a></p>
|
|
<p><a href="../index.html">Shannon's Homepage</a></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|