a4594f1e7b
add p to header set header to flex and style adjust transparency of header and footer change font of p element change color of p element
34 lines
1.2 KiB
HTML
34 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><p class="header-text">For you, Emma</p></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>
|
|
</footer>
|
|
</body>
|
|
</html> |