fc6bb51ccb
add placeholder thought bubble to index.html style appropriately to be in right place over baxter's head further work will be done in javascript
71 lines
2.4 KiB
HTML
71 lines
2.4 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="items">
|
|
<img class="baxter-thought"
|
|
src="./img/baxter-thoughts/baxter-thought-one.webp"
|
|
alt="a thought bubble symbolizing baxter's
|
|
reaction to a head scrath"
|
|
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>
|
|
<p>happy valentine's day!</p>
|
|
</footer>
|
|
</body>
|
|
</html> |