Difference between revisions of "Making an "Under Construction" page"
Jump to navigation
Jump to search
(Created page with " <code> <html> <head> <title>Under construction</title> <meta name="This website is under construction"> <meta name="viewport" content="height=device-height, init...") |
|||
| Line 19: | Line 19: | ||
height: 100vh; | height: 100vh; | ||
} | } | ||
| − | |||
/* Centered text */ | /* Centered text */ | ||
.centered { | .centered { | ||
| Line 28: | Line 27: | ||
font-size: 2em; | font-size: 2em; | ||
} | } | ||
| − | |||
/* style of space behind the image */ | /* style of space behind the image */ | ||
body { | body { | ||
background-color: black; | background-color: black; | ||
} | } | ||
| − | |||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 17:29, 16 February 2023
<html>
<head>
<title>Under construction</title>
<meta name="This website is under construction">
<meta name="viewport" content="height=device-height, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
/* Container holding the image and the text */
.page {
position: relative;
text-align: center;
color: black;
display: flex;
justify-content: center;
overflow: hidden;
height: 100vh;
}
/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2em;
}
/* style of space behind the image */
body {
background-color: black;
}
</style>
</head>
<body>>
<img src="background.png" alt="Under construction page">
My website
Coming soon
</body>
</html>
