9647d9e9b0
change class names to camelCase update html and css to reflect this javascript can now use querySelectorAll and grab note from object via first class in list of classes for tile
35 lines
1.2 KiB
HTML
35 lines
1.2 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>for you, emma <3</header>
|
|
<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.jpg" alt="a box of chocolate cupcakes">
|
|
</div>
|
|
<script src="./script/script.js" defer></script>
|
|
<footer>
|
|
<p>happy valentine's day!</p>
|
|
<p>credits</p>
|
|
</footer>
|
|
</body>
|
|
</html> |