mirror of
https://github.com/bdunderscore/modular-avatar.git
synced 2025-01-17 20:00:06 +08:00
41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
|
|
<style>
|
|
h1 {
|
|
font-family: Pacifico, sans-serif;
|
|
font-size: 4em;
|
|
color: #3eb5f1;
|
|
margin: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-weight: 300;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.centered {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
}
|
|
|
|
#ferris {
|
|
width: 75%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="centered">
|
|
<h1>200 Success</h1>
|
|
<h2>Hello World! Welcome to your Workers Site.</h2>
|
|
<img id="ferris" alt="a happy crab is wearing a cowboy hat and holding a lasso. 200 success." src="./img/200-wrangler-ferris.gif">
|
|
</div>
|
|
</body>
|
|
</html>
|