81 lines
2.7 KiB
HTML
81 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8">
|
|
<title>For you, Emma</title>
|
|
<link rel="stylesheet" href="./style/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<p class="header-text">For you, Emma</p>
|
|
</header>
|
|
|
|
<section>
|
|
<div class="visitor-note">
|
|
<img class="read-this" src="./img/read.webp"
|
|
alt="a piece of note paper that must be clicked on to read"
|
|
height="300" width="300"
|
|
>
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="tileOne tile"></div>
|
|
<div class="tileTwo tile"></div>
|
|
<div class="tileThree tile"></div>
|
|
<div class="tileFour tile"></div>
|
|
<div class="tileFive tile"></div>
|
|
<div class="tileSix tile"></div>
|
|
<div class="tileSeven tile"></div>
|
|
<div class="tileEight tile"></div>
|
|
<div class="tileNine tile"></div>
|
|
<div class="tileTen tile"></div>
|
|
<div class="tileEleven tile"></div>
|
|
<div class="tileTwelve tile"></div>
|
|
|
|
<img src="./img/sweets.webp" alt="a box of chocolate cupcakes"
|
|
height="1000" width="1000"
|
|
>
|
|
</div>
|
|
|
|
<div class="love-note"></div>
|
|
|
|
<div class="items">
|
|
<img class="baxter-thought"
|
|
width="100" height="100"
|
|
>
|
|
|
|
<div class="headpats"></div>
|
|
<img class="baxter" src="./img/baxter.webp"
|
|
height="300" width="300"
|
|
>
|
|
|
|
<img class="trans-pride-heart"
|
|
src="./img/transgender-pride-flag.svg"
|
|
alt="the trans pride flag"
|
|
height="250" width="250"
|
|
>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="https://kit.fontawesome.com/821c138f8d.js"
|
|
crossorigin="anonymous">
|
|
</script>
|
|
<script src="./js/script.js" defer></script>
|
|
|
|
<footer>
|
|
<div class="footer-container">
|
|
<p class="cafe">part of the 32-Bit Cafe
|
|
<a href="https://32bit.cafe/vday25/" target="_blank">
|
|
valentine's day '25</a> event
|
|
</p>
|
|
<p class="message">Happy Valentine's day!
|
|
<i class="fa-solid fa-heart"></i>
|
|
</p>
|
|
<a href="#" class="credits">credits</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |